前端
53篇文章 · 0订阅
  • 通过打包后的源码解析 Webpack 懒加载原理 🤓🤓🤓
    Webpack 的懒加载通过动态 import() 语法实现按需加载模块。它将代码分割成多个独立的 chunk，只有在需要时才加载相应的模块，从而减少初始加载的代码量。通过 SplitChunksPl
    前端 JavaScript Webpack
    通过打包后的源码解析 Webpack 懒加载原理 🤓🤓🤓
  • 实现一个mini编译器，来感受编译器的各个流程
    编译器深度解析：从理论到实践 引言 编译器是计算机科学中的核心概念，它将人类可读的源代码转换为机器可执行的代码。理解编译器的工作原理不仅有助于更好地理解编程语言，还能提升编程能力和系统设计思维。 本文
    前端 JavaScript 编译器
  • 前端-业务-架构
    在构建大型前端项目之前，做好基础业务模块的设计与拆分至关重要。合理的架构可以支持业务快速扩展，降低后期重构成本，提高团队协作效率。本文将从 API 模块化、国际化模块化、资源模块化、工具模块化、组件化
    前端 JavaScript 代码规范
    前端-业务-架构
  • 深入使用 PerformanceObserver
    提到性能监控，你可能会想到performance API，但今天，我想带你一起探索一个更加灵活、强大的工具——PerformanceObserver。
    前端 性能优化
    深入使用 PerformanceObserver
  • IntersectionObserver 能帮你做什么？
    在项目开发中，往往需要去判断一个元素是否被用户看见（进入可视区），而这是为了去实现某些目的，例如优化资源加载和渲染、添加动画效果、判断广告曝光等等
    前端 JavaScript Vue.js
    IntersectionObserver 能帮你做什么？
  • 基于 Konva 实现Web PPT 编辑器（一）
    Konva 提供了高性能的动画，补间，节点嵌套，布局，滤镜，缓存，事件绑定（桌面/移动端）等等功能，本应用基于 konva 实现Web PPT 编辑器，以实现设计编辑、预览、切换、动画等核心功能
    Canvas TypeScript 前端
    基于 Konva 实现Web PPT 编辑器（一）
  • react+Yjs实现简单的协同编辑demo
    协同编辑通常指多个参与方共同合作完成某项任务或目标的行为，它一直是一个技术上具有挑战的领域，其中数据一致性问题尤为复杂，不过现如今已经有比较成熟的方式来解决它，本文主要介绍Yjs实现协同编辑。
    前端
  • 前端进阶高薪必看-手写源码篇
    前言此系列作为笔者之前发过的前端高频面试整理的补充会比较偏向中高前端面试问题当然大家都是从新手一路走过来的感兴趣的朋友们都可以看哈初衷我相信不少同学面试的时候最怕的一个环节就是手写代码大家一定听过这句
    面试
  • React Native 性能优化指南【全网最全，值得收藏】
    2021 年谈 React Native，在日新月异的前端圈，可能算比较另类了。但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native 渲染性能优化指南
    React Native 前端
    React Native 性能优化指南【全网最全，值得收藏】
  • 设计模式ts实战系列(上)
    本文是一系列 ts 的设计模式实战总结，并不是单纯的介绍设计模式，而是从工作中的例子出发，因为这样才能让人体会到设计模式离我们很近。全篇每个设计模式都是从，概念、一句话概括、优缺点、实战几个方面来讲。 设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向…
    TypeScript