喜大普奔!!!浏览器终于支持原生groupBy了

2023-10-16
阅读 4 分钟
880
Creates an object composed of keys generated from the results of running each element of collection thru iteratee. The order of grouped values is determined by the order they occur in collection. The corresponding value of each key is an array of elements responsible for generating the key. The i...
封面图

基于Mocha的接口测试框架

2020-10-11
阅读 1 分钟
2.3k
经历断更8个多月后我又回来分享干货了!笔者去年在公司做了一个E2E的测试项目,当然是基于Mocha开发的一套测试程序,虽然从其中学习到了一些经验但同时因为个人有强迫症所以也发现了Mocha的一个让我很难受的问题: 要么在浏览器端运行,要么在Node端运行...对于我来说这就很难受了,为什么呢?

前端规范总结

2020-02-02
阅读 1 分钟
2.2k
终于能沉下心来写博文。作为2020年第一篇博文当然需要有质量、有东西,所以博主决定把2019年下半年积淀下来的一套公司前端的代码规范送给大家。当然这套规范尚处于第一版,不过已经得到公司领导和前端团队的认可,目前在公司前端团队中应用起来。

2020年博客目录

2020-01-08
阅读 1 分钟
1.2k
没想到吧,我又回来了!距离上一篇微博已经过去10个月了,2019年太过繁(懒)忙(惰)所以停更了很久,现在打算回来继续搞事情。2020年的博客目标主要以实用和翻译为主,本博未来会作为2020年所有博客的目录,同时博主在此立志至本年底(2020/12/31)要完成至少30篇博客,如果完不成的话......那肯定是博主太忙(懒)了,手动狗...

immutability-helper 学习笔记 -2

2019-03-09
阅读 3 分钟
2.4k
呼...这已经是今天第三篇博文了。很久没写了,突然写那么多感觉有点脑袋昏了。出来混总要还的,谁让我之前那么懒没有按照自己的计划更新博文...好了闲话不多说,我们接着上篇继续说咯。上篇我们引出了一个很有实用价值的第三方插件immutability-helper,它已经被大多数React开发者所接受并且已经在React项目中使用,至于...

immutability-helper 学习笔记 -1

2019-03-09
阅读 6 分钟
8.7k
immutability意为不变,不变性,永恒性。至于该插件能做什么,我想它的作者对它的标注已经很明确了mutate a copy of data without changing the original source,意为:在不改变原始来源的情况下改变数据副本。同时在这里笔者再推荐另一个与之相似的插件,那就是Facebook出品的immutable-js (我们可以认为immutability-...

[ 一起学React系列 -- 12 ] React-Router4 (2)

2019-03-09
阅读 3 分钟
1.4k
时隔那么久,博主终于从睡梦中醒来开始更新博客啦!为自己的勤劳欢呼...(pia pia pia打脸)!本次我们接着上一篇博客继续聊React-Router4。上篇我们主要了解了React-Router4常用组件以及常用的路由类型,本次我们接着说“嵌套路由”和“验证路由”。

[ 一起学React系列 -- 11 ] React-Router4 (1)

2019-01-19
阅读 7 分钟
2.5k
2019年不知不觉已经过去19天了,有没有给自己做个总结?有没有给明年做个计划?当然笔者已经做好了明年的工作、学习计划;同时也包括该系列博客剩下的博文计划,目前还剩4篇:分别是两篇React-Router4和两篇immutability-helper。本篇是React-Router4的第一篇,在正式开始之前大家可以先看下实际效果,这是笔者用React-R...

[ 一起学React系列 -- 10 ] i18n

2018-12-03
阅读 5 分钟
3.8k
i18n国际化(internationalization)的简称。之所以叫i18n,是因为字母i和n之间有18个字母,所以才叫i18n。不要认为这是一个高大上的名词,其实就是因为懒才简写的。hiahiahia...

[ 一起学React系列 -- 9 ] React中的文件下载

2018-11-22
阅读 2 分钟
15k
距离上次博文更新已经快一个月了,期间忙于各种事情无法脱身。今天难得闲暇 and then 就来更新啦...上篇中我们了解了下载React中如何实现文件的上传,虽然不算什么高大上的技术但实际开发的时候会让自己更加的游刃有余。今天继续更新另一个相关的技术 --> 文件的下载看过上篇博文的朋友应该有印象,做文件上传的功能...

[ 一起学React系列 -- 8 ] React中的文件上传

2018-10-27
阅读 4 分钟
23.8k
终于抽出时间来继续更新自己的博客,最近忙得够呛...对于该系列博客不知道大家有没有这样的看法,对于React常见的基础东西并没有过多或者详细列出,感觉有点不符合系列标题。的确,笔者一开始也想把React基础从头到尾列一边,但是想想看没这个必要,因为这种基础教程在网上多如牛毛,再写岂不是重复造轮子,所以笔者就挑...

[ 一起学React系列 -- 7 ] 秘术之时间旅行-2

2018-10-14
阅读 2 分钟
2.7k
距离上一次更新已经有半个月了,这半个月来主要在忙两件事:一个是最近老板给了个自动化测试任务,另一个是和学校的弟弟一起搞一个微信小游戏...emmmm!其实主要是懒!!!

[ 一起学React系列 -- 6 ] 秘术之时间旅行-1

2018-09-29
阅读 2 分钟
4k
时间旅行在生活中是一个非常吸引人的概念,虽然现在无法实现但说不定未来的某天就实现了!然后就穿梭会过去杀掉小时候的自己然后就开始懵逼自己是谁类似的狗血剧情...那么问题来了,我们能活到那个时候吗?这个问题咱们暂且放一下,毕竟今天不是聊科技谈科幻的啊!!!

[ 一起学React系列 -- 5 ] 如何优雅得使用表单控件

2018-09-20
阅读 7 分钟
3.2k
网页中使用的form表单大家肯定都再熟悉不过了,它主要作用是用来收集和提交信息。React中的表单组件与我们普通的Html中的表单及其表现形式没有什么不同,所以如何使用表单我觉得再拿出来说可能是画蛇添足、毫无意义。不过再怎么样也不能辜负大家对标题的期待吧,本篇内容笔者将以控件为主体进行记录。

[ 一起学React系列 -- 4 ] 透传的Context

2018-09-18
阅读 6 分钟
3.5k
通过上一篇的科普我们知道如果父节点需要向子节点传递数据,那么就得通过Props来实现;那么摆在我们眼前的就有一个问题了:现有N个节点并且它们都是嵌套成父子结构,大致如下

[ 一起学React系列 -- 3 ] UI的扩展数据源Props以及Props约束

2018-09-11
阅读 6 分钟
2.8k
上一篇我们介绍了React中State对象,说到它是组件渲染的唯一依据;当然我们也可以认为State是组件中的数据源之一,它保存着组件渲染的所有数据并且可以直接作用于组件的渲染。这里有两个地方我们画了所谓的重点,因为要考啊。666...

[ 一起学React系列 -- 2 ] UI的灵魂--State

2018-09-04
阅读 7 分钟
3.3k
咋一听怎么那么唬人?不过的确是这样,正如标题所言State是UI的灵魂。我们都知道React的核心思想之一是组件化,将页面所展示的东西按一定的规则分割成很多份并进行一一封装最后抽象成我们现在所称为的"组件", 就好像我们搭积木一样,一个城堡就是通过一个个小方块堆叠在一起的。但是FaceBook觉得如果仅仅是简单的封装那...

[ 一起学React系列 -- 1 ] 信笔说JSX

2018-08-28
阅读 7 分钟
1.8k
本篇算是[一起学React系列]真正意义上的第一篇文章。笔者突然想开这个系列文章已经是酝酿了很久,不是因为自己对React有多深的理解,相反笔者对React仍停留在使用的层面,说到深入理解的话谈不上,科普的话算勉强;因为笔者是React的忠实粉丝,有计划得深入学习React也是自己在前端技术领域进一步发展的第一站。所以本系...

[ 一起学React系列 -- 0 ] React技术栈学习路线

2018-08-20
阅读 3 分钟
2.5k
我相信点进来的同学都是冲着标题来的,当然本文也不会让各位失望。不过在正式介绍标题所述的内容之前,我们不妨先放下技术,一起回顾下自己做前端技术的心路历程。

没有对象?那就复制一个吧!(科普向,实际应用向)

2018-08-17
阅读 5 分钟
1.4k
趁着周五没那么忙,抽个空整理一下最近使用比较频繁的一个小技术 对象的深复制。感觉啊,这个标题和今天的节日(假装不知道原来是情人节)那么遥相呼应。啊,没有女朋友?没有女朋友没关系,复制一个啊。先走你一个:console.log('GirlFriend')。同时笔者需要预个警,本篇注重实际中的应用情况,中规中矩,不搞花里胡哨。...

将"回调地狱"按在地上摩擦的Promise

2018-08-09
阅读 8 分钟
1.6k
“异步虐我千百遍,我待异步如初恋”!!做前端的同学做异步肯定都不陌生。因为JavaScript是单线程语言(也就是说不支持多线程编程,这不是废话么啊喂!),所以在JavaScript中处理异步问题也是经过了几代人的踩坑和开荒才有了今天的“花里胡哨”的解决方案。

日了哈士奇系列之JavaScript闭包

2018-07-31
阅读 3 分钟
1.4k
标题为什么叫日了哈士奇?因为闭包这个东西已经在我脑海里萦绕了很久,大概有多久呢?(掰手指头和脚指头ing....) 大概是笔者从事前端工作的第一个月开始吧......仍记得那个时候还请教了公司的大神,不过只怪当时脑袋不好使,反正就是没听懂啊喂!不过最近项目没那么忙,就回头研究这个前端亘古不变得话题之一:闭包。诚...

用简单的方式解释传说中的作用域与作用域链

2018-07-22
阅读 7 分钟
1.8k
今年第十号台风‘安比’来啦,外面狂风大作暴雨连连,哪敢出门啊所以就安心待在家里写一篇博客总结下自己最近学习心得,emmmmmm....那就开始吧。

再聊一下用Proxy实现双向数据绑定(含数组)

2018-07-04
阅读 3 分钟
7.3k
上一篇的末尾,笔者简单介绍了Object.defineProperty在数组监控方面的不足以及其替代品Proxy。但是对于前者总感觉还少点什么,emmmmm...好像是demo,于是笔者精心准备了一下。所以本篇会主要会分成两大块:一是讲述如何弥补Object.defineProperty先天不足的情况下实现对数组的精准监控,二是着重用Proxy实现双向数据绑定。

基于Object.defineProperty实现双向数据绑定

2018-06-29
阅读 4 分钟
8.5k
双向数据绑定可算是前端领域经久不衰的热词,不管是前端开发还是面试都会有所涉及。而且不同的框架也想尽一切办法去实现这一特性,比如:Knockout / Backbone --- 发布-订阅模式Angular --- ‘脏检查’Vue --- 'Object.defineProperty'

用最简单的方式聊一下JavaScript中的观察者模式

2018-06-27
阅读 5 分钟
3.3k
观察者模式,是JavaScript设计模式之一。当然也不仅仅限于JavaScript这门语言,网上对该模式的介绍已是多如牛毛,而且讲得各有特色各有心得。即便如此,笔者仍精心准备了这篇博客,期望用最简单的方式来介绍下该模式。

React中Redux与Ref 联合使用时值得关注的一个问题

2018-06-04
阅读 3 分钟
11.9k
相信用过React(或者React-Native,以下简称RN)的朋友对Redux和Ref这两个概念都很熟悉,前者是开发React或RN比较常用的数据管理框架,当然不仅仅限于React或RN;后者是React提供的专门用于直接操作dom的接口,也可以用来直接调用组件内的方法,当然用法也不仅仅限于这两个。额...似乎有点偏了,因为这两个概念不是本文的...