-
编辑 删除
做前端，如何克服新技术焦虑？
Vue3.0版本出来了，我要不要赶紧学起来现在在用React，要不要也学学Vue、Angular？看到某某大神分享的Node干货，怀疑自己是不是又掉队了？最近我的群里，经常出现这样的讨论，总结下来就是：老技术还没学好，继续学老技术觉得快过时了，去学新技术又是熊瞎子掰苞米。也不能怪你们，前端圈的现状是
-
编辑 删除
React组件逻辑复用的那些事儿（Mixins -> HOC+render props -> Hooks）
基本每个开发者都需要考虑逻辑复用的问题，否则你的项目中将充斥着大量的重复代码。那么 React 是怎么复用组件逻辑的呢？本文将一一介绍 React 复用组件逻辑的几种方法，希望你读完之后能够有所收获。如果你对这些内容已经非常清楚，那么略过本文即可。 我已尽量对文中的代码和内容进…
-
编辑 删除
围观 GitHub 重磅推出的四大新功能
众所周知，GitHub 拥有数千个的软件社区，从开源项目到企业，从小型团队到大型组织。今年的 Satellite 主要围绕为社区提供工具和解决对开发者来说很重要的问题。 今年早些时候，我们为团队免费提供了 GitHub，以确保成本不会成为 GitHub 上团队合作的障碍。我们将…
-
编辑 删除
5个技巧助你编写更好的React代码
第一步，征得作者同意。 第二步，进入正文。 在本文中，我想分享几个技巧，这些技巧将改善你的React代码。 1. 解构 props 在 JS 中解构对象（尤其是 props）可以大大减少代码中的重复。看下面的例子： CafeMenu 组件用于存储可用饮料的列表，现在我们想要创建…
-
编辑 删除
为什么说for...of是JS中的一颗宝石
是什么使得一个编程语言的新特性很棒？那就是当这个特性可以结合多个其它特性的时候。 ES2015 版本中引入的 for...of 语句就是这种情况。 for...of 可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合)，并且，for...of 的语句还很…
-
编辑 删除
带你深度解锁Webpack系列(优化篇)
带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…
-
编辑 删除
带你深度解锁Webpack系列(进阶篇)
三篇长文，带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇，如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本文。 本文会引入更多的 webpack 配置，如果文中有任…
-
编辑 删除
带你深度解锁Webpack系列(基础篇)
三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…
-
编辑 删除
唯爱与美食不可辜负 | 春节快乐
人间烟火味,最抚凡人心。世间万物，唯有美食不可辜负。 鉴于疫情严重，我决定宅在家里为社会做贡献。因此从北京回到南京之后，没有再回老家，留在了南京过年，这是我和钱先森第一次两个人过年。 尽管只有两个人，但是年夜饭还是要好好准备呀。 首先处理黄瓜至如下所示，竹叶用黄瓜皮制作。 玉米…
-
编辑 删除
动图演示23个鲜为人知的VSCode快捷键
尽管我在VS Code中经常使用许多快捷键，以下快捷键可能会派上用场，但我经常忘记它们的存在。我制作了一些GIF，以便更好地记住它们。也许这里面也有一些快捷键你也不记得了，但是却很有用。 VSCode 中的每个命令都可以通过 CTRL + SHIFT + P (Window) …
-
编辑 删除
愿你的指下有代码，眼里有星辰 | 掘金年度征文
2019年和以往的每一年都不一样，这一年，我离开了熟悉的南京，来到了北京的工作，成为了一名“进城务工人员”。每次从南京回北京的时候，我都笑称自己又要去进城务工了。 从一个熟悉的地方来到陌生的城市，难免有一些担心，担心不习惯北京的生活，担心不喜欢北京的天气，事实证明这些担心都是多…
-
编辑 删除
不容错过的 Babel7 知识
对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…
-
编辑 删除
90行代码构建属于你的React
本文中的实现借助了 snabbdom ，因此如果你的关注点是虚拟DOM的实现或是将虚拟DOM渲染到浏览器的底层实现，本篇文章中并不会涉及到。有些人可能对此感动失望，但是，一口吃不成一个胖子，我们需要一步一步来。 当我学习 React 的时候，我觉得它所做的一切都是魔术，然后我就…
-
编辑 删除
声明式UI框架在类小程序运行的原理
近年新出的UI框架，包括React，Flutter， SwiftUI等在内都采用了声明式的方法构建UI，其中基于React的RN，Flutter都是多端框架，可以一套代码多端复用。但是在国内“端”还有一个小程序，所以在国内的跨端，必须要兼顾到小程序。 本文将探讨一种将声明式UI…
-
编辑 删除
9个项目助你在2020年成为前端大神！
DEV的年度热文，读完觉得不错，所以翻译出来供大家参考，个人水平有限，文中可能会有一些翻译错误，可以在评论区指正。 本篇文章一共涉及了9个流行的框架/库，没有具体的介绍使用方法，而是给了一些非常棒的实战教程。 初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目…
-
编辑 删除
你想知道的关于 Refs 的知识都在这了
Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 管理焦点，文本选择或媒体播放。 触发强制动画。 集成第三方 DOM 库。 1. createRef createRef 是 React16.3 版本中引入的。 使用 Rea…
-
编辑 删除
【React系列】动手实现一个react-redux
react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。 首先思考一下，倘若不使用 react-redux，我们的 …
-
编辑 删除
【React系列】从零开始实现Redux
本篇文章会从零开始编写 Redux，如果你对 Redux 的使用和源码已经非常熟悉，那么你只需要粗略浏览即可，如果你还不太清楚，那么跟着本篇文章一起来实现你的 Redux 吧。知其然，知其所以然。 本篇文章对应的代码在: https://github.com/YvetteLau…
-
编辑 删除
Array.from() 五个超好用的用途
因水平有限，文中部分翻译可能不够准确，如果你有更好的想法，欢迎在评论区指出。 任何一种编程语言都具有超出基本用法的功能，它得益于成功的设计和试图去解决广泛问题。 JavaScript 中有一个这样的函数: Array.from：允许在 JavaScript 集合(如: 数组、类…
-
编辑 删除
你知道JS全局变量是如何工作的吗？
在这篇博文中，我们将研究 JavaScript 的全局变量是如何工作的。如：scripts的范围，所谓的全局对象等等。 变量的词法作用域（简称：作用域）是可以访问它的程序的区域。JavaScript 的作用域是静态的（它们在运行时不会改变）并且它们可以嵌套 - 例如： if 语…
