09 2021 档案
摘要：本文介绍用vite脚手架搭建vue3移动端框架，项目中的工程化配置、兼容适配以及mock模拟接口数据介绍。 一、Vite Vite (法语意为 "快速的"，发音 /vit/) 是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成： 一个开发服务器，它基于 原生 ES 模块 提供了 丰
阅读全文
摘要：规范化标准 规范化是我们践行前端工程化中重要的一部分 为什么要有规范化标准 软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每个项目或者团队需要明确统一的标准 哪里需要规范化标准 代码、文档、甚至是提交日志开发过程中人为编写的成果物代码标准化规范最为重要 常见的规范化
阅读全文
摘要：搭建视频：https://zhuanlan.zhihu.com/p/406514947
阅读全文
摘要：module.exports = { env: { 'browser': true, 'commonjs': true, 'es6': true }, extends: 'eslint:recommended', globals: { page: true, REACT_APP_ENV: true
阅读全文
摘要：需将babel-eslint更新为@babel/eslint-parser' 卸载babel-eslint 安装@babel/eslint-parser @babel/preset-react uninstall babel-eslint npm i @babel/eslint-parser @ba
阅读全文
摘要：// 自定义 useInterval Hook import React, { useState, useEffect, useRef } from 'react'; export function useInterval(callback, delay) { const savedCallback
阅读全文
摘要：浏览器的渲染过程 从上面这个图上，我们可以看到，浏览器渲染过程如下： 解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） Pa
阅读全文
