1. 我想大家做iOS移动端开发去做微信小程序感觉挺新奇的本人是这个想法，愿意尝试。这段时间不是很忙公司留给时间学习微信小程序开发。我也就小结一下。我依旧是菜鸟无法与大神相提并论，大神的话不许要看下面可以直接走开。入门前还是要对小程序有所了解。微信小程序简单，快捷，用后即关。我这种用户就是这样，需要了看下，不需要百年都不会打开看一眼。
2. 准备工作：
1> 看官方文档，全都看完了解一下。我是这么搞的。
2> 不建议直接开发，你毕竟是iOS开发工程师。你甚至不懂html就不要搞wxml。js、css、及json文件都是搞啥的。开发前要明白这些。本人是知道后直接上手的。
3> 不需要急因为没用，就如让你搞个即时通信自做（Websocket）你都不知道是啥搞个毛，不推荐直接上手，我无法坚持，毛都不会如何上手，这看一点那看一点。最后还是乱套迷糊。走过的坑高速自己还是一步步来。很快就可以搞得定。搞程序切记眼高手低。本人还是回归根本。我是一只小小鸟，只想跟随大神们的脚步，一步步走。
4> 如果你公司有个做前端的，那么恭喜你。你可以减少一半的学习时间。我是比较幸运的。微信小程序开发工具确实不是很友善各种字符硬敲，各种标签，我一搞iOS开发的看见就烦，但还是要静下心。毕竟小程序出来没多长时间，相信开发工具一定会越来越好。
5> 本人是从布局开始搞起的因为掉过很多坑了。统一学习的。慢慢总结，还是要靠一些记忆力的。对于方法封装及传数据，及等等吧，也大差不差。不过不要再以iOS的写法标准考虑小程序。完全不一个东西。
3. css小结一下：
display:flex; 这是什么鬼东西呢，
1. flex布局为默认横向排列元素
2. flex-direction 决定元素排列方向
3. flex-wrap 决定元素如何换行（数据多的时候）
nowrap 默认值。规定灵活的项目不拆行或不拆列。
wrap 规定灵活的项目在必要的时候拆行或拆列。
wrap-reverse 规定灵活的项目在必要的时候拆行或拆列，但是以相反的顺序。
initial 设置该属性为它的默认值。请参阅 initial。
inherit 从父元素继承该属性。请参阅 inherit。
4.flex-flow
flex-flow: wrap row，编译运行结果：如图5所示，flex-flow相当于 flex-direction和 flex-wrap两个属性的组合
5. justify-content:center
:space-between每个子view左右都有留边，但是首尾两个view各自左右对齐不留边
:space-around---效果如图8所示，每个子view左右都有留边
6.position: relative; // 相对定位 position: absolute; // 绝对定位
。。。。。。。。
下面你看到就熟悉了哦。开心一下。
1. 尺寸
width: 228rpx; // 宽度
height: 228rpx; // 高度
min-width: //最小宽度
max-width: //最大宽度
min-height: //最小高度
max-height: //最大高度
...
2. 背景
background-color: darkcyan; //背景颜色
...
3. 边框
border-radius: 20%; //边框圆角
border-width: 5px; //边框宽度
border-color: #ddd; //边框颜色
border-style: solid; //边框样式
...
4. 边距
margin: 20rpx; //外边距，边框距离父级元素的距离
margin: 14rpx 50rpx 30rpx 50rpx; // 上右下左 1px =2rpx
padding: 20rpx; //内边距，边框距离元素的距离
padding: 10rpx 20rpx 30rpx 40rpx; // 上右下左
5. 文本
font-size: 30px; //字体大小
这只是其中一点点哦可见路还很遥远对吧。没错，不过相信自己一定可以的。本人以前考空余时间搞过java语法，考这个自己还做了一个小卖铺的系统。哈哈😄，绝对可以的。大家都不是笨蛋。看到技术群的大哥小哥们高调的不得了，有啥嘛，我还想说我懂得东西比你多多了哦。相信自己一定可以。谦虚低调，会做的很好。如果有好的资源愿于大家共享，自己凑时间写些demo与大家分享。目前也在开始尝试写自己的技术博客以前总看人家的感觉挺幸福自己写也挺乐呵的，与君共享，还望指点包涵。点下喜欢小编就很开心了，也感谢你的鼓励。一直很低调。高调做事😄。
网友评论