前端
18篇文章 · 0订阅
  • React17源码解析(5) —— 全面理解diff算法
    react 源码解析，本章节将结合源码解析 diff 算法，包括如下内容：react diff 算法的介绍、diff 策略、diff 源码解析
    前端 React.js
    React17源码解析(5) —— 全面理解diff算法
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 2022 该怎么选择 monorepo 的管理工具（上）
    什么是 build system？在软件开发中，构建一般指的是将源码转换成能被机器认识的二进制可执行文件。如果在单个项目中，例如一个使用 TypeScript 为语言开发的项目，如果不考虑其它的问题。
    前端 架构
    2022 该怎么选择 monorepo 的管理工具（上）
  • 从零开始教你使用 storybook + rollup 搭建一个属于自己的 React UI 组件库
    本篇文章我会教大家如何从零开始搭建一个属于自己的 React UI 组件库，该方案使用storybook作为UI文档工具，并使用rollup进行打包，支持less及Typescript。
    前端 设计
    从零开始教你使用 storybook + rollup 搭建一个属于自己的 React UI 组件库
  • React项目配置ESlint总结
    我们可以更具项目的需要增减eslintrc里面的配置信息，具体的配置需要到eslint的官网上面查看。 7.现在的项目一般都是提交到Gitgub或者Gitlab上管理，我们在提交Git的时候需要对项目进行校验，如果校验不通过，那么就不能进行commit操作，那么此时就需要一个插…
    React.js
  • 一键格式化代码带来的快感 | 你还在为每个项目配置Stylelint和Eslint吗
    大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint，为了解决代码不严谨，通过预设规则校验代码，检测其是否存在错误/漏洞，并对错误/漏洞提示修复方案并尽可能依据修复方案格式化出正确代码。该功能称为…
    CSS JavaScript
    一键格式化代码带来的快感 | 你还在为每个项目配置Stylelint和Eslint吗
  • Eslint + Prettier + Husky + Commitlint+ Lint-staged 规范前端工程代码规范
    记录自己的前端工作流,后面慢慢补充 1.代码规范, Eslint,Prettier 2.git提交规范, husky, commitlint,lint-staged
    前端
    Eslint + Prettier + Husky + Commitlint+ Lint-staged 规范前端工程代码规范
  • 组件库代码规范husky+lint-staged+Eslint+Prettier+Stylelint
    组件库代码规范 husky+lint-staged+Eslint+Prettier+Stylelint 搭建
    Vue.js JavaScript
  • eslint+husky+prettier+lint-staged提升前端应用质量
    1. 引入扫描工具的初衷 目前在梳理前端应用时发现很多代码不规范的地方，包括简单的js问题以及代码格式化的问题，造成了代码可读性下降，另外各种历史代码也是“风格迥异”，一个应用是被来自”五湖四海“人共同维护，难不免有”广式烧腊、天津狗不理“各种口味，更难免的还有”臭味相投“的，…
    前端 ESLint
  • NiceModal：重新思考 React 中的弹窗使用方式
    可能是 React 下最好的弹窗管理实践方案。 经过 `NiceModal` 的封装，好处显而易见：1. 调用过程干净优雅；2. 组件依旧存在于上下文中（可以自定义位置，默认在...
    React.js
    NiceModal：重新思考 React 中的弹窗使用方式