Vue
插槽开发
组件内使用
外部自定义
计算属性
样式可以采用数据形式
:class=”[‘btn’,{‘btn-no’:!hasSeleted}]”
小程序分包
（包之间不能互相引用）
“pages”: [
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
“path”: “pages/index/index”,
“style”: {
“navigationStyle”: “custom”,
“backgroundColor”: “#F4F5F7”
}
}
],
“subPackages”: [{
“root”: “page_main”,
“pages”: [{
// 首页
“path”: “index”,
“style”: {
“navigationStyle”: “custom”,
“backgroundColor”: “#F4F5F7”
}
},{
// 首页
“path”: “monitor”,
“style”: {
“navigationStyle”: “custom”,
“backgroundColor”: “#F4F5F7”
}
}]
},
。。。。。。。
css定位
relative
相对定位，即相对于元素的正常位置进行定位，您可以通过 top、right、bottom、left 这 4 个属性来设置元素相对于正常位置的偏移量，在此过程中不会对其它元素造成影响。
absolute
绝对定位，相对于第一个非 static 定位的父级元素进行定位，可以通过 top、right、bottom、left 这 4 个属性来设置元素相对于父级元素位置的偏移量。如果没有满足条件的父级元素，则会相对于浏览器窗口来进行定位。使用绝对定位的元素不会对其它元素造成影响。
fixed
固定定位，相对于浏览器的创建进行定位，可以使用 top、right、bottom、left 这 4 个属性来定义元素相对于浏览器窗口的位置。使用固定定位的元素无论如何滚动浏览器窗口元素的位置都是固定不变的。
sticky 粘性定位，它是 relative 和 fixed 的结合体，能够实线类似吸附的效果，当滚动页面时它的效果与 relative 相同，当要滚动到屏幕之外时则会自动变成 fixed 的效果。
display: flex;
display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。
意为”弹性布局”，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
flex-direction 容器内元素的排列方向(默认横向排列)
flex-wrap 容器内元素的换行(默认不换行)
justify-content 元素在主轴（页面）上的排列
1：justify-content : center;元素在主轴（页面）上居中排列
2：justify-content : flex-start;元素在主轴（页面）上由左或者上开始排列
3：justify-content : flex-end;元素在主轴（页面）上由右或者下开始排列
4：justify-content : space-between;元素在主轴（页面）上左右两端或者上下两端开始排列
5：justify-content : space-around;每个元素两侧的间隔相等。所以，元素之间的间隔比元素与边框的间隔大一倍。
align-items 元素在主轴（页面）当前行的横轴（纵轴）方向上的对齐方式
1：align-items : flex-start; 弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界（靠上对齐）。
2：align-items : flex-end; 弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。（靠下对齐）
3：align-items : center; 弹性盒子元素在该行的侧轴（纵轴）上居中放置。（居中对齐）
align-content 在弹性容器内的元素没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）
3:align-content: stretch; 元素位于容器的中心。各行向弹性盒容器的中间位置堆叠。
4:align-content: center; 默认值。元素被拉伸以适应容器。各行将会伸展以占用剩余的空间。如果剩余的空间是负数，该值等效于’flex-start’
5:align-content: space-between;元素位于各行之间留有空白的容器内。各行在弹性盒容器中平均分布。
1.Flex布局以后，子元素的float、clear和vertical-align属性将失效。
2.justify-content：水平排列
3.align-content:垂直排列
4.align-items 水平居中基准线
5.flex可以用于块级元素，也可用于行内元素
小程序canvas绘制
实现了两个人头像的合并
Echarts在小程序中的应用
Node
Python常用脚本
谷歌地图切片服务
图片、视频优化器
PDF 转图片
拼写修正
Php
Swift
OC
React
MySQL
多端开发的探索
目前前端的开发越来越繁杂，这让我们非常的头疼，我们如何来做这些东西呢
1.考虑到dart的生成功能，我想我们可以考虑从后端的角度出发，打造一款生成器，当后端人员开发完接口后，能同时生成前端多端的接口调用模版，这让我们非常的兴奋，那我们应该怎么做呢
2.首先从最简单的vue开始
我们首先需要生成一个api接口。然后再生成一个用户信息
openapi-generator generate -i /Users/mqq/Desktop/mytest/user.yml -g ruby -o /Users/mqq/Desktop/mytest/gen