摘要: 页面的加载和渲染过程 1.浏览器通过HTTP协议请求服务器,获取HMTL文档并开始从上到下解析,构建DOM; 2.在构建DOM过程中,如果遇到外联的样式声明和脚本声明,则暂停文档解析,创建新的网络连接,并开始下载样式文件和脚本文件; 3.样式文件下载完成后,构建CSSDOM;脚本文件下载完成后,解释 阅读全文
posted @ 2022-04-06 21:36 Kira的学习笔记 阅读(86) 评论(0) 推荐(0) 编辑
摘要: JSON配置 app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。 点击查看代码 { "pages":[//页面路由,在这里添加路由可以自动生成对应文件 "pages/index/index", "pages/logs/logs", "pa 阅读全文
posted @ 2023-12-14 10:41 Kira的学习笔记 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 1.vue.config.js 2.vs code关闭 阅读全文
posted @ 2022-07-28 11:33 Kira的学习笔记 阅读(1581) 评论(0) 推荐(0) 编辑
摘要: 初始创建vue项目时,开启了eslint,没想到编码不规范造成了编译不成功,又想关掉。看了很多资料都是vue2的,在vue3中应该打开eslintrc.js修改配置,如下: 将里面的 'plugin:vue/vue3-essential', 注释掉,就可。 阅读全文
posted @ 2022-07-28 01:58 Kira的学习笔记 阅读(1793) 评论(0) 推荐(0) 编辑
摘要: BUG:浏览器回退高亮部分错误显示 如果根据官网的示例,每个el-menu-item的index都为’1-1’ '1-2’之类的。如果直接跳转路由,你会发现导航栏当前激活菜单的 index没有改变。点击跳转。但菜单栏依旧停留在分组这个栏目 只有两种方法可以解决这个问题: 1.通过子组件的this.$ 阅读全文
posted @ 2022-06-10 16:47 Kira的学习笔记 阅读(2625) 评论(0) 推荐(0) 编辑
摘要: axios.create(config)axios.create(config) 对axios请求进行二次封装 根据指定配置创建一个新的 axios ,也就是每个axios 都有自己的配置 新的 axios 只是没有 取消请求 和 批量请求 的方法,其它所有语法都是一致的 为什么要这种语法? 需求, 阅读全文
posted @ 2022-05-23 09:58 Kira的学习笔记 阅读(203) 评论(0) 推荐(0) 编辑
摘要: flex:0和flex:none flex:0等同于设置flex: 0 1 0%。 flex:0等同于设置flex: 0 1 0%。 flex:0时代码如下 <div class="container"> <div class="item">嘿嘿</div> <div class="item">哈哈 阅读全文
posted @ 2022-05-17 14:15 Kira的学习笔记 阅读(91) 评论(0) 推荐(0) 编辑
摘要: vue 创建项目(npm安装→初始化项目) 第一步npm安装 首先:先从nodejs.org中下载nodejs 双击安装,在安装界面一直Next 直到Finish完成安装。 打开控制命令行程序(CMD),检查是否正常 使用淘宝NPM 镜像 大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐 阅读全文
posted @ 2022-05-16 13:27 Kira的学习笔记 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 1.发布订阅者模式 //dep收集订阅者,并通知订阅者调用相关函数 class Dep { constructor() { this.sub=[] } //收集依赖 addSub(watcher) { this.sub.push(watcher) } //通知订阅者 notify() { this. 阅读全文
posted @ 2022-04-10 23:10 Kira的学习笔记 阅读(21) 评论(0) 推荐(0) 编辑
摘要: reduce()会循环数组,侧重于滚雪球的操作,上一次的结果是下一次的输入,例如实现累加 实现数组累加: 法一: let arr = [1, 2, 3, 4, 5, 6] let sum=0 arr.forEach(item => { sum=sum+item }) console.log(sum) 阅读全文
posted @ 2022-04-10 15:01 Kira的学习笔记 阅读(33) 评论(0) 推荐(0) 编辑
摘要: M V VM Model 层: 数据模型层 通过 Ajax、fetch 等 API 完成客户端和服务端业务模型的同步。 View 层: 视图层 ViewModel 层: 视图模型层 实现视图和数据的双向绑定 阅读全文
posted @ 2022-04-07 21:24 Kira的学习笔记 阅读(25) 评论(0) 推荐(0) 编辑