1.微信开发者工具中，存在中文路径，容易报错，最好使用英文路径
2.view标签里面不能用\n换行符，但text的标签可以
3.vh是百分比单位，如15vh，就可以是占15%
4.justify-content: space-between;/* 均匀排列每个元素首个元素放置于起点，末尾元素放置于终点 */
5.padding: 0 30rpx //第一个参数是上下边距，第二个参数是左右边距
6.当样式中，子级样式中里面有共同的样式，可以放在父级样式中，进行编辑
7. 用computed来进行复杂运算并获取计算值如const lineWidthcomputed(()=>currentIndex.value/(listData.value.length-1)*100)
8.scss加入局部属性scoped，css样式就只作用于本页面
9。align-items: center; //垂直中心 justify-content: center; //水平中心
10.css的1双选择器，该1标签class属性适应俩个样式 如开发笔记第14中的row more 元素行
11. 在script的js层中要调用其中定义的变量属性，要用const porp =类似的来获取如
const Props = defineProps({
subReply:{
type:Boolean,
default: false
}
})
13.ref( ) 接受一个内部值，返回一个ref 对象，这个对象是响应式的、可更改的，且只有一个指向其内部值的属性 .value。
14.flex：1 其中1是指占的比重，如果这些组件中只有这个有flex：1则其他空余部分它占
15.margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间
16. &表示and上面的属性 然后设置，下面这个last——child表示最后一个循环元素
&:last-child{
border: none;
}
17.position:relative //relative是相对定位，跟着一个东西一起定位而absolute是绝对定位，这两个就能搭配到一起了
18.::before 创建一个伪元素，其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认是行级的。
19.在公共全局common-style中设置了一些属性，不会超出边界盒子
view,text,swiper,swiper-item,input,textarea{
box-sizing: border-box;}
20.这个primary表示蓝色按钮的意思，属于基础样式
21.当padding设置3个属性的时候，为就是，上 左右 下
22.用这种做边框，可以做出下边小阴影的那种立体边框
border: 1px solid #e4e4e4;
border-bottom-width: 3px;23.line-height文本高度间距 text-align: justify; 文字向俩侧对其
24.当小组件在大组件里面，且都有点击事件的时候，可以在小组件的事件加入@click.stop，来阻止点击小组件时触发大组件事件（叫做事件的冒泡）
25.（异步同步化）理解异步函数async和await的用法 https://blog.csdn.net/weixin_45811256/article/details/123638582
用js异步的好处，就是提供吞吐量和用户体验，把需要处理数据的线程放到后面执行如数据库操作
26.在表结构中，required部分表示必填项目
27，在js中return能直接终止整个函数运行，如下，如果成立在返回值后shouwtoast，直接闭掉这个函数
const onSubmit = async () => {
if (formDate.value.content === "") {
return showToast("鸡汤内容不能为空");
}
let res = await db.collection("soup-chicken").add(formDate.value);
console.log(res); }
28.云数据库的返回值errcode=0代表发布成功
29，返回值解构
let {result: {errCode}} = await db.collection("soup-chicken").add(formDate.value)
因为后面的返回值是个result数组，里面有errcode，所以我们可以这样来获取errcode的值
30.由上向下组件传值，defineProps是接收的好东西
31.z-paging组件在列表中使用很nice
32。js的回调箭头函数item=>item.value==value，这个就是如果后面相等，就返回item否则为空
33./where进行定点查询，getone是保证数组只有一个嵌套（数据库查询时）
34.使用``这种符号，变量前面加$在里面可以用文字和变量组成一段话
35.mask可以避免用户乱点，加入遮罩
uni.showLoading({
title: '提交中',
mask:true
})
36.生命周期app.vue是页面加载构建的生命周期里面的函数，而uni-id里面的hooks是用户登录时的钩子（uni.login触发时）顺带触发
37.使用Pinia作为储存库，能使多个页面数据同步，同步修改，同步变换，
Pinia（发音为 /piːnjʌ/，如英语中的 peenya） 是 Vue 的存储库，它允许您跨组件、页面共享状态。在服务器端以及小型单页应用程序中，您也可以从使用 Pinia 中获得很多好处：
Devtools 支持
追踪 actions、mutations 的时间线
在组件中展示它们所用到的 Store
让调试更容易的 Time travel
热模块更换
不必重载页面即可修改 Store
开发时可保持当前的 State
为 JS 开发者提供适当的 TypeScript 支持以及 自动补全 功能
38.uni-pops官方插件，value值无效1.91版本
39.stroage里面的uni_id_token_expired这个是登录token的失效时间
40."$env": "uid",这个$env是云端变量，这里表示用户id
41."foreignKey": "uni-id-users._id",在数据库表中，foreignkey能关联其他表的数据
44.入onload这种监听事件前面是不加const的
45.bug修复，那个老师有问题，监听事件需要off掉，不然会重复
46.在vue中，模板里面调用对象可以不用value但是在js中需要，不然要报错
phrase2:stateFormat(formDate.value.status).text
此处在模板中则可以直接写成formDate.status
欢迎加入 Typecho 大家族
这次博客会留着了