摘要: "上一节" 我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。今天,我们就基于上一节的代码,来实现一个MVVM类,将其与html结合在一起,并且实现v model以及{{}}语法。 tips:本节新增代码(去 阅读全文
posted @ 2018-08-28 15:23 陈陈jg 阅读(4660) 评论(5) 推荐(5) 编辑
摘要: 从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今天,就我们就来一步步解析vue.js响应式的原理,并且来实现一个简单的demo。 阅读全文
posted @ 2018-08-27 11:41 陈陈jg 阅读(10180) 评论(22) 推荐(25) 编辑
摘要: js变量提升 对于大多数js开发者来说,变量提升可以说是一个非常常见的问题,但是可能很多人对其不是特别的了解。所以在此,我想来讲一讲。 先从一个简单的例子来入门: 你觉得以上的代码会输出什么?是输出undefined吗?如果是按照程序的自上而下执行的话,那么这一段代码确实是输出undefined。然 阅读全文
posted @ 2018-08-23 17:36 陈陈jg 阅读(3639) 评论(2) 推荐(7) 编辑
摘要: Modal组件 长话不多说,接下来让我们来动手实现一个react Modal组件。 我们先来看一下 "实际效果" Modal的布局 首先,让我们先思考下一个Modal组件的布局是怎么样的。 我们先拿一个基本的Modal样例来分析下。 如上图所示,一个Modal组件可以分为mask、header、bo 阅读全文
posted @ 2018-08-19 15:15 陈陈jg 阅读(1391) 评论(0) 推荐(1) 编辑
摘要: 微信小程序bug记录 textarea 1. textarea在模拟器上没有padding,可是在真机上会自带padding,而且在外部改不了,并且在安卓和IOS上padding还不一样 第一张图是在开发工具上的,第二张图是在IOS真机上的。从上图可以看出来,在开发工具上显示很正常,而且没有padd 阅读全文
posted @ 2018-08-15 13:14 陈陈jg 阅读(1492) 评论(0) 推荐(1) 编辑
摘要: 写过jquery的可能都知道,jquery里面可以很方便的使用以下代码: 而jquery这种调用方式就是链式调用。我们可以从上述代码看出来,如果不使用链式调用的话,那么我们会增加很多重复的代码,而且特别冗余。而通过链式调用,我们可以节省很多代码,并且代码看起来更加优雅和整洁。那么,接下来,我们来 阅读全文
posted @ 2018-04-21 22:29 陈陈jg 阅读(421) 评论(0) 推荐(0) 编辑
摘要: 本文主要是在我读《高性能Javascript》之后,想要记录下一些有用的优化方案,并且就我本身的一些经验,来大家一起分享下 , Javascript的加载与执行 大家都知道,浏览器在解析DOM树的时候,当解析到script标签的时候,会阻塞其他的所有任务,直到该js文件下载、解析执行完成后,才会继 阅读全文
posted @ 2018-04-10 19:57 陈陈jg 阅读(836) 评论(0) 推荐(0) 编辑
摘要: 起因 最近在公司打杂的时候,突然分到了一个锅,就是要支持一个新的功能:用户可以通过拖曳组件来改变组件的顺序。因此,这阵子就看了一下网上的一些drag和drog的文章以及W3C的介绍,然后自己亲手实践了一下,毕竟打码,才能变得更强。 首先,先放一个我的demo,大家可以去那里随便拖动一下玩一玩: ht 阅读全文
posted @ 2017-07-15 01:00 陈陈jg 阅读(1512) 评论(2) 推荐(2) 编辑
摘要: ​let和const是es6新出的两种变量声明的方式,接下来我来分别针对这两个,聊一聊。 let ​let它的出现,我认为主要是解决了块级作用域的需求。因为js以前本身是没有什么块级作用域的概念的(顶多就算上一个函数作用域),因此这也导致了很多变量污染的问题,很多时候由于你没有处理好作用域的影响,导 阅读全文
posted @ 2017-07-12 23:48 陈陈jg 阅读(1648) 评论(2) 推荐(4) 编辑
摘要: 终于考试完了,今天突然想起来前阵子找实习的时候,今日头条面试官问我,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?所以,接下来我就来对css加载对DOM树的解析和渲染做一个测试。 为了完成本次测试,先来科普一下,如何利用chrome来设置下载速度 1. 打开chro 阅读全文
posted @ 2017-07-06 15:57 陈陈jg 阅读(16780) 评论(14) 推荐(34) 编辑