昨晚部署一个nuxt项目的官网花了三个小时，实在是汗颜，赶紧写个博客记录一下，以免再犯 我的部署流程运行环境：linux服务器，pm2进程守护，nginx反向代理0.服务器安装nginx和pm2 安装nginx已有众多大神写过相当详细的教程 安装pm2 确保服务器上装有node环境 1npm i pm2 -g 1.项目根目录新建process.json文件12345678910111213141 ...

最近在做小程序自定义导航栏，为导航栏设置背景图，但是各个机型导航栏高度不同，同一张背景图如何自适应，而不被拉伸或压缩。 方案一背景图宽度100%，高度自动，这种方案适用于固定宽高的元素，并允许背景图溢出123background-image: url(img.jpg);background-position: center top;background-size: 100% auto; 方案二不希 ...

写这篇博客的背景临近节日，产品想给小程序首页头部设置图片背景，这个只能自定义导航栏来实现当然除了自定义背景图，还可以放置其他组件，按钮、搜索框等 实践部分设备状态栏、胶囊、间距的高度（仅供参考）（单位px） 状态栏 胶囊 上下间距 整个导航栏高度 iPhone 5 20 32 4 60 iPhone 6/7/8 20 32 4 60 iPhone 6/7/8 Plus 20 ...

element-ui Calendar 官网链接 官网的只有一个基础的日历展示，但是提供了插槽，使得我们可以自定义日历单元格dateCell scoped slot 参数| 参数 | 说明 | 类型 || :— | :— | :— || date | 单元格代表的日期 | Date || data | { type, isSelected, day}，type 表示该日期的所属月份，可选值有 pr ...

最近有一个企业官网项目用到了nuxt.js需求：首页有一个左右滑动的展示效果，果断使用swiper，直接上网搜索关键字“nuxt使用swiper”。结果： 1. 安装1npm i swiper vue-awesome-swiper -S 我的版本： 12"swiper": "^6.4.1","vue-awesome-swiper": "^4.1.1" 2. 引入 在plugins文件夹下新建vue ...

@TOC # 前言 常见的聊天对话框，如微信，都是由一个长方形加一个三角形组合而成，重点就在于三角形的制作 一、css制作三角形的实现原理？三角形的实现原理是元素宽高设置为0，再设置边框宽度、样式和颜色。 例如：# 二、单个三角形## 1.原理只设置一条边的颜色，其他三边颜色设置为透明例如： 👇 向下三角 👉 向右三角 👆 向上三角 👈 向左三角 2.空 ...

相信vue很多人都已经很熟悉了，利用脚手架很容易搭建一个vue项目但项目多了以后每次部署测试环境就相当麻烦，还容易出错所以趁这两天不忙，研究一下jenkins，也总算是入门了 jenkins官网传送门 初步了解了jenkins是干什么的以后，直接开干步骤： 0.服务器安装java，并配置环境变量 下载 打开oracle官网我一般习惯新建一个文件夹专门用于存放安装包文件（以个人喜好为准，可忽略 ...

flex布局属性可以快速满足我们日常开发的常见布局需要，解决使用定位、浮动等影响其他元素的属性。浏览器支持如下，IE10以下需要做兼容性处理 flex布局的容器存在主轴（main axis）和交叉轴（cross axis）默认情况下主轴是水平的 1234567891011121314151617181920212223242526<!-- 节点结构 --><div class ...

html1234<div class="parent"> <div class="child"></div></div> css 水平居中行内元素123.parent { text-align: center;} 块级元素123456789101 ...

快速排序 快速排序的基本思想就是分治法的思想，寻找中间点，并对其左右的序列递归进行排序，直到左右都排序完成。 12345678910111213141516171819202122function quickSort(arr){ if(arr.length==0){ return arr } // 寻找中间点的 ...