展示代码的6种绝佳方式

2020-09-16
阅读 2 分钟
7.4k
很多时候,开发人员需要展示代码段,可能是用于演示,博客或者是摘要。那么有哪些程序代码的工具呢?1. Polacode[链接]如果你喜欢VS Code,那么这个适合你! Polacode 是一个VS Code扩展,可以直接从 VSCode 获取漂亮的代码屏幕截图。2. carbon.now.sh[链接]创建并共享源代码的精美图片。开始输入或将文件拖入文本区域以...

这些热门 GitHub 库,值得每一个前端开发者收藏

2020-06-03
阅读 3 分钟
2.6k
作为一个码农,我们需要专注于功能和最佳实践,而不是一遍遍地编写样板代码。消除无用功,投入时间学习使用正确的工具或者懂得使用有用的资源可以极大的帮助我们节省时间。

React中组件逻辑复用的那些事儿

2020-05-19
阅读 16 分钟
11.1k
基本每个开发者都需要考虑逻辑复用的问题,否则你的项目中将充斥着大量的重复代码。那么 React 是怎么复用组件逻辑的呢?本文将一一介绍 React 复用组件逻辑的几种方法,希望你读完之后能够有所收获。如果你对这些内容已经非常清楚,那么略过本文即可。

5个技巧助你编写更好的React代码

2020-05-11
阅读 8 分钟
2.5k
CafeMenu 组件用于存储可用饮料的列表,现在我们想要创建另一个可以显示一种饮料的组件。如果不对 props 进行解构,我们的代码将像下面这样:

为什么说for...of循环是JS中的一颗宝石

2020-04-08
阅读 4 分钟
4.3k
是什么使得一个编程语言的新特性很棒?那就是当这个特性可以结合多个其它特性的时候。 ES2015 版本中引入的 for...of 语句就是这种情况。 for...of 可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合),并且,for...of 的语句还很短。 在这篇文章中,我将会演示 for...of 的能力。 1. 数组迭代 for...of ...

万字长文带你深度解锁Webpack系列(进阶篇)

2020-03-17
阅读 16 分钟
6.2k
如果你还没有阅读《4W字长文带你深度解锁Webpack系列(基础篇)》,建议阅读之后,再继续阅读本篇文章。 本文会引入更多的 webpack 配置,如果文中有任何错误,欢迎在评论区指正,我会尽快修正。 webpack 优化部分放在了下一篇。 推荐大家参考本文一步一步进行配置,不要总是想着找什么最佳配置,你掌握了之后,根据自己的...

4W字长文带你深度解锁Webpack系列(基础篇)

2020-03-09
阅读 17 分钟
12k
webpack 是一个现代 JavaScript 应用程序的静态模块打包器,当 webpack 处理应用程序时,会递归构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将这些模块打包成一个或多个 bundle。

动图演示23个鲜为人知的VSCode快捷键

2020-01-17
阅读 5 分钟
4.7k
尽管我在VS Code中经常使用许多快捷方式,以下快捷方式可能会派上用场,但我经常忘记它们的存在。我制作了一些GIF,以便更好地记住它们。也许这里面也有一些快捷方式你也不记得了,但是却很有用。

愿你的指下有代码,眼里有星辰

2019-12-25
阅读 5 分钟
4.5k
2019年和以往的每一年都不一样,这一年,我离开了熟悉的南京,来到了北京的工作,成为了一名“进城务工人员”。每次从南京回北京的时候,我都笑称自己又要去进城务工了。

不容错过的 Babel7 知识

2019-12-02
阅读 14 分钟
5k
不过呢,还是想更进一步了解下,于是最近认真阅读了 Babel 的文档,外加不断编译验证,输出了本篇文章,为了更好的阅读体验,修修改改,最终算是以我个人比较喜欢的方式推进了每个知识点(每一个配置的引入都是有原因的),希望能够帮助你对 Babel 的各种配置有一个更清晰的认识 (已经很懂的小伙伴,无视本文) 。

90行JS代码构建属于你的React

2019-11-14
阅读 15 分钟
5.7k
本文中的实现借助了 snabbdom ,因此如果你的关注点是虚拟DOM的实现或是将虚拟DOM渲染到浏览器的底层实现,本篇文章中并不会涉及到。

你想知道的关于 Refs 的知识都在这了

2019-10-29
阅读 10 分钟
14.2k
Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 Refs 使用场景 在某些情况下,我们需要在典型数据流之外强制修改子组件,被修改的子组件可能是一个 React 组件的实例,也可能是一个 DOM 元素,例如: 管理焦点,文本选择或媒体播放。 触发强制动画。 集成第三方 DOM 库。 设置 Refs 1...

【React系列】动手实现一个react-redux

2019-10-09
阅读 17 分钟
4.6k
react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用,而是要动手实现一个简易的 react-redux,希望能够对你有所帮助。

【React系列】从零开始手写redux

2019-09-19
阅读 18 分钟
8.1k
Redux 是 JavaScript 状态容器,提供可预测化的状态管理。Redux 除了和 React 一起用外,还支持其它界面库。Redux 体小精悍,仅有 2KB。这里我们需要明确一点:Redux 和 React 之间,没有强绑定的关系。本文旨在理解和实现一个 Redux,但是不会涉及 react-redux(一次深入理解一个知识点即可,react-redux 将出现在下一篇...

Array.from() 五个超好用的用途

2019-08-29
阅读 4 分钟
22.8k
翻译:刘小夕原文链接:[链接] 因水平有限,文中部分翻译可能不够准确,如果你有更好的想法,欢迎在评论区指出。 更多文章可戳: [链接] 任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。 JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如: 数组、类数组对象...

可靠React组件设计的7个准则之终篇

2019-08-22
阅读 7 分钟
3.1k
尽管 组合、复用 和 纯组件 三个准则阅读量不高,不过本着有始有终的原则,当然我个人始终还是觉得此篇文章非常优质,还是坚持翻译完了。本篇是最后 可靠React组件设计 的最后一篇,希望对你的组件设计有所帮助。

可靠React组件设计的7个准则之组合和复用

2019-08-12
阅读 6 分钟
4k
原文的篇幅非常长,不过内容太过于吸引我,还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长,我对文章进行了分割,本篇文章重点阐述 组合和复用。因水平有限,文中部分翻译可能不够准确,如果你有更好的想法,欢迎在评论区指出。

可靠React组件设计的7个准则之封装

2019-08-09
阅读 5 分钟
9.8k
原文的篇幅非常长,不过内容太过于吸引我,还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长,我对文章进行了分割,本篇文章重点阐述 封装。因本人水平有限,文中部分翻译可能不够准确,如果您有更好的想法,欢迎在评论区指出。

【译】Proxy及其优势

2019-08-06
阅读 5 分钟
3.7k
通常,当谈到JavaScript语言时,我们讨论的是ES6标准提供的新特性,本文也不例外。 我们将讨论JavaScript代理以及它们的作用,但在我们深入研究之前,我们先来看一下Proxy的定义是什么。

【Step-By-Step】高频面试题深入解析 / 周刊07

2019-07-10
阅读 10 分钟
2.7k
本周面试题一览: 实现一个 JSON.stringify 实现一个 JSON.parse 实现一个观察者模式 使用CSS让一个元素水平垂直居中有哪些方式 ES6模块和CommonJS模块有哪些差异? 更多优质文章可戳: [链接] 31. 实现一个 JSON.stringify JSON.stringify([, replacer [, space]) 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON...

【Step-By-Step】高频面试题深入解析 / 周刊06

2019-07-02
阅读 8 分钟
2.5k
本周面试题一览: 原型链继承的基本思路是什么?有什么优缺点? 借用构造函数和组合继承基本思路是什么?有什么优缺点? 原型式继承的基本思路是什么?有什么优缺点? 寄生式继承的基本思路是什么?有什么优缺点? 寄生组合式继承的基本思路是什么?有什么优缺点? 本周是继承专题,在开始之前,需要先了解构造函数、原型...

这儿有20道大厂面试题等你查收

2019-06-26
阅读 25 分钟
5.2k
本文挑选了20到大厂面试题,大家在阅读时,建议不要先看我的答案,而是自己先思考一番。尽管,本文所有的答案,都是我在翻阅各种资料,思考并验证之后,才给出的。但因水平有限,本人的答案未必是最优的,如果您有更好的答案,欢迎给我留言。

【Step-By-Step】高频面试题深入解析 / 周刊05

2019-06-24
阅读 5 分钟
3k
本周面试题一览: 实现 Promise.race 方法 JSONP 原理及简单实现 实现一个数组去重的方法 清楚浮动的方法有哪些 编写一个通用的柯里化函数 currying 更多优质文章可戳: [链接] 20. 实现 Promise.race 方法 在实现 Promise.race 方法之前,我们首先要知道 Promise.race 的功能和特点,因为在清楚了 Promise.race 功能和特...

【Step-By-Step】高频面试题深入解析 / 周刊04

2019-06-17
阅读 8 分钟
3.2k
本周面试题一览: 什么是闭包?闭包的作用是什么? 实现 Promise.all 方法 异步加载 js 脚本的方法有哪些? 请实现一个 flattenDeep 函数,把嵌套的数组扁平化 可迭代对象有什么特点? 更多优质文章可戳: [链接] 15. 什么是闭包?闭包的作用是什么? 什么是闭包? 闭包是指有权访问另一个函数作用域中的变量的函数,创建...

【Step-By-Step】一周面试题深入解析 / 周刊 03

2019-06-10
阅读 7 分钟
2.3k
本周面试题一览: 什么是XSS攻击,XSS 攻击可以分为哪几类?我们如何防范XSS攻击? 如何隐藏页面中的某个元素? 浏览器事件代理机制的原理是什么? setTimeout 倒计时为什么会出现误差? 11. 什么是XSS攻击,XSS攻击可以分为哪几类?我们如何防范XSS攻击? 1. XSS攻击 XSS(Cross-Site Scripting,跨站脚本攻击)是一种代码...

【Step-By-Step】一周面试题深入解析 / 周刊02

2019-06-03
阅读 13 分钟
3.4k
本周面试题一览: 节流(throttle)函数的作用是什么?有哪些应用场景,请实现一个节流函数 说一说你对JS执行上下文栈和作用域链的理解? 什么是BFC?BFC的布局规则是什么?如何创建BFC? let、const、var 的区别有哪些? 深拷贝和浅拷贝的区别是什么?如何实现一个深拷贝? 6. 节流(throttle)函数的作用是什么?有哪些应用...

业内首个 React Native转微信小程序引擎 Alita 正式发布

2019-05-30
阅读 4 分钟
9.6k
Alita是一套由京东ARES多端技术团队打造的React Native代码转换引擎工具。它对React语法有全新的处理方式,支持在运行时处理React语法,实现了React Native和微信小程序之间的主要组件对齐,可以用简洁、高效的方式把React Native代码转换成微信小程序代码。

【Step-By-Step】一周面试题 && 答案汇总 / 01

2019-05-27
阅读 9 分钟
2.9k
Step-By-Step 仅会在工作日发布面试题,主要考虑到部分小伙伴平时工作较为繁忙,或周末有出游计划。每个周末我会仔细阅读大家的答案,整理最一份较优答案出来,因本人水平有限,有误的地方,大家及时指正。参与答题的小伙伴,可以对比自己的回答。

细说JS异步发展历程

2019-05-22
阅读 6 分钟
6.9k
所谓同步,就是在发出一个"调用"时,在没有得到结果之前,该“调用”就不返回。但是一旦调用返回,就得到返回值了。换句话说,就是由“调用者”主动等待这个“调用”的结果。此调用执行完之前,阻塞之后的代码执行。

【面试篇】寒冬求职之你必须要懂的Web安全

2019-05-13
阅读 8 分钟
10.5k
随着互联网的发展,各种Web应用变得越来越复杂,满足了用户的各种需求的同时,各种网络安全问题也接踵而至。作为前端工程师的我们也逃不开这个问题,今天一起看一看Web前端有哪些安全问题以及我们如何去检测和防范这些问题。非前端的攻击本文不会讨论(如SQL注入,DDOS攻击等),毕竟后端也非本人擅长的领域。