项目结构
1
2
3
4
5
6
7
8
9
10
11
| ┌─pages
│ ├─index
│ │ └─index.vue
│ └─login
│ └─login.vue
├─static
├─main.js
├─App.vue
├─manifest.json
└─pages.json
|
pages
1
2
3
4
5
6
7
8
9
10
11
| {
"pages": [
{
"path": "pages/index/index",
"style": { ... }
}, {
"path": "pages/login/login",
"style": { ... }
}
]
}
|
pages[0]默认显示在首页, 如果想 login 放在首页的位置, 则把 login 放在 index 前面
注意 path 的路径不要添加后缀
常见标签替换
div => view
span => text
img => image
a => navigator 只能跳转本地页面, 目标必须在 pages.json 注册
onRead 和 onLoad 区别
1.onready 比 onload 先执行
onLoad 需要等待页面中所有元素(包括图片)加载完成之后才会执行
onRead 是 DOM 是 DOM 结构绘制完毕后就执行， 不需要等待所有元素加载执行
2.onload 只执行最后一个而 onready 可以执行多个。
编写个数不同 window.onload 不能同时编写多个，如果有多个 window.onload 方法，只会执行一个。 $(document).ready()可以同时编写多个，并且都可以得到执行
$(document).ready(function(){})可以简写成$(function(){});
localStorage
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| onLoad() {
// 异步存储
uni.setStorage({
key: 'name',
data: '夏珑桂'
})
uni.getStorage({
key: 'name',
success: res => {
console.log('getStorage', res)
}
})
// 同步存储
uni.setStorageSync('age', '18')
let age = uni.getStorageSync('age')
console.log('age', age)
// 同步存储对象
// 正常写法应该是这样的, 但是在uniapp会给我们自动转换
/* uni.setStorageSync('person', JSON.stringify({name: '张三', age: 18}))
let person = uni.getStorageSync('person')
console.log('person', JSON.parse(person)) */
// 直接存储对象也可以直接获取, 但是在vue中写将会获取的是 [Object, Object]
uni.setStorageSync('person', {name: '张三', age: 18})
let person = uni.getStorageSync('person')
console.log('person', person)
}
// 清除指定缓存
uni.removeStorageSync('person')
// 清除所有缓存
uni.clearStorageSync()
|