15 小时前 / 冷星1024
大家好，我是 ConardLi，前端有架构吗？这可能是很多人心里的疑惑，因为在实际业务开发里我们很少为前端去设计标准规范的代码架构，可能更多的去关注的是工程化、目录层级、以及业务代码的实现。 今天我们来看一种前端架构的模式，原作者称它为“干净架构（Clean Architecture）”，文章很长，讲的也很详细，我花了很长时间去读完了它，看完很有收获，翻译给大家，文中也融入了很多我自己的思考，推荐大家看完。 https://dev.to/bespoyasov/clean-architecture-on-frontend-4311 本文中示例的源码：https://github.com/bespoyasov/frontend-clean-architec...
7 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 文章动态图片生成方案在业务需求中，根据返回数据动态生成图片分享是很常见的场景。比如在起点读书小程序中，每本书都需要生成一个动态图片，包含：书名、作者、类别和当前页面小程序码，这几个内容都是会动态改变的。 那如何抽象化 & 高性能的实现这一类需求呢？下面我们一起来探讨动态图片的生成方案。 https://mp.weixin.qq.com/s/0dWfL3ChIceH6rQ8-Oh6pg Chrome 97 发布 WebTransport...
8 天前 / 九彩拼盘
大家好，我是零一，今天来分享一下 GitHub 上值得学习的开源前端资源！ 1. Web Developer Road Mapdeveloper-roadmap 是一个为开发人员准备的学习路线图，他提供了学习编程中每个阶段的详细信息，并且每年都会进行更新。除了有前端的路线图，还包含后端、Android、Java、Python、Go 等不同方向的学习路线图。 Star： 182k 官网地址： https://roadmap.sh/ GitHub 地址： https://github.com/kamranahmedse/developer-roadmap 2. Clean Code JavaScriptclean-code-javascrip 综合了作者在使用 JavaScript 过程中的编码经验。
12 天前 / Ryan众乐
大厂技术高级前端Node 进阶 点击上方程序员成长指北，关注公众号 回复 1，加入高级 Node 交流群 本文是 4.10 前端早早聊 - 前端搞 CI/CD 专场分享的文字整理稿，来自 阿里盒马 - 夜沉 的分享。 我从 2015 年进入阿里之后就开始了在前端工程化领域的探索，一直非常感兴趣。之前在 B2B 主导负责 JUST 工程体系，后面来到盒马，负责前端工程以及基础体验相关的工作，此次 ReX Dev 研发平台的分享也算是自己对当前盒马工程体系的一个总结。
13 天前 / Ryan众乐
背景 组件（模块）封装与开发可以给前端业务开发的过程带来非常大的研发效能的提升，各个业务域的开发者会定制开发许多符合自己业务场景的基础组件（模块）沉淀一套快速复用的物料体系，以保证业务开发的研发效能。同样，在各个 Flutter 团队，也有大量的 Flutter Widget 的物料，以及各种基于 Flutter 场景做的性能优化。在大前端的视角下，我们期望在端内拥有 Web 开发的研发效能以及动态性的同时，也期望通过一些 Native 的优化手段让应用拥有媲美原生的体验与性能。
14 天前 / 冷星1024
前置知识先了解一个操作系统中重要的概念inode（index nodes）。 inodeinode 是一种文件数据结构，用于存储有关除名称和数据之外的任何 Linux 文件的信息。 inode 更详细介绍可参考：https://www.ruanyifeng.com/blog/2011/12/inode.html 扇区（sector） 硬盘的最小存储单位叫「扇区」（sector，每个扇区存储 512bit）操作系统一次读一个扇区效率太低，所以会一次读多个扇区块（block） 多个扇区组成一个块，最常见的大小为 4kb（即由 8 个扇区组成）块是文件存取的最小单元，文件数据都存储在块中索引节点（inode） 存储文件元信息...
16 天前 / 冷星1024
↓推荐关注↓ 先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？可能大部分同学都知道强缓存 / 协商缓存，那前端各种产物（HTML、JS、CSS、IMAGES 等）应该用什么缓存策略？以及为什么？若使用协商缓存，但静态资源却不频繁更新，如何避免协商过程的请求浪费？若使用强缓存，那静态资源如何更新？配套的，前端静态资源应该如何组织？配套的，自动化构建 & 部署过程如何与 CDN 结合？如何避免前端上线...
17 天前 / Ryan众乐
前置知识先了解一个操作系统中重要的概念inode（index nodes）。 inodeinode 是一种文件数据结构，用于存储有关除名称和数据之外的任何 Linux 文件的信息。 inode 更详细介绍可参考：https://www.ruanyifeng.com/blog/2011/12/inode.html 扇区（sector） 硬盘的最小存储单位叫「扇区」（sector，每个扇区存储 512bit）操作系统一次读一个扇区效率太低，所以会一次读多个扇区块（block） 多个扇区组成一个块，最常见的大小为 4kb（即由 8 个扇区组成）块是文件存取的最小单元，文件数据都存储在块中索引节点（inode） 存储文件元信息...
21 天前 / Ryan众乐
注：以下只是个人比较熟悉的部分，在浩瀚的前端世界，只是沧海一粟。 作者：Hugo 授权转载 https://www.zhihu.com/question/493891614/answer/2269197391 MonorepoMonorepo 成标配，pnpm 会有更广泛的应用。Why should we use pnpm\www.kochan.io/nodejs/why-should-we-use-pnpm.html[1] webstorm、vscode 对 monorepo 更好的支持。现在的混合技术栈多少支持有一些问题。 例如在 webstorm 里，一个目录的 linter，使用 eslint 还是用 deno 的 lint，还是其他的 lint，是比较难配置的。例如在 webstorm 里，一个目录的 ts 语言服务，是用 tsc 还是 deno。
21 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 文章看完了 2021 CSS 年度报告，我学到了啥？一起来查缺补漏。 https://mp.weixin.qq.com/s/BbH6IleqLly82Mqx_0W1IQ package.json 中你还不清楚的 browser，module，main 字段优先级题外话： 在 Vite 中打包针对 node 环境的包时还是遵循以下逻辑，browser > module，没有 main，这样就导致一些没有配置 module 的包强制使用了浏览器端的代码。
26 天前 / 冷星1024
前言 对于现在的前端工程，一个标准完整的项目，通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。我认为其中一个很大的原因是很多人对单元测试认知不够，因此我写了这边文章，一方面期望通过这篇文章让你对单元测试有一个初步认识。另一个方面希望通过代码示例，让你掌握写单元测试实践能力。 前端为什么需要单元测试？必要性：JavaScript 缺少类型检查，编译期间无法定位到错误，单元测试可以帮助你测试多种异常情况。 正确性：测试可以验证代码的正确性，在上线前做到心里有底。
27 天前 / 冷星1024
防抖和节流都是应用在高频事件触发场景中，例如 scroll（滚动加载、回到顶部）、input（联想输入）事件等。防抖和节流核心实现思想是在事件和函数之间增加了一个控制层，达到延迟执行的功能，目的是防止某一时间内频繁执行一些操作，造成资源浪费。 事件与函数之间的控制层通常有两种实现方式：一是使用定时器，每次事件触发时判断是否已经存在定时器，是本文我们实现的方式。另外一种是记录上一次事件触发的时间戳，每次事件触发时判断当前时间戳距离上次执行的时间戳之间的一个差值（deplay - (now - previous)），是否达到了设置的延迟时间。
28 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 发布 Taro 3.5 canary 发布：支持适配 鸿蒙 https://mp.weixin.qq.com/s/Hud405mLileIEzHX3Z-ueQ Next.js 强劲对手来了！ Remix 正式宣布开源 https://juejin.cn/post/7035952921208422436 文章为什么 Web3 与区块链有关互联网迄今有两个阶段：Web 1.0 和 Web 2.0。 下一个阶段自然就是 Web 3.0（简称 Web3）。本文谈谈我对 Web3 的一些初步理解，它到底是什么。
28 天前 / 九彩拼盘
转眼，2021 即将过去。前端 GOGOGO 从 3 月底发第一篇推文算来，也有 9 月了。期间，遇到了一群热爱前端技术的小伙伴们。感谢大家的支持~ 在新的一年里，前端 GOGOGO 侧重出系列文章。系列文章成体系一点，比碎片文章价值大。欢迎大家提建议和投稿~ 以下是 2021 年文章分类汇总： 代码质量综合代码质量的 4 个阶段 - 3Rs 软件架构介绍可读性友好的 JavaScript：两个专家的故事基础优化前端异常的处理方法汇总优化令人生畏的条件语句的 4 个技巧前端常见的 5 种嵌套太深的场景及解决方案低耦合如何减少前端代码的改动用适配器模式降低耦合一道诡异的题目背后...
29 天前 / Ryan众乐
大厂技术高级前端Node 进阶 点击上方程序员成长指北，关注公众号 回复 1，加入高级 Node 交流群 前言封不平听在耳里，暗叫：“到这地步，我再能隐藏甚么？”仰天一声清啸，斜行而前，长剑横削直击，迅捷无比，未到五六招，剑势中已发出隐隐风声。他出剑越来越快，风声也是渐响，剑锋上所发出的一股劲气渐渐扩展，旁观众人只觉寒气逼人，脸上、手上被疾风刮得隐隐生疼，不由自主的后退，围在相斗两人身周的圈子渐渐扩大，竟有四五丈方圆。