seeBetter - 博客园

2020年5月18日

摘要： “高内聚”是指将在逻辑上可以归类为一个单元的代码封装在一起，尽量保障一块代码集合主要解决一个需求，在前端开发中，最常见的便是将一个逻辑单元的代码使用IIFE函数进行封装。可以说，保障代码高内聚即在一定程度上满足了代码“低耦合”的要求，因为低耦合即是要求一个逻辑单元的代码块在改动时，不会造成其他逻辑阅读全文

posted @ 2020-05-18 14:54 seeBetter 阅读(293) 评论(0) 推荐(0)

webpack构建流程

摘要： 1 初始化参数：解析webpack配置参数，合并shell传入和webpack.config.js文件配置的参数，形成最后的配置结果； 2 开始编译：上一步得到的参数初始化compiler对象，注册所有配置的插件，插件监听webpack构建生命周期的事件节点，做出相应的反应，执行对象的 run 方法阅读全文

posted @ 2020-05-18 14:16 seeBetter 阅读(2341) 评论(0) 推荐(1)

HTTP2.0

摘要： HTTP2使用的是二进制传送，HTTP1.X是文本（字符串）传送 HTTP1.X使用的是明文的文本传送，而HTTP2使用的是二进制传送，二进制传送的单位是帧和流。帧组成了流，同时流还有流ID标示 HTTP2支持多路复用同域名下所有通信都在单个连接上完成；单个连接可以承载任意数量的双向数据流；阅读全文

posted @ 2020-05-18 14:08 seeBetter 阅读(203) 评论(0) 推荐(0)

vue中子组件修改父组件传入的值

摘要：父组件传递一个对象给子组件，在子组件中直接修改这个接受到的对象里面的值，不改变对象的引用地址，在父子组件中值都可以修改，控制台会报错；如上，如果子组件改变这个对象的引用地址，子组件中可以修改，父组件中不能修改，控制台会报错；如果传递的值是普通类型，子组件中可以修改，父组件中不能修改，控制台会报错阅读全文

posted @ 2020-05-18 13:00 seeBetter 阅读(4011) 评论(0) 推荐(0)

2020年5月14日

对象序列化

摘要：对象序列化是指将对象的状态转换为字符串；序列化(Serialization)是将对象的状态信息转换为可以存储或传输的形式的过程（百度百科）；为什么会有对象序列化？ var obj = {x:1, y:2}; 当这句代码运行时，对象obj的内容会存储在一块内存中，而obj本身存储的只是这块内存的地阅读全文

posted @ 2020-05-14 16:35 seeBetter 阅读(261) 评论(0) 推荐(0)

JS的引擎

摘要：我们写的JavaScript代码直接交给浏览器或者Node执行时，底层的CPU是不认识的，也没法执行。CPU只认识自己的指令集，指令集对应的是汇编代码。 JavaScirpt引擎可以将JS代码编译为不同CPU(Intel, ARM以及MIPS等)对应的汇编代码虽然浏览器非常多，但是主流的JavaS 阅读全文

posted @ 2020-05-14 16:19 seeBetter 阅读(338) 评论(0) 推荐(0)

vue的生命周期

摘要：通过new Vue() 创建vue实例，vue的生命周期便拉开了序幕 beforeCreate 首先会执行beforeCreate钩子函数。此时的vue实例只是一个空壳，还未挂载DOM元素，无法访问到data和真实的dom，一般不做操作。 vue实例挂载元素$el和数据对象data都为undefin 阅读全文

posted @ 2020-05-14 14:15 seeBetter 阅读(142) 评论(0) 推荐(0)

2020年5月13日

Composition Api

摘要：在Vue组件之间共享代码，Vue 2 使用mixin，vue3提供了更好的解决方案 - Composition API 。 mixin代码重用将公共属性提取到一个单独的文件MyMixin.js： export default { data: () => ({ mySharedDataPropert 阅读全文

posted @ 2020-05-13 17:46 seeBetter 阅读(369) 评论(0) 推荐(0)

js的继承

摘要：原型链继承 // 父类 function Animal(name){ this.name = name; } Animal.prototype.age = 10; // 子类 function Cat(){} // 主要子类继承父类的原型 Cat.prototype = new Animal(); 阅读全文

posted @ 2020-05-13 11:48 seeBetter 阅读(253) 评论(0) 推荐(0)

2020年5月12日

图片懒加载

摘要：先将img标签的src链接设为同一张图片（比如空白图片），然后给img标签设置自定义属性（比如 data-src）,然后将真正的图片地址存储在data-src中，当JS监听到该图片元素进入可视窗口时，将自定义属性中的地址存储到src属性中。达到懒加载的效果。这样做能防止页面一次性向服务器发送大量请阅读全文

posted @ 2020-05-12 13:42 seeBetter 阅读(144) 评论(0) 推荐(0)

人圭立日

公告