![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js进阶
文章平均质量分 76
tang_1227
这个作者很懒,什么都没留下…
展开
-
css常用技巧整理
css控制单行或多行文本超出显示省略号1. 单行文本text-overflow: clip|ellipsis|string;clip:修剪文本。ellipsis:显示省略符号来代表被修剪的文本。string:使用给定的字符串来代表被修剪的文本(谷歌不生效)。p { font-size: 14px; max-width: 200px; /*需要配合宽度来使用*/...原创 2019-10-18 19:02:28 · 266 阅读 · 0 评论 -
阶段总结之—代码风格
最近接手了公司一个新的项目,在大概看了一遍代码之后觉得一些地方让我看着有点难受,而且没有太多注释,不利于理解,所以就对自己看到的一些可以更合理的地方进行了改动。再结合之前自己写过的一些不和规范的代码,一起来做个总结。1. 命名相关不论是对变量命名,还是函数命名,又或者文件命名都要做到语义化,争取就算不做注释别人也能一眼就看懂。在这个基础上,再做到简洁明了。缩写可以有,但是不要用一些自我...原创 2019-11-04 20:45:16 · 143 阅读 · 0 评论 -
Vue源码学习笔记之实现双向数据绑定(三)--- 总结
我们上一篇了解了vue源码对双向数据绑定的实现,这一篇做一下总结。>Observer角色:数据观察者作用:利用 Object.defineProperty 给每个值都添加getter和setter方法,使其可以对数据的所有属性进行监听,如有变动可以拿到最新的值并通知订阅者。get方法:添加相应依赖,如果Dep.target 存在,再判断这个watcher是否已经添加到了相关依...原创 2019-10-31 15:18:23 · 146 阅读 · 0 评论 -
Vue源码学习笔记之实现双向数据绑定(二)--- vue源码学习
我们在上一篇了解了发布-订阅模式的实现,这一篇总结下Vue是怎么利用发布-订阅模式来实现双向数据绑定的。1. Vue 构造函数的实现首先我们使用vue构造函数去实例化了一个vue实例。传入了props,data,watch,methods等属性。在实例化的过程中,Vue提供的构造函数就使用我们传入的options去完成数据的依赖管理,初始化的过程只有一次,但是数据的依赖管...原创 2019-10-25 15:24:24 · 433 阅读 · 0 评论 -
Vue源码学习笔记之实现双向数据绑定(一)--- 发布订阅模式
首先看下vue官方文档中对于响应式原理说明的配图:Vue.js 是采用 Object.defineProperty 的 getter 和 setter,并结合观察者模式来实现双向数据绑定的。当把一个普通 Js 对象传给 Vue 实例来作为它的 data 选项时,Vue 将遍历它的属性,通过用Object.defineProperty 设定对象属性的 setter/getter 方法来监听数...原创 2019-10-23 21:17:21 · 300 阅读 · 0 评论 -
lodash常用方法结合实际项目解析
_.merge(object, [sources])官方定义:该方法类似_.assign, 除了它递归合并sources来源对象自身和继承的可枚举属性到object目标对象。如果目标值存在,被解析为undefined的sources来源对象属性将被跳过。数组和普通对象会递归合并,其他对象和值会被直接分配覆盖。源对象从从左到右分配。后续的来源对象属性会覆盖之前分配的属性。参...原创 2019-10-16 20:14:13 · 454 阅读 · 0 评论 -
js原型笔记
目录1.new 的过程2. __proto__属性3.prototype属性4.constructor属性5. 原型继承new的过程function Foo() {...};let f1 = new Foo();上面代码首先创建一个构造函数Foo(),并用new操作符来生成了一个实例对象f1。new 会劫持所有普通函数并用构造对象的形式来调用它。...原创 2019-09-17 15:06:08 · 226 阅读 · 0 评论 -
详解构造函数模式
前言:虽然ECMAScript从技术上讲是一门面向对象的语言,但是它不具备传统的面向对象语言所支持的类和接口等基本结构。但在ES5中,有与类相似的引用类型。引用类型描述一类对象所具有的属性和方法,引用类型的值(对象)是引用类型的一个实例,所以也被称为对象定义。新对象是使用new 操作符后跟一个构造函数来创建的。ES5提供了多种原生引用类型(如Object, Array,Date, Function...原创 2018-03-06 15:39:03 · 381 阅读 · 0 评论 -
for循环,定时器与闭包
首先来看一个常见的问题:for (var i=1; i<=5; i++) { setTimeout( function timer() { console.log( i ); }, i*1000 );}正常情况下,我们期望这段代码以每秒一个的频率分别输出数字1~5。但实际上,这段代码在运行时会以每秒一次的频率输出五次6。那问题来了,为什么以每秒一次的频率输出五次原创 2018-01-23 14:33:51 · 825 阅读 · 1 评论