学习笔记──搭建脚手架(一)──系统创建
前言通过借鉴同事的一个脚手架一步步实现如何去做一个脚手架。Node.js：整个脚手架的运行环境。es6：JavaScript的新语法。commander：TJ大神开发的工具，可以自动的解析命令和参数，用于处理用...
2年前
学习笔记──React──集成测试
集成测试（Integration Testing）在 React 应用中至关重要，通过模拟多个组件或模块之间的交互和用户行为，可以确保整个系统的稳定性和可靠性。结合 Jest 和 React Testing Library，可以编写高...
2年前
学习笔记──搭建脚手架(二)──List功能
由于时间原因，今天实现了一个简单的功能 —— list 功能。当前文件结构cli-table2：内容以表格形式呈现。chalk：色彩丰富的终端工具，可以给终端的字体加上颜色。1、安装依赖cli-table2，cha...
2年前学习笔记──React──路由
基本概念Router：包裹整个应用的路由器组件，常见的是 BrowserRouter 和 HashRouter。Route：定义应用中的各个路由，表示 URL 与组件的映射关系。Link：用于创建可点击的导航链接。Switch：确保...
2年前学习笔记──React──性能优化
常见的性能优化策略1. 使用 React.memo 优化函数组件React.memo 是一个高阶组件，可以缓存组件的输出结果，从而避免不必要的重新渲染。它类似于类组件中的 shouldComponentUpdate。它通过对比前...
2年前
前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间，我们应该尽可能的提高css加载速度，比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况，替你挑选最近的一个具有缓存内容的节点为你提...
2年前从0到1搭建Flutter项目
1.安装 Flutter 开发环境开发环境：Mac 1.1 下载sdkhttps://docs.flutter.cn/release/archive?tab=macos 将下载的 SDK 解压到本地目中文文档：https://docs.flutter.cn/community/china/ 1...
2年前学习笔记──React──依赖安装
一、一些必要的依赖# 安装 Babel 和相关插件npm install @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript babel-loader# 安装 ESLint 和相关插件npm install esli...
2年前学习笔记──React──基本概念
1. JSX描述JSX 是一个 JavaScript 的语法扩展，长得很像 HTML。它被用来描述 UI 的结构，React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言，但它充分利用了 JavaScript 的能力。每个 J...
2年前前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程，大致可以分成五步。很快： 解析HTML【遇到标签加载图片】 —> 构建DOM树很快： 加载样式 —> 解析样式【遇到背景图片链接不加载...
2年前