标签缩写用法:
| 说明 | 标签结构 | emmet(缩写) |
|---|---|---|
| 类选择器 | <view class="box"></view> | view.box |
| id 选择器 | <view id="box"></view> | view#box |
| 同级别标签 | <view></view><view></view> | view+view |
| 父子标签 | <view><button></button></view> | view>button |
常用代码封装成了以 u 开头的代码块:
- uview
- viewfor
- uButton
- uCheckbox
- .....
vue js代码块:
| 说明 | 标签结构 | 注意 |
|---|---|---|
| vImport：导入文件 | import New from '/components/New.vue'; | - |
| ed：export default | export default { } | - |
| vData | data(){return{}} | 需要在export default才有效 |
| vMethod | methods: {name() {}}, | 需要在export default才有效 |
| vComponents | components: {} | 需要在export default才有效 |
| vComputed | computed: {name() {return this.data }}, | 需要在export default才有效 |
| vProps | props: { propName: {type: Number,default: },}, | 需要在export default才有效 |
| vWatch | watch: {data(newValue, oldValue) {} }, | 需要在export default才有效 |
| vFilters | filters: {fnName: function(value) {return value;}} | 需要在export default才有效 |
常用的js 代码块
- iff：简单if
- forr：for循环结构体
- fori：for循环结构体并包含i
- funn：函数
- funa：匿名函数
- rt：return true
- clog：输出："console.log()"
- clogvar：增强的日志输出，可同时把变量的名字打印出来
- varcw：输出："var currentWebview = this.
getAppWebview()"
- ifios：iOS的平台判断
- ifAndroid：Android的平台判断
CSS：大多数简写方式为属性单词的首字母
| 说明 | css 属性 | emmet(缩写) |
|---|---|---|
| 宽度 | width | w |
| 宽度 500px | width:500px | w500 |
| 背景色 | background-color | bgc |
| 多属性 | width:200px;height:100px;background-color:#fff | w200+h100+bcg |
