- 博客(9)
- 收藏
- 关注
RSS订阅原创 promise解决回调地狱
function getData(path) { // new Promise()是立即执行构造函数的代码的，构造函数是隐含return的 return new Promise(function(resolve, reject) { fs.readFile(path, "utf8", function(err, data) { if (err) { // return console.log(err)
2020-09-19 21:09:09
82
原创 rem原理
rem是通过媒体查询来做的，根据不同屏幕尺寸设置不同的html文字大小，然后你设置的页面单位全部用rem单位来做就可以了，但是通过媒体查询的话，设置起来太麻烦了，可以用淘宝的flexble插件来动态设置html文字大小，就算你变化了1px，他都会重新设置html文字大小。设计稿常用尺寸是640，和750比如说我有一个750的设计稿，我量出来的一个div是100*100的，假如把这个750分成15份，那么每一份就是50px，然后我100/50，就是2rem，也就是俩倍，如果变成320像素的话，320/15
2020-09-19 21:07:30
234
原创 页面的重绘和节流
回流是指当页面的结构或者标签的尺寸发生变化的时候, 浏览器需要对页面进行重排, 并重新渲染;重绘是指当页面上的标签的外观(比如字体颜色,或背景颜色)发生改变的时候, 浏览器需要重新对页面进行渲染.所以回流一定会引起页面的重绘, 重绘不一定会引起回流.要提高页面性能, 就要尽可能的减少页面的回流和重绘....
2020-09-19 21:07:07
303
原创 vue中的路由，vuerouter详解
spa，spa实现原理就是通过url地址里面的hash，但是hash的变化不会触发新的url请求然后vuerouter就是官方的路由管理器，支持html5历史模式和hase模式嵌套路由，路由参数，编程式路由，命名路由使用的话就是router-link 然后后面跟一个to属性，to属性默认会被渲染为#开头的hash地址然后router view是路由占位符然后把路由挂载在根实例上路由规则里redirect可以重定向，动态路由的话就是路径后面跟个冒号，后面写一个属性，比如说id，然后想访问那个i
2020-09-19 21:06:24
173
原创 原型对象，原型链继承
每一个构造函数都有一个portotype属性，每一个事例对象都有一个proto属性，prototype属性指向的值就是原型对象，一般想自定义一些方法的话就是绑定在prototype属性身上，因为原型对象的方法，事例对象都可以直接访问到，这样方法就不会被重复创建，事例对象的proto也是指向了那个原型对象，如果proto和prototype俩个三等比较的话，他们是true原型的作用就是共享方法，我们也称prototype为原型对象然后里面还有一个constructor还有就是你给对象的原型对象添加自定义
2020-09-19 21:05:50
101
原创 promise
知道，他是一个异步对象，这个对象里面可以写一个箭头函数，然后里面有俩个形参，你可以在里面进行判断，如果成功就调用第一个形参，如果失败就调用第二个形参，然后对象后面可以点then，成功的话就会执行.then里面的代码，然后也可以丶cath，用来捕获执行失败的代码，finally是不管成功还是失败都会调用那个方法。 里面还有.all和.race，all是同时执行多个promise函数，把promise放在一个数组里，然后他们条件都成功才会返回来值，否则都不返回。race就是赛跑的意思，里面传好多个值，谁先成
2020-09-19 21:04:58
63
原创 es6中的map，set是什么？怎么使用
map是一组键值对的结构，具有极快的查找速度1 var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);2 m.get('Michael'); // 95 1 var m = new Map(); // 空Map2 m.set('Adam', 67); // 添加新的key-value3 m.set('Bob', 59);4 m.has('Adam'); // 是否存在key 'Adam': true5 m.get('Ada
2020-09-19 21:04:08
207
原创 keep-alive是什么？
用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创建和渲染，有效提升系统性能。总的来说，keep-alive用于保存组件的渲染状态。...
2020-09-19 21:03:14
249
原创 vuex各属性详解
Vuex 和单纯的全局对象有以下两点不同：Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store 中状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。state 定义全局共享的变量，可以通过$store.state.那个属性就可
2020-09-19 21:01:29
220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人