web前端共22篇
学习笔记──搭建脚手架(二)──List功能-131417.net

学习笔记──搭建脚手架(二)──List功能

由于时间原因,今天实现了一个简单的功能 —— list 功能。当前文件结构cli-table2:内容以表格形式呈现。chalk:色彩丰富的终端工具,可以给终端的字体加上颜色。1、安装依赖cli-table2,cha...
本人18的头像-131417.net本人182年前
033710
前端性能优化-131417.net

前端性能优化

一、优化加载速度压缩和合并文件:将多个CSS或JavaScript文件合并成一个文件,减少网络请求次数,使用压缩工具减小文件大小图片优化:使用合适的图片格式、压缩图片大小、懒加载和延迟加载图片...
本人18的头像-131417.net本人182年前
010813
学习笔记──React──性能优化-131417.net

学习笔记──React──性能优化

常见的性能优化策略1. 使用 React.memo 优化函数组件React.memo 是一个高阶组件,可以缓存组件的输出结果,从而避免不必要的重新渲染。它类似于类组件中的 shouldComponentUpdate。它通过对比前...
本人18的头像-131417.net本人182年前
08312
学习笔记──搭建脚手架(三)──Ceate功能-131417.net

学习笔记──搭建脚手架(三)──Ceate功能

今天研究Create功能fs-extra:fs-extra是fs的一个扩展,提供了非常多的便利APIpath:Node.js path 模块提供了一些用于处理文件路径的小工具chalk:chalk,可以给终端的字体加上颜色inquirer:in...
本人18的头像-131417.net本人182年前
04005
学习笔记──React──搭建-131417.net

学习笔记──React──搭建

方法一:使用 create-react-app 搭建 React 项目1. 确保电脑已经安装 Node.js 和 npm2. 安装 create-react-appcreate-react-app 是一个全局命令行工具,可以帮助你创建一个新的 React 项目。npx...
本人18的头像-131417.net本人182年前
08711
Taro | 多端统一开发解决方案-131417.net

Taro | 多端统一开发解决方案

Taro是一个多端统一开发框架,可以帮助开发者使用一套代码同时适配多个小程序和Web平台,如微信小程序、支付宝小程序、百度小程序、字节跳动小程序、QQ 小程序、快应用、H5等。一、特点优势多端...
本人18的头像-131417.net本人182年前
021414
学习笔记──React──生命周期-131417.net

学习笔记──React──生命周期

1. React 组件生命周期概述React 组件的生命周期可以分为三个主要阶段:挂载(Mounting):组件被创建并插入到 DOM 中。更新(Updating):组件的状态或属性发生变化。卸载(Unmounting):组件...
本人18的头像-131417.net本人182年前
05315
学习笔记──React──路由-131417.net

学习笔记──React──路由

基本概念Router:包裹整个应用的路由器组件,常见的是 BrowserRouter 和 HashRouter。Route:定义应用中的各个路由,表示 URL 与组件的映射关系。Link:用于创建可点击的导航链接。Switch:确保...
本人18的头像-131417.net本人182年前
06812
从零搭建Vue SSR应用-131417.net

从零搭建Vue SSR应用

准备安装node(我当前环境版本 v22.2.0)安装yarn或者npm(我当前版本 yarn 1.22.18)安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具,可以快速生成 Nuxt.js 项目的基础...
本人18的头像-131417.net本人182年前
0808
学习笔记──React──基本概念-131417.net

学习笔记──React──基本概念

1. JSX描述JSX 是一个 JavaScript 的语法扩展,长得很像 HTML。它被用来描述 UI 的结构,React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言,但它充分利用了 JavaScript 的能力。每个 J...
本人18的头像-131417.net本人182年前
0838