记得点击文章末尾的“ 阅读原文 ”查看哟~
下面先一起看下本期周刊 摘要 吧~
奇舞推荐
■ ■ ■
图解串一串 webpack 的历史和核心功能
提到打包工具,可能你会首先想到 webpack。那没有 webpack 之前,都是怎么打包的呢?webpack 都有哪些功能?为什么这么设计呢?这篇文章我们就来一起探究一下。
Vue 2 模版编译流程详解
vue 会将模板语法编译成 render 函数,通过 render 函数渲染生成 Virtual dom,但是官方并没有对模板编译有详细的介绍,这篇文章带大家一起学习下 vue 的模板编译。
聊聊前端模块化
在上古时期,曾经的 Web 开发者们,应该会因为在一个庞大的 JavaScript 文件中寻找一个小小的函数而感到绝望?或者因为修改一个变量而不得不查找整个代码库?当下的前端开发中,webpack,rollup,vite 等构建打包工具大家应该都用的飞起了。它们都基于一个非常重要的概念 - 前端模块化。在这篇文章中,我们将聊聊前端模块化的发展历程以及主流的一些方案。
技术实践
■ ■ ■
前端实现埋点上报是怎么实现的?
只有了解用户,我们才能服务好用户,而最接近用户的我们,自然要承担起更多的责任。那么在一个企业中,我们要如何去了解用户呢?最直接有效的方式就是了解用户的行为,了解用户在网站中做了什么,呆了多久。而如何去实现这一操作,这就涉及到我们前端的埋点了。
【动画进阶】超有意思的网格下落加载效果
有这么一个动画效果,将按顺序 (又带点随机的效果) 从高处下落进行加载填充动画。当然,我个人认为这个动画有点华而不实,主要体现在这个动画一次需要耗费较长时间,有点消磨人的耐心。不过确实一个很好的 CSS 动画教学案例。而本文,就将具体去剖析这个动画,如果使用纯 CSS,应该如何实现。
不清楚 react hooks 的类型声明?来看就对了
在 React 的开发中,React Hooks 已成为一种常见的编写组件逻辑的方式。然而,对于如何正确地为 React Hooks 进行类型声明,很多开发者仍然感到困惑。本文将为您解决这个问题。我们将探讨 React Hooks 的类型声明方法,并提供示例代码和最佳实践。无论您是初学者还是有经验的开发者,通过本文,您将能够更好地理解如何为 React Hooks 添加类型声明。
拓展边界
■ ■ ■
到底该如何搭建一个新系统
架构设计按照实施过程可分为工程架构,业务架构,部署架构等多个维度,一个好的系统架构标准应该具备可扩展、可维护、可靠性、安全性和高性能等特点。尽管这些特点大家都熟知,但在实际落地时,我们更为迫切的想知道实现这些要求的关键路径,以便在架构设计中融入这些特点。只有这样,才能确保系统能够适应未来的业务增长和交付效率。本文将重点围绕如何进行工程架构设计展开探讨。
神器还是垃圾?那些用 AIGC 编程的人,实践得怎么样了
2020年 GPT-3 推出后,程序员开始尝试使用大模型来辅助编程。2021 年发布的 Copilot 成为开发者们探索的起点,它以 OpenAI Codex 为基础,能根据需求生成代码。Copilot 很受程序员欢迎,但在开发者中存在分化,有人离不开它,有人觉得它不够智能。这种态度分歧至今仍然存在。
关于奇舞团
奇舞团是 360 集团最大的大前端团队,代表集团参与 W3C 和 ECMA 会员(TC39)工作。奇舞团非常重视人才培养,有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择,并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。