正则 正则表达式概念Regular Expression 正则表达式是用于匹配字符串中字符组合的模式(文本搜索/替换) 正则表达式是对象 这些模式被用于 RegExp 的 exec 和 test 方法,以及 String 的 match、matchAll、replace、search 和 split 方法。 可以简化字符串操作 123456789// 举个例子, 提取字符串中的数字let st 2022-07-11 JS > 正则 #字符串 #正则
Vue源码解析 (更新中) 数据响应式原理将数据变为响应式1234567891011121314151617181920212223// 让 data 变为响应式// let val 临时变量也是可以的, 但是不美观, 可以封装到函数 defineReactive 中 , 也方便复用export default function defineReactive(data, key, val) { / 2022-07-10 Vue > Vue源码解读 #双向绑定 #虚拟DOM
你不知道的JS (更新中)作用域和闭包编译原理传统编译语言分词/词法分析将由字符组成的字符串分解成有意义的代码块(词法单元 token) var a = 2; 会被拆为 var、a、=、2、; 解析/语法分析将词法单元流(数组)转换成抽象语法树(Abstract Syntax Tree, AST) var a = 2; 的抽象语法树中可能会有一个叫作 Variab 2022-07-10 书籍 #JS #作用域 #this #对象 #原型
Git Git 初始化用户设置设置用户名 git config –global user.name lwj 设置邮箱 git config –global user.email 619500828@qq.com 初始化git init 多了一个 .g 2022-07-09 Git
vue3 vue3构建与结构使用 vite 快速构建一个 vue3 项目1234567891.初始化// yarn create vitenpm init vite@latest2.进入文件夹后安装依赖包npm install3.启动()npm run dev main.jsvue2 123456import App from './App.vue'const vm = new V 2022-07-01 Vue
npm nvm nrm npm介绍Node Package Manager NodeJS包管理和分发工具 npm 规定在项目根目录中必须提供一个 package.json 包管理配置文件,记录与项目相关的配置信息,如: 项目的名称、版本号、描述等 项目中用到了哪些包 哪些包只会在开发期间使用 哪些包在开发和部署时都会使用 常用指令安装包1234567891011// 默认为 当前文件夹安装 最新版本 写入package. 2022-06-30 包管理工具
Vite Vite(未完)参考官方文档 Vite的优势更快的服务器启动Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类,改进了开发服务器启动时间 依赖 大多为在开发时不会变动的纯 JavaScript。 Vite 将会使用 **esbuild 预构建依赖**。Esbuild 使用 Go 编写,并且比以 JavaScript 编写的打包器预构建依赖快 10-100 倍。 源码 通常包含一些并非 2022-06-30 vite #vite
pinia Pinia介绍什么是 piniaVue 的状态管理库,会逐渐取代 Vuex pinia 的优势1.完全支持 ts 2.移除了 mutations,actions 同时支持同步和异步 3.轻量 压缩后体积只有 1kb 左右 4.没有模块嵌套,只有 store,每一个 store 都是独立的 5.store 一旦创建便会自动添加,无需手动添加 store 6.支持 vue2 与 vue3 使用安装 p 2022-06-28 Vue #Vue #状态管理
变量提升与函数提升 变量提升与函数提升变量提升只有var定义的变量才会被提升 只提升声明,不提升赋值 123console.log(a);// undefinedvar a= "hello world";console.log(a);// "hello world" 函数提升只提升函数声明式,不提升函数字面量式 1234//函数声明式function bar () &# 2022-06-27 JS > 基础
前端性能优化 前端性能优化的手段减少 http 请求 base64 处理图片 减少重定向 使用缓存 不使用 css 的 @import 减少资源太小(压缩) webpack 压缩 html HtmlWebpackPlugin 配置 minify 压缩 css optimize-css-assets-webpack-plugin 压缩 js mode: ‘production’ (自动使用 ter 2022-06-24 优化 #JS #性能优化