博客园 - 陈陈jg
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=134390
2019-04-15T02:36:28Z
陈陈jg
https://www.cnblogs.com/chenjg/
feed.cnblogs.com
https://www.cnblogs.com/chenjg/p/10709277.html
React 中无用但可以装逼的知识 - 陈陈jg
最近看了 "Dan Abramov" 的一些 "博客" ,学到了一些React的一些有趣的知识。决定结合自己的理解总结下。这些内容可能对你实际开发并没有什么帮助,不过这可以让你了解到更多React底层实现的内容以及为什么要怎样实现。可以让你跟别人有更多的谈资,当然,也可以在某些场合装一下逼。那么接下
2019-04-15T02:36:00Z
2019-04-15T02:36:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】最近看了 "Dan Abramov" 的一些 "博客" ,学到了一些React的一些有趣的知识。决定结合自己的理解总结下。这些内容可能对你实际开发并没有什么帮助,不过这可以让你了解到更多React底层实现的内容以及为什么要怎样实现。可以让你跟别人有更多的谈资,当然,也可以在某些场合装一下逼。那么接下 <a href="https://www.cnblogs.com/chenjg/p/10709277.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/10327304.html
React hooks实践 - 陈陈jg
前言 最近要对旧的项目进行重构,统一使用全新的react技术栈。同时,我们也决定尝试使用React hooks来进行开发,但是,由于React hooks崇尚的是使用(也只能使用)function component的形式来进行开发,而不是class component,因此,整个开发方式也会与之前
2019-01-27T08:59:00Z
2019-01-27T08:59:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】前言 最近要对旧的项目进行重构,统一使用全新的react技术栈。同时,我们也决定尝试使用React hooks来进行开发,但是,由于React hooks崇尚的是使用(也只能使用)function component的形式来进行开发,而不是class component,因此,整个开发方式也会与之前 <a href="https://www.cnblogs.com/chenjg/p/10327304.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/10218608.html
一道有意思的面试算法题 - 陈陈jg
新年第一篇文章,先祝大家新年快乐!!那么接下来进入正文。 前言 前阵子突发奇想,突然开始刷leetcode。其中刷到了一道有意思的题目,发现这道题是当时秋招的时候,腾讯面试官曾经问过我的题目。于是分享给大家看下。 题目描述 给定一个 非空 整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次
2019-01-04T02:51:00Z
2019-01-04T02:51:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】新年第一篇文章,先祝大家新年快乐!!那么接下来进入正文。 前言 前阵子突发奇想,突然开始刷leetcode。其中刷到了一道有意思的题目,发现这道题是当时秋招的时候,腾讯面试官曾经问过我的题目。于是分享给大家看下。 题目描述 给定一个 非空 整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次 <a href="https://www.cnblogs.com/chenjg/p/10218608.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/10099886.html
你真的了解回流和重绘吗 - 陈陈jg
回流和重绘可以说是每一个web开发者都经常听到的两个词语,我也不例外,可是一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享,所以对其进行了一些研究,看了一些博客和书籍,整理了一些内容并且结合自己的体会,写了这篇文章,希望可以帮助到大家。 浏览器的渲染过程 本文先从浏览器的渲染过程来从头
2018-12-10T15:14:00Z
2018-12-10T15:14:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】回流和重绘可以说是每一个web开发者都经常听到的两个词语,我也不例外,可是一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享,所以对其进行了一些研究,看了一些博客和书籍,整理了一些内容并且结合自己的体会,写了这篇文章,希望可以帮助到大家。 浏览器的渲染过程 本文先从浏览器的渲染过程来从头 <a href="https://www.cnblogs.com/chenjg/p/10099886.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/10006502.html
一道面试题引起的思考 - 陈陈jg
今天在认真干(划)活(水)的时候,看到群里有人发了一道头条的面试题,就顺便看了一下,发现挺有意思的,就决定分享给大家,并且给出我的解决方案和思考过程。 题目如下: 实现一个get函数,使得下面的调用可以输出正确的结果 乍眼一看,这不就是实现一个lodash.get方法吗?看上去好像很简单。所以我就开
2018-11-23T03:31:00Z
2018-11-23T03:31:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】今天在认真干(划)活(水)的时候,看到群里有人发了一道头条的面试题,就顺便看了一下,发现挺有意思的,就决定分享给大家,并且给出我的解决方案和思考过程。 题目如下: 实现一个get函数,使得下面的调用可以输出正确的结果 乍眼一看,这不就是实现一个lodash.get方法吗?看上去好像很简单。所以我就开 <a href="https://www.cnblogs.com/chenjg/p/10006502.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9749802.html
手把手教你实现一个引导动画 - 陈陈jg
前言 最近看了一些文章,知道了实现引导动画的基本原理,所以决定来自己亲手做一个通用的引导动画类。 我们先来看一下具体的效果: "点这里" 原理 1. 通过维护一个Modal实例,使用Modal的mask来隐藏掉页面的其他元素。 2. 根据用户传入的需要引导的元素列表,依次来展示元素。展示元素的原理:
2018-10-07T04:19:00Z
2018-10-07T04:19:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】前言 最近看了一些文章,知道了实现引导动画的基本原理,所以决定来自己亲手做一个通用的引导动画类。 我们先来看一下具体的效果: "点这里" 原理 1. 通过维护一个Modal实例,使用Modal的mask来隐藏掉页面的其他元素。 2. 根据用户传入的需要引导的元素列表,依次来展示元素。展示元素的原理: <a href="https://www.cnblogs.com/chenjg/p/9749802.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9657574.html
你可能不知道的setInterval的坑 - 陈陈jg
你可能不知道的setInterval的坑 之前印象中一直记得setInterval有一些坑,但是一直不是很清楚那些坑是什么。今天去摸索了下之后,决定来做个记录以免自己忘记,也希望让更多人了解到这个坑。 坑的地方 1. setInterval会无视代码的错误。就算遇到了错误,它还是会一直循环下去,不会
2018-09-16T13:43:00Z
2018-09-16T13:43:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】你可能不知道的setInterval的坑 之前印象中一直记得setInterval有一些坑,但是一直不是很清楚那些坑是什么。今天去摸索了下之后,决定来做个记录以免自己忘记,也希望让更多人了解到这个坑。 坑的地方 1. setInterval会无视代码的错误。就算遇到了错误,它还是会一直循环下去,不会 <a href="https://www.cnblogs.com/chenjg/p/9657574.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9638613.html
不到50行代码实现一个能对请求并发数做限制的通用RequestDecorator - 陈陈jg
使用场景 在开发中,我们可能会遇到一些对异步请求数做并发量限制的场景,比如说微信小程序的request并发最多为5个,又或者我们需要做一些批量处理的工作,可是我们又不想同时对服务器发出太多请求(可能会对服务器造成比较大的压力)。这个时候我们就可以对请求并发数进行限制,并且使用排队机制让请求有序的发送
2018-09-13T01:16:00Z
2018-09-13T01:16:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】使用场景 在开发中,我们可能会遇到一些对异步请求数做并发量限制的场景,比如说微信小程序的request并发最多为5个,又或者我们需要做一些批量处理的工作,可是我们又不想同时对服务器发出太多请求(可能会对服务器造成比较大的压力)。这个时候我们就可以对请求并发数进行限制,并且使用排队机制让请求有序的发送 <a href="https://www.cnblogs.com/chenjg/p/9638613.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9616616.html
使用装饰者模式做有趣的事情 - 陈陈jg
什么是装饰者模式 装饰者模式是一种为函数或类增添特性的技术,它可以让我们在不修改原来对象的基础上,为其增添新的能力和行为。它本质上也是一个函数(在javascipt中,类也只是函数的语法糖)。 我们什么时候可以弄到它呢 我们来假设一个场景,一个自行车商店有几种型号的自行车,现在商店允许用户为每一种自
2018-09-09T18:57:00Z
2018-09-09T18:57:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】什么是装饰者模式 装饰者模式是一种为函数或类增添特性的技术,它可以让我们在不修改原来对象的基础上,为其增添新的能力和行为。它本质上也是一个函数(在javascipt中,类也只是函数的语法糖)。 我们什么时候可以弄到它呢 我们来假设一个场景,一个自行车商店有几种型号的自行车,现在商店允许用户为每一种自 <a href="https://www.cnblogs.com/chenjg/p/9616616.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9542860.html
广告 - 陈陈jg
我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support plan?invite_code=1h5h2wzoaukin
2018-08-29T01:13:00Z
2018-08-29T01:13:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support plan?invite_code=1h5h2wzoaukin <a href="https://www.cnblogs.com/chenjg/p/9542860.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9548473.html
vue.js响应式原理解析与实现—实现v-model与{{}}指令 - 陈陈jg
"上一节" 我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。今天,我们就基于上一节的代码,来实现一个MVVM类,将其与html结合在一起,并且实现v model以及{{}}语法。 tips:本节新增代码(去
2018-08-28T07:23:00Z
2018-08-28T07:23:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】"上一节" 我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。今天,我们就基于上一节的代码,来实现一个MVVM类,将其与html结合在一起,并且实现v model以及{{}}语法。 tips:本节新增代码(去 <a href="https://www.cnblogs.com/chenjg/p/9548473.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9541291.html
vue.js响应式原理解析与实现 - 陈陈jg
从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今天,就我们就来一步步解析vue.js响应式的原理,并且来实现一个简单的demo。
2018-08-27T03:41:00Z
2018-08-27T03:41:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今天,就我们就来一步步解析vue.js响应式的原理,并且来实现一个简单的demo。 <a href="https://www.cnblogs.com/chenjg/p/9541291.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9525208.html
javascript变量提升详解 - 陈陈jg
js变量提升 对于大多数js开发者来说,变量提升可以说是一个非常常见的问题,但是可能很多人对其不是特别的了解。所以在此,我想来讲一讲。 先从一个简单的例子来入门: 你觉得以上的代码会输出什么?是输出undefined吗?如果是按照程序的自上而下执行的话,那么这一段代码确实是输出undefined。然
2018-08-23T09:36:00Z
2018-08-23T09:36:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】js变量提升 对于大多数js开发者来说,变量提升可以说是一个非常常见的问题,但是可能很多人对其不是特别的了解。所以在此,我想来讲一讲。 先从一个简单的例子来入门: 你觉得以上的代码会输出什么?是输出undefined吗?如果是按照程序的自上而下执行的话,那么这一段代码确实是输出undefined。然 <a href="https://www.cnblogs.com/chenjg/p/9525208.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9501333.html
动手实现react Modal组件 - 陈陈jg
Modal组件 长话不多说,接下来让我们来动手实现一个react Modal组件。 我们先来看一下 "实际效果" Modal的布局 首先,让我们先思考下一个Modal组件的布局是怎么样的。 我们先拿一个基本的Modal样例来分析下。 如上图所示,一个Modal组件可以分为mask、header、bo
2018-08-19T07:15:00Z
2018-08-19T07:15:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】Modal组件 长话不多说,接下来让我们来动手实现一个react Modal组件。 我们先来看一下 "实际效果" Modal的布局 首先,让我们先思考下一个Modal组件的布局是怎么样的。 我们先拿一个基本的Modal样例来分析下。 如上图所示,一个Modal组件可以分为mask、header、bo <a href="https://www.cnblogs.com/chenjg/p/9501333.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/9480857.html
微信小程序bug记录与解决 - 陈陈jg
微信小程序bug记录 textarea 1. textarea在模拟器上没有padding,可是在真机上会自带padding,而且在外部改不了,并且在安卓和IOS上padding还不一样 第一张图是在开发工具上的,第二张图是在IOS真机上的。从上图可以看出来,在开发工具上显示很正常,而且没有padd
2018-08-15T05:14:00Z
2018-08-15T05:14:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】微信小程序bug记录 textarea 1. textarea在模拟器上没有padding,可是在真机上会自带padding,而且在外部改不了,并且在安卓和IOS上padding还不一样 第一张图是在开发工具上的,第二张图是在IOS真机上的。从上图可以看出来,在开发工具上显示很正常,而且没有padd <a href="https://www.cnblogs.com/chenjg/p/9480857.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/8904067.html
Javasript设计模式之链式调用 - 陈陈jg
写过jquery的可能都知道,jquery里面可以很方便的使用以下代码: 而jquery这种调用方式就是链式调用。我们可以从上述代码看出来,如果不使用链式调用的话,那么我们会增加很多重复的代码,而且特别冗余。而通过链式调用,我们可以节省很多代码,并且代码看起来更加优雅和整洁。那么,接下来,我们来
2018-04-21T14:29:00Z
2018-04-21T14:29:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】写过jquery的可能都知道,jquery里面可以很方便的使用以下代码: 而jquery这种调用方式就是链式调用。我们可以从上述代码看出来,如果不使用链式调用的话,那么我们会增加很多重复的代码,而且特别冗余。而通过链式调用,我们可以节省很多代码,并且代码看起来更加优雅和整洁。那么,接下来,我们来 <a href="https://www.cnblogs.com/chenjg/p/8904067.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/8782165.html
javasciprt性能优化 - 陈陈jg
本文主要是在我读《高性能Javascript》之后,想要记录下一些有用的优化方案,并且就我本身的一些经验,来大家一起分享下 , Javascript的加载与执行 大家都知道,浏览器在解析DOM树的时候,当解析到script标签的时候,会阻塞其他的所有任务,直到该js文件下载、解析执行完成后,才会继
2018-04-10T11:57:00Z
2018-04-10T11:57:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】本文主要是在我读《高性能Javascript》之后,想要记录下一些有用的优化方案,并且就我本身的一些经验,来大家一起分享下 , Javascript的加载与执行 大家都知道,浏览器在解析DOM树的时候,当解析到script标签的时候,会阻塞其他的所有任务,直到该js文件下载、解析执行完成后,才会继 <a href="https://www.cnblogs.com/chenjg/p/8782165.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/7173832.html
HTML5 drag和drop的亲手实践 - 陈陈jg
起因 最近在公司打杂的时候,突然分到了一个锅,就是要支持一个新的功能:用户可以通过拖曳组件来改变组件的顺序。因此,这阵子就看了一下网上的一些drag和drog的文章以及W3C的介绍,然后自己亲手实践了一下,毕竟打码,才能变得更强。 首先,先放一个我的demo,大家可以去那里随便拖动一下玩一玩: ht
2017-07-14T17:00:00Z
2017-07-14T17:00:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】起因 最近在公司打杂的时候,突然分到了一个锅,就是要支持一个新的功能:用户可以通过拖曳组件来改变组件的顺序。因此,这阵子就看了一下网上的一些drag和drog的文章以及W3C的介绍,然后自己亲手实践了一下,毕竟打码,才能变得更强。 首先,先放一个我的demo,大家可以去那里随便拖动一下玩一玩: ht <a href="https://www.cnblogs.com/chenjg/p/7173832.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/7158248.html
我对let和const理解 - 陈陈jg
let和const是es6新出的两种变量声明的方式,接下来我来分别针对这两个,聊一聊。 let let它的出现,我认为主要是解决了块级作用域的需求。因为js以前本身是没有什么块级作用域的概念的(顶多就算上一个函数作用域),因此这也导致了很多变量污染的问题,很多时候由于你没有处理好作用域的影响,导
2017-07-12T15:48:00Z
2017-07-12T15:48:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】let和const是es6新出的两种变量声明的方式,接下来我来分别针对这两个,聊一聊。 let let它的出现,我认为主要是解决了块级作用域的需求。因为js以前本身是没有什么块级作用域的概念的(顶多就算上一个函数作用域),因此这也导致了很多变量污染的问题,很多时候由于你没有处理好作用域的影响,导 <a href="https://www.cnblogs.com/chenjg/p/7158248.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/chenjg/p/7126822.html
css加载会造成阻塞吗? - 陈陈jg
终于考试完了,今天突然想起来前阵子找实习的时候,今日头条面试官问我,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?所以,接下来我就来对css加载对DOM树的解析和渲染做一个测试。 为了完成本次测试,先来科普一下,如何利用chrome来设置下载速度 1. 打开chro
2017-07-06T07:57:00Z
2017-07-06T07:57:00Z
陈陈jg
https://www.cnblogs.com/chenjg/
【摘要】终于考试完了,今天突然想起来前阵子找实习的时候,今日头条面试官问我,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?所以,接下来我就来对css加载对DOM树的解析和渲染做一个测试。 为了完成本次测试,先来科普一下,如何利用chrome来设置下载速度 1. 打开chro <a href="https://www.cnblogs.com/chenjg/p/7126822.html" target="_blank">阅读全文</a>