Lightbringer

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布...

话说近年来typescript作为javascript的第二语言越来越流行，听说你是TS高手，但是你的TS注释规范吗？ 规范的TS注释不仅能说明代码意图、直接生成API文档...

vue和react都已经全面进入了hooks时代（在vue中也称为组合式api），如何才能写出高质量的hooks组件？...

Effect 是 react 范式的一个逃生口。它让你跳出 react 并将你的组件与一些外部系统同步，如非 react 小部件、网络或浏览器 Dom 。如果不涉及外部系统...

最近心血来潮打算用vue3+ts写一个背诗的h5（为满足自己的背诗习惯）。工欲善其事，必先利其器。先搭个架子啦！虽然是自己一个人写的项目，但是该有的开发规范也是要有的哦！在...

什么是Domain？如何driven design？这些太过拘于概念，我们以一些实际的例子，来看看，DDD是一种什么思想。 以个人为例，我们拥有年龄、身高、体重这样的属性，...

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网...

在两年多的 React Hooks 使用过程中，我越来越发现大家（包括我自己）对 React Hooks 的使用姿势存在很大误区，归根到底是官方文档的教程很不严谨，存在错误...

webpack在打包的过程中，借鉴了rollup的tree shaking功能，降低了代码打包体积。之前一直是来自书本的理解，就是es module的静态检查功能使得 tr...

推荐先阅读 webpack 入门教程之后再来阅读本文。 webpack 4 最大的改动就是废除了 CommonsChunkPlugin 引入了 optimization.s...

楔子 postMessage 常见于内嵌 iframe 或是 Web Workers 中，用于跨页面（线程） 的消息通信，在一些其他开发环境中也能看到类似的影子，如 Chr...

前言 学习nestjs之前，最重要的是学习它的依赖注入原理以及express框架源码大致原理（默认nestjs在express基础上添加功能）。 所以本篇就围绕这两个点写一...

它是一种非常方便的方案，可以帮助你解耦你的代码。让层、模块和服务尽量独立。不仅可以独立发布、部署，还可以让你从一个项目迁移另一个项目的时候也更加容易。...

前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发...