微信小程序那点事儿(必看&踩坑&实用&解决BUG)------持续更新(1)

         上篇文章提到了我第一次接触小程序项目，所以会遇到很多和大家一样的问题，问题有可能 很容易解决 很浅显，但是应该也会帮助到一些刚接触的朋友。
        此文章会长期更新，涉及到的知识点可能不会详细介绍，会直接提出解决办法，但会提供对应的文档供大家学习，遇到一些棘手或需要篇幅比较大的问题，我会单独开一篇博客来详细介绍。

1.小程序 WXML 与 HTML是有语法区别的

区别于HTML语言随意的标签闭合方式，WXML语言必须包括开始标签和结束标签

HTML5	微信小程序
<div></div>	<view></view>
<i class="icon">	<icon></icon>
<a href="#"></a>	<navigator url="#"></navigator>
<img src="">	<image src=""></image>

简单举例：小程序组件详细介绍

2.小程序 个人推荐弹性布局写法

div和view都是盒模型，默认display:block。
盒模型在布局过程中，一般推荐display:flex的写法，配合justify-content:center;align-items:center;的定义实现盒模型在横向和纵向的居中。

3.input 输入框 快捷限制合法值和右下角按钮

type 的合法值：可快捷设置身份证输入和带小数点的键盘

值	说明
text	文本输入键盘
number	文本输入键盘
idcard	身份证输入键盘
digit	带小数点的数字键盘

confirm-type 的合法值：可快捷右下角按钮

值	说明
send	右下角按钮为“发送”
search	右下角按钮为“搜索”
next	右下角按钮为“下一个”
go	右下角按钮为“前往”
done	右下角按钮为“完成”

input部分详细介绍文档

4.Webstorm 微信小程序语法补丁

Webstorm本身是不支持小程序语法的，可以添加补丁包让开发更快捷

点击 File ===> import Settings 选中jar补丁包（点击下载） 重启即可

PS：CSDN调整了积分规则，本来想免费分享的，现在不能手工调整积分，需要的留邮箱吧~~

5.viedeo 属性设置失效 自动播放失败

注意写法 autoplay false 需要{{false}} 别忘了双引号

viedeo 部分详细介绍文档

更新待续~~~ 周末愉快~~