目录
上篇文章提到了我第一次接触小程序项目，所以会遇到很多和大家一样的问题，问题有可能 很容易解决 很浅显，但是应该也会帮助到一些刚接触的朋友。
此文章会长期更新，涉及到的知识点可能不会详细介绍，会直接提出解决办法，但会提供对应的文档供大家学习，遇到一些棘手或需要篇幅比较大的问题，我会单独开一篇博客来详细介绍。
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 | 右下角按钮为“完成” |
4.Webstorm 微信小程序语法补丁
Webstorm本身是不支持小程序语法的，可以添加补丁包让开发更快捷
点击 File ===> import Settings 选中jar补丁包（点击下载） 重启即可
PS：CSDN调整了积分规则，本来想免费分享的，现在不能手工调整积分，需要的留邮箱吧~~
5.viedeo 属性设置失效 自动播放失败
注意写法 autoplay false 需要{{false}} 别忘了双引号
更新待续~~~ 周末愉快~~