• 奇舞推荐

  • 图解串一串 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 很受程序员欢迎,但在开发者中存在分化,有人离不开它,有人觉得它不够智能。这种态度分歧至今仍然存在。

    拓展边界