做前端,如何克服新技术焦虑?
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) …