【低代码】
1、万字长文讲透低代码
2、中后台领域低代码搭建设计与实践
https://mp.weixin.qq.com/s?__biz=MzI3OTE3ODk4MQ==&mid=2247484602&idx=1&sn=4723439b2d3af51b458a5e9719e204ff
【实践经验】
1、5000 万行以上大型代码仓库工程实践
https://mp.weixin.qq.com/s/opCnSlnKYhrNkjP8xN-EGA
2、百万PV商城实践系列 - 前端图片资源优化实战
https://juejin.cn/post/6989751020255445005
如果在项目中确实涉及很多图片资源，推荐以下几种优化方案。
- 能做成懒加载的尽量不要全量加载
- 给予用户一定的状态提示，骨架屏或者是过渡图能做尽量别拉下。
- 长图能切图尽量切图，将其拆开来优化是非常方便的。
- 所有的图片能上CDN就尽可能上CDN。
- 能压缩的图片尽可能去进行压缩。
3、Node.js 中遇到大数处理精度丢失如何解决？前端也适用！
https://mp.weixin.qq.com/s/p2kpOYZkPP-xx-mJBGVUMg
在 JavaScript 中浮点数运算时经常出现 0.1+0.2=0.30000000000000004 这样的问题，除此之外还有一个不容忽视的大数危机（大数处理精度丢失）问题，本文提出了一些产生大数精度丢失的原因，同时又给出了几种解决方案。
4、Android / iOS Webview 容器下 JSBridge SDK 原理浅析 —— 前端视角
https://mp.weixin.qq.com/s/H4ICaFhiJZE5ZUNEZj_U8A
在 Hybrid 开发的过程中，由于前端和客户端同学存在认知差异，导致在解决一些 bridge 问题时存在一定的沟通成本和信息不对称。本文从前端视角切入，讲述 bridge 方法如何和客户端进行交互，以及在此过程中进行的各种中间处理。
5、对巨石应用说不：转转商业微前端qiankun历史项目迁移升级实践
https://juejin.cn/post/6990323158955851784
6、Vue这个透传技巧，治好了我的重度代码洁癖
https://mp.weixin.qq.com/s/Q—nszvUPABFe3YqpZ3R7w
结合inheritAttrs,v-bind以及v-on，实现一个支持透传的基础组件，本文是以Button组件为例，做的关于透传的入门介绍。
【基础夯实】
1、文件下载，搞懂这9种场景就够了
https://juejin.cn/post/6989413354628448264
2、CSS 进阶之熟悉又陌生的 content
https://mp.weixin.qq.com/s/YZPbiW79BPoopNrZCdpg3w
content 属性用于与 :before 及 :after 伪元素配合使用，来插入生成内容。使用 content 属性插入的内容都是匿名的可替换元素。本文详细介绍下 content 的使用机制。
3、【干货】js 数组详细操作方法及解析合集
https://juejin.cn/post/6844903614918459406#heading-35
在开发中，数组的使用场景非常多，平日中也涉及到很多数组的api/相关操作，一直也没有对这块内容进行一块整理总结，很多时候就算用过几次这个api，在开发中也很容易忘记，还是要谷歌一下。本篇文章是对这块内容有一个比较系统性的总结，希望大家看完本文可以有所收获。
4、25个你不得不知道的数组reduce高级用法
https://juejin.cn/post/6844904063729926152#heading-25
reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。
如果经常使用reduce，怎么可能放过如此好用的它呢！本篇文章奉上它的高级用法给大家。
5、Javascript 对象的循环遍历
https://juejin.cn/post/6969911915048861703#heading-7
本文总结了JS对象中的循环遍历方法，并进行了比较，平时容易混淆的建议阅读。
6、详解箭头函数和普通函数的区别以及箭头函数的注意事项、不适用场景
https://juejin.cn/post/6844903801799835655#heading-13
箭头函数是ES6的API，相信很多人都知道，因为其语法上相对于普通函数更简洁，深受大家的喜爱。本文详细总结了它与普通函数的区别以及注意事项和不适用场景。
7、JavaScript任务队列的顺序机制（事件循环）
http://www.yangzicong.com/article/3#comment
本篇从同步和异步概念引入循序渐进讲解了事件循环相关的知识点，特别清晰。
【实用工具】
1、你不知道的 Chrome DevTools 玩法
https://mp.weixin.qq.com/s/07Cn1Dgg_fOB0ds97AZJCg
笔者在前段时间的开发时，需要通过 Chrome DevTools来分析一个接口，调试中发现了控制台中的 copy 函数，非常的好用，进而发现了新世界，学习到了 Chrome 一些奇怪的调试技巧，这里总结分享给大家，希望能对各位的开发起到帮助！
2、推荐一个神器，可一键生成浏览器指纹！
https://mp.weixin.qq.com/s/ZfoLg5YXPB4lEhl9bL_TTA
“浏览器指纹” 是一种通过浏览器对网站可见的配置和设置信息来跟踪 Web 浏览器的方法，浏览器指纹就像我们人手上的指纹一样，每个人拥有一份接近于独一无二的配置。与 Cookie 和本地存储不同，浏览器指纹可以做到在隐身/隐私模式下甚至浏览器数据被清除都保持不变。
【动态与研究关注】
1、现代 Web 开发困境与破局
https://zhuanlan.zhihu.com/p/389935233
2、Chromium 内核 Layout 模块学习
blink 是整个 Chromium 代码仓库中的渲染内核的实现。为什么要学习 blink 的 Layout 模块，一方面作为前端开发，增加对底层原理的理解，知其然并且知其所以然。另一方面最近参与 DOC 编辑器排版引擎的优化和功能迭代，通过学习最复杂的 blink 的排版引擎，了解通用的排版引擎的设计思路。
3、几年后的JavaScript会是什么样的？来看看这些有趣的ECMA提案（stage1/2/3）
https://mp.weixin.qq.com/s/wA-ApOQGDXXTR_jIROyExg
这篇文章将列举一部分笔者认为值得关注的 ECMAScript 提案，既包括新的API（如先前的replaceAll），也有着新的语法（如先前的?.与??等），目前它们中的大部分仍停留在 stage1/2 中
4、最新 JavaScript 现状调查报告出炉
https://mp.weixin.qq.com/s/YXgkEZAGQFF17eZtThDHUQ
本文只挑选了部分有点意思的数据展示出来，完整数据可以见：State of JS 2020。
【程序之外】
1、计算机时间到底是怎么来的？程序员必看的时间知识！
https://mp.weixin.qq.com/s/SVokpTtlQDUYAo6oc_PGyA
关于时间的问题还有很多，例如：
- 为什么计算机的时间有时候「走不准」？
- 计算机究竟是怎么「自动校准」时间的？
- 我们经常看到的 UTC 时间，到底是什么？
- 我们在新闻上看到的「北京时间」，真的来自北京吗？
这篇文章，我们就来揭秘时间背后的秘密。
2、隐私设计的问题空间探索
https://mp.weixin.qq.com/s/uUTLyruyPZPYV2CBxK-vKw
我们如今已经意识到数据上云带来的便利性，这种便利性就像历史的车轮会把一些尘埃暂时碾压，其中就包括隐私，但隐私与便利从来就不是一个硬币的两面，而是能够同时内嵌在系统中。我们的目标也仅仅是希望有一天我们在数字平台保护隐私就像在家拉窗帘一样自然。
3、如何编写有用的错误消息？
https://mp.weixin.qq.com/s/x6cgu_VT0iSLm0GarX3Wxg
错误消息的领域涉及很多方面的内容。它们需要将 UX 领域的几乎所有元素（信息、说明、界面、微文案）结合起来，并且用几句话将这些信息阐述清楚。所有这些元素都是为了一个共同的目标：在出现问题时帮助用户。
一套合理正确的编写流程有助于实现更简洁的设计、更精简的代码，带来更快乐的用户。所以你的重点不应该放在具体的编写上。首先建立你的基础，定义一个结构，然后再慢慢装点它们吧。
若有收获，就点个赞吧
0 人点赞
