摘要: onReady(){ let that = this uni.getSystemInfo({ success: function(res) { // res - 各种参数 console.log(res.windowHeight); // 屏幕的宽度 let info = uni.createSel 阅读全文
posted @ 2020-08-12 17:58 飞鸟和蝉- 阅读(3516) 评论(0) 推荐(0) 编辑
摘要: 双向数据绑定是建立在单项数据绑定(model view)的基础之上的双向数据绑定的实现流程:a: 在解析v-model指令时 , 给当前元素添加input监听b: 当input的 value发生改变时, 将最新的值赋值给当前表达式对应的data属性v-model:绑定model:function(n 阅读全文
posted @ 2020-07-18 13:40 飞鸟和蝉- 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 得到指令名 和指令值(表达式) text/html/class msg/myClass从 data 中根据表达是得到对应的值根据指令名确定需要操作元素节点的什么属性a: v-text text-textContent 属性b: v-html—innerHTML 属性c: v-class class 阅读全文
posted @ 2020-07-18 11:19 飞鸟和蝉- 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 从指令名中取出时间名根据指令的值(表达式)从methods 中得到对应的事件处理函数对象给当前元素节点绑定事件名 和 回调函数的 dom事件监听指令解析完后, 移除次指令属性 阅读全文
posted @ 2020-07-18 11:15 飞鸟和蝉- 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 根据正则对象得到匹配出的表达式字符串; 子匹配/RegExp.$1 name从data中取出 表达式对应的属性值将属性值设置为文本节点的textContent 阅读全文
posted @ 2020-07-18 11:08 飞鸟和蝉- 阅读(3514) 评论(0) 推荐(0) 编辑
摘要: 数据代理: 通过一个对象代理对另一个对象中属性的操作(读/写)vue数据代理: 通过vm对象来代理data对象中所有属性的操作好处:更方便的操作data中的数据基本实现流程:a: 通过Object.defineProperty()给 vm 添加 与 data 对象的属性对应的属性描述符b: 所有添加 阅读全文
posted @ 2020-07-18 10:53 飞鸟和蝉- 阅读(509) 评论(0) 推荐(0) 编辑
摘要: 先安装 mock.jsnpm install mockjs --save-dev模拟数据接口在项目的src目录下创建一个mock目录,然后在里面新建一个index.js文件,作为mock的导出点,用于提供给src/main.js使用。在src/mock下新建modules目录,里面再新建各种xxx.js,用来模拟各个页面的数据。src目录结构图:index.js代码:// 引入mockjsimpo... 阅读全文
posted @ 2020-07-17 22:22 飞鸟和蝉- 阅读(1179) 评论(0) 推荐(0) 编辑
摘要: 非父子间传值事件总线:// 原理上就是建立一个 公共的js文件, 专门来传递消息 // bus.js import Vue from 'vue' export default new Vue // 在需要传递消息的地方引入 import bus from './bus.js' // 传递消息 bus 阅读全文
posted @ 2020-07-16 18:34 飞鸟和蝉- 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 正常加载可以认为是并行加载,在同一时间加载多个文件, index.js 中 引入 test.js , 点击按钮之前已经加载了 test.js懒加载:当文件需要使用时才加载构建后:页面一加载,只有index.js 执行了点击按钮后才会加载 test.js预加载 prefetch:会在使用之前,提前加载 阅读全文
posted @ 2020-06-29 22:25 飞鸟和蝉- 阅读(971) 评论(0) 推荐(0) 编辑
摘要: 代码分割:1. 可以把一个大的入口文件 分割 成 多个入口文件,实现并行加载,从而速度更快2.可以设置成按需加载,比如单页面开发,整个页面非常庞大,所以要根据路由拆分成多个文件,实现按需加载(拆分文件需要用到webpack拆分)在 webpack 中可以定义多入口,将不同的入口文件打包为不同的 ch 阅读全文
posted @ 2020-06-29 22:01 飞鸟和蝉- 阅读(310) 评论(0) 推荐(0) 编辑