小程序模板网

iOS开发做微信小程序学习小结(一)

2018-04-25 东坡竹

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语法,考这个自己还做了一个小卖铺的系统。哈哈



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23955.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询