【实践经验】
1、使用Lottie 快速开发动画
https://mp.weixin.qq.com/s/KTyni7PjzY7FZQgwkU1eUA
Lottie 是一个跨平台的动画库。设计小姐姐使用 AE 制作并导出的动画文件（ json 格式），Lottie 可以在各个终端快速解析这个 json 文件，从而还原动画，简单快速。
2、构建高质量的前端工程
https://juejin.cn/post/6907178915664986120
在过去，与大多数工程师一样，我认为前端代码的设计水平大多与工程师的能力有直接关系。但随着接手了几个多人协作的大型前端项目，我开始意识到，这种认知对短生命周期的小型项目可能适用，但对真正的大型项目，仅靠提升工程师质量有时并不能直接提升代码的质量。
本文将结合自己的一些实际经验，来阐述自己的一个观点：构建大型高质量前端工程，合理的代码约束与正确的团队运转机制可能更为重要。
3、腾讯公测云开发低码！全网首篇实战评测
https://mp.weixin.qq.com/s/rdOvsVOITRLyb8A_3DLBMQ
4、如何优雅的解决”重复请求“问题
https://mp.weixin.qq.com/s/dUOkhgSG9nCEzrfvgmci3A
在我们web开发过程中，很多地方需要我们取消重复的请求。但是哪种场合需要我们取消呢？我们如何取消呢？带着这些问题我们阅读本文。
阅读完本文，你将了解以下内容：
- 需要取消重复请求的场景
- 我们如何取消重复请求
- axios如何取消重复的请求
- 封装axios
- 如何给开源的项目提供源码
- 如何在本地调试npm包
5、在Web应用中减少CORS预检时间的4种方法
https://mp.weixin.qq.com/s/WqCgnpFgJsy0AJlVU-uRHQ
每当你从前端向不同的域发出HTTP请求时，浏览器会在前面再发送一个HTTP请求，依次确认服务器是否同意。
这个额外的请求叫做Preflight请求，在大多数情况下，它都会造成响应时间的明显延迟，从而影响Web应用的性能。
那么，让我们来看看如何绕过Preflight请求或减少响应时间来提高Web应用的性能。
6、代码整洁之道的 7 个方法
https://juejin.cn/post/6904047941883789319
在这篇短文中，我将介绍一些你可以用来改进你的代码的方法。本文代码示例均使用 JavaScript。
7、三种Loading制作方案
https://segmentfault.com/a/1190000038692080
Loading几乎是每个应用都会用到的一个组件。很多组件库都会提供相应的Loading组件，但是有的时候我们可能需要自定义Loading效果，掌握Loading组件制作的基础知识将变得非常必要。Loading主要就是一个旋转的圆环，而旋转部分则比较简单，直接通过CSS动画即可实现，所以关键部分就是得到Loading的圆环。
8、使用 Node.js 开发简单的脚手架工具
https://mp.weixin.qq.com/s/o4D4DI59GzdeI8KTp0RGuA
像我们熟悉的 vue-cli，react-native-cli 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于自己的脚手架，来提高自己的工作效率。
为什么需要需要脚手架？
- 减少重复性的工作，不再需要复制其他项目再删除无关代码，或者从零创建一个项目和文件。
- 根据交互动态生成项目结构和配置文件等。
- 多人协作更为方便，不需要把文件传来传去。
思路：
要开发脚手架，首先要理清思路，脚手架是如何工作的？我们可以借鉴 vue-cli 的基本思路。vue-cli 是将项目模板放在 git 上，运行的时候再根据用户交互下载不同的模板，经过模板引擎渲染出来，生成项目。这样将模板和脚手架分离，就可以各自维护，即使模板有变动，只需要上传最新的模板即可，而不需要用户去更新脚手架就可以生成最新的项目。那么就可以按照这个思路来进行开发了。
【基础夯实】
1、HTTP/2 中的注意事项
https://mp.weixin.qq.com/s/Ye34-zBT1irKbmNvReE4JQ
2、JS树结构操作:查找、遍历、筛选、树结构和列表结构相互转换
经常有同学问树结构的相关操作，也写了很多次，在这里总结一下JS树形结构一些操作的实现思路，并给出了简洁易懂的代码实现。
本文内容结构大概如下：
3、Web开发应该知道的数据结构
https://mp.weixin.qq.com/s/8VM_wFEVBjK6buWnjewf6A
数据结构是指相互之间存在着一种或多种关系的数据元素的集合和该集合中数据元素之间的关系组成 。
常用的数据结构有：数组，栈，链表，队列，树，图，堆，散列表等，如图所示：
4、10个很棒的 JavaScript 字符串技巧
https://juejin.cn/post/6913691919386312712
我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。这里跟大家展示关于 JS 字符串的10个很棒的技巧，你可能还不知道哦？
5、面试不再怕：史上最全的cookie知识点详解
https://juejin.cn/post/6914109129267740686
cookie是一个前端工程师每天都在打交道的内容，因此几乎所有的前端面试都会问到cookie的相关知识。本文将与前端有关的cookie知识整理成18个问题，覆盖了所有面试情况。
6、你必须知道的webpack插件原理分析
https://juejin.cn/post/6901210575162834958
在 webpack 中，专注于处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。它和 loader 有以下区别：
loader 是一个转换器，将 A 文件进行编译成 B 文件，比如：将 A.less 转换为 A.css，单纯的文件转换过程。webpack 自身只支持 js 和 json 这两种格式的文件，对于其他文件需要通过 loader 将其转换为 commonJS 规范的文件后，webpack 才能解析到。
plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听 webpack 打包过程中的某些节点，执行广泛的任务。
7、Vue.js最佳静态站点生成器对比
https://mp.weixin.qq.com/s/RtA7uwO3PEdxm4HlyGVoQQ
在过去的几年中，Vue.js 已成为 Web 应用程序开发的流行选项。用户变多后，这个框架开始将触角伸向了静态站点生成，一个曾经由 React 统治的领域。
就像 React 这边的 Gatsby 和 NextJS 一样，Vue.js 这边支持静态网站生成的框架也有不少。但考虑到它们提供的众多功能，想要挑一个合适的并不容易。
因此在本文中，笔者会向大家介绍用于静态站点生成的四大 Vue.js 框架，并对它们做详细对比，帮助找到适合你用例的选项。
8、提升页面渲染速度的4个CSS技巧
https://www.infoq.cn/article/V8Ud3hVqgYPXg5OpNRYg
用户喜欢快速的 Web 应用。他们期望页面加载速度快，运行流畅。如果滚动时出现动画中断或延迟，用户很可能就会离开你的网站。作为一名开发者，你可以做很多事情来提升用户体验。本文主要介绍你可以用来提升页面渲染速度的 4 个 CSS 技巧。
9、如何充分利用Composition API对Vue3项目进行代码抽离
https://juejin.cn/post/6914862150872170509
实际项目例子抽离 composition API 并做 demo 的对比
【实用工具】
1、送你一份玩转 Github 的秘诀
https://mp.weixin.qq.com/s/-JuvUcOmrvqx0hF0X9C0Bg
- GitHub 镜像访问
- GitHub文件加速
- Github 加速下载
- 加速你的 Github
- 谷歌浏览器 GitHub 加速插件(推荐)
- GitHub raw 加速
- GitHub + Jsdelivr
- 通过 Gitee 中转 fork 仓库下载
- 通过修改 HOSTS 文件进行加速
2、9 个爱不释手的 JSON 工具
https://mp.weixin.qq.com/s/NCnKRZPhEYTccTKDJSCfkw
众所周知，JSON让开发人员易于使用，又让机器易于解析和生成。JSON吸引了工具构建者的注意，它们开发了用于重新格式化、验证和解析JSON的众多工具，这不足为奇。这些工具既有在Web浏览器中运行的在线实用程序，又有面向代码编辑器和IDE的插件，比如Visual Studio Code和Eclipse。下面介绍了其中九款工具。
3、推荐 12 个学习前端必备的神仙级工具类项目与网站
https://mp.weixin.qq.com/s/GejwajyUPH38eKXVOSStAA
今天给大家推荐的是平时学习前端时，经常用到的一些辅助工具类网站。
| 网址 | 描述 |
|---|---|
| unbug.github.io/codelf | 变量命名智能推荐（支持中文） |
| www.docschina.org | Web 前端开发人员提供优质中文文档 |
| regexr.com | 正则表达式验证匹配 |
| any-rule | 正则表达式库，非常全，使用起来很方便 |
| www.toptal.com/developers | 多张图片合成雪碧图，并生成对应 css |
| tool.lu | 众多工具集合，包括时间戳转换，进制转换等 |
| www.bootcdn.cn 或 cdn.baomitu.com | 国内的CDN库，速度快 |
| www.jsdelivr.com | 国外的 cdn 库，支持 github，npm，WordPress |
| www.gitignore.io | 根据选择会去生成 .gitignore 文件 |
| codesandbox.io | 在线编辑代码 |
| www.typora.io | 实用的 Markdown 写作工具，所见即所得 |
| mdnice.com | 使 markdown 语法更加美观，如果你有写博客，那这个非常合适你 |
【动态与研究关注】
1、 vite 终于有文档了
https://vitejs.dev/guide/#scaffolding-your-first-vite-project
vite1.0 的文档终于出了，暂时无中文版本；vite2.0 也已经在 beta 阶段，最大改动 不再与 Vue 默认绑定了
2、21个2021年软件开发趋势预测
对于软件开发行业来说，2020 年是意义重大的一年，许多领域都取得了重大突破。本文将基于来自认证来源的数据、图表和事实，根据过去来预测未来。如果你想要了解软件行业在 2021 年会有哪些变化，请阅读本文，本文涵盖了云、边缘计算、容器、量子、区块链、人工智能、深度学习、批处理、流式处理、数据库、编程、软件架构、Web、App、低代码、无代码等重要方向。
3、“无代码”与我们的距离
https://mp.weixin.qq.com/s/Zhmh6mzCyxJlOvmuDMBSfw
在数字化程度越来越高的今天，被预设的软件应用场景和被迭代周期限制的功能更新速度已经无法满足一部分用户的诉求。各个领域都开始关注生产力如何实现降本增效的大环境下，“无代码化”提供了一种新的思路。
尽管听起来更像是技术范畴的概念，“无代码”趋势实际上是由市场所驱动带来的——这意味着作为研发上游的产品经理和设计师可能比开发人员更需要关注“无代码”趋势对未来产品形态带来的影响。
普遍情况下所描述的“无代码”其实指的是无代码开发平台 (NCDP，No-Code Development Platform) ，是指使用者无需具备专业的代码编程能力，即可完成网页或软件应用等的研发创建工作的工具和平台。“无代码”的本质其实是通过图形用户界面这种可视化的形式替代了程序员一行一行编写代码的传统开发形式，所以大部分无代码平台都通过提供可拖放的“小部件”以及一些预置模板等方式让非程序员用户可以通过相对简单的方式完成应用程序的创建。
4、全球第二大浏览器升级！内存/CPU占用暴降
https://mp.weixin.qq.com/s/Jb-Ige0KFpd6SMkSJa2aiA
11月20日早间，伴随着Chrome 87正式版上线，微软也发布了Edge 87稳定版。
Edge现在作为Chrome全球市场上的最大竞争对手，其市场份额仅次于谷歌。
据外媒报道，Edge 87稳定版的各项性能此次也拥有较大幅度的提升。
除了在使用中更加稳定外，同时微软也调整了软件的内存占用率，让系统更加流畅，同时也降低了那些配置不高的用户的负担。
5、2021年Web开发的7大趋势
https://mp.weixin.qq.com/s/Kckx-61Sks7CB3Mz5amjTA
全球有超过 17.4 亿个网站。在每一个细分领域都有无数企业争夺搜索引擎的排名前列位置。开发人员应该了解和发现更多创新的 Web 开发方式，因为这些方法可以帮助企业加快增长速度，并在全球范围内拓展市场和机遇。
网站不仅仅是代码的组合，它们更是企业业务的脸面。随着时间的推移，网站开发工作越来越具有创造性。我们还见证了众多高效技术和平台的崛起，它们可以帮助企业无需编写代码即可开发出水平不错的网站。此外，市场上的新趋势不断影响着 Web 开发流程，为开发人员设计和构建网站带来了更多灵活和实用的方式。
那么在 2021 年，Web 领域有哪些重大的发展趋势呢？
6、Flash终于走到生命的尽头，是时候说再见了
https://mp.weixin.qq.com/s/19nuq33XGwT7EITAzMEI6A
Adobe Flash，一个只要在互联网上混过的人应该都听说过的东西。在2020年的最后一天，我们终于和它说了再见。Flash 是一种多媒体创作和播放支持技术，在互联网技术史上曾经扮演过重要的地位。在20多年前网络技术还不像今天一样发达的年代，人们曾经重度依赖 Flash 制作网页、广告、小软件、游戏等多种多样酷炫、可互动的在线内容。谷歌这样评价 Flash：过去的20年里，Flash 塑造了人们玩游戏、看视频和在网络上运行程序的方式。但是，在最近几年的时间里，Flash 变得没那么流行了（特别是在谷歌主导推行 HTML5 替代 Flash 的努力下）。
【程序之外】
1、量子互联网取得突破性进展，量子信息以90%准确度传送44公里
https://mp.weixin.qq.com/s/kKYNll0Bv6ayKaaRyxFzzQ
2、吴恩达、李飞飞、沈向洋：2021年的人工智能会是这个样子
https://mp.weixin.qq.com/s/-WXKLatZJY0kHbn6t4Veuw
在今年的最后一天，吴恩达邀请了沈向洋、李飞飞等人工智能的顶级学者，让大牛们对 2021 年的 AI 技术发展进行了一次展望。在人才不断流向业界、常规架构算力进入瓶颈期的今天，作为一名从业者应该看到什么？他们是这样说的……
3、“信息论之父”——克劳德·香农是如何创造未来的
https://mp.weixin.qq.com/s/nZvdO_d05vGaWjH8d_YYWQ
科学是在寻求自然界的基本规律，数学是在原有定理的基础上寻找新的定理，工程学是在构建解决人类需求的系统。这三个学科虽相互依存但又截然不同。因此，很少有人能够同时为这三个学科做出重大贡献，而克劳德·香农（Claude Shannon）就是其中之一。你可能从未听过Claude Shannon这个名字，但我们现在所处的信息化时代背后的整个通信基础架构，正是基于他七十多年前发表的一篇富有开创性的论文。1916年，Shannon在密歇根州出生，他的父母是当地的商人和教师。从密歇根大学获得电子工程和数学双学士学位后，Shannon进入麻省理工学院开始了研究生的学习。在其硕士论文中，他将布尔代数这一数学方法应用到电子领域中的开关电路的分析和综合问题中。正是这一变革性的工作，将电路设计从一门艺术变成了一门科学，被认为是数字电路的开端。在此之后，Shannon将目光投向了一个更大的领域：通信。通信是人类最基本的需求之一。从烽火预警到飞鸽传书，再到电话、电视、网络的出现，人类一直在探索能够让信息传递得更远、更快、更可靠的通信方式。但是，无论哪种方式，通信系统总是与信号来源以及物理介质相关联。Shannon却想打破这一限制，探寻通信的大一统理论。他在1939年给导师Vannevar Bush的信中概述了自己的一些初步设想，并最终在1948年发表了著名的论文，“关于通信的数学理论（A Mathematical Theory of Communication）“。
4、2021十大科技趋势来了！阿里巴巴达摩院全新发布
https://mp.weixin.qq.com/s/I6hex1v08rfxDKT6UP-jOQ
2020年是不平凡的一年，经历疫情的洗礼，许多行业重启向上而生的螺旋，但疫情并未阻挡科技前进的脚步，量子计算、基础材料、生物医疗等领域的一系列重大科技突破纷至沓来。
后疫情时代，基础技术及科技产业将如何发展，达摩院为科技行业提供了全新预测。
趋势一 以氮化镓、碳化硅为代表的第三代半导体迎来应用大爆发
趋势二 后“量子霸权”时代，量子纠错和实用优势成核心命题
趋势三 碳基技术突破加速柔性电子发展
趋势四 AI提升药物及疫苗研发效率
趋势五 脑机接口帮助人类超越生物学极限
趋势六 数据处理实现“自治与自我进化”
趋势七 云原生重塑IT技术体系
趋势八 农业迈入数据智能时代
趋势九 工业互联网从单点智能走向全局智能
趋势十 智慧运营中心成为未来城市标配
更多精彩资讯，欢迎扫码入群交流~🚀**🚀🚀**
注：所有资讯均来自网络，不代表编者观点。
若有收获，就点个赞吧
0 人点赞
