08 2021 档案

vite+vue3.0项目从零搭建记录
摘要：ui-项目 技术栈 ​ vue 、vite 、antd、axios、less、moment、eslint、git、yarn等 开发环境 node>=12.0.0、VSCode 项目创建 初始化项目--默认vue模板 yarn create @vitejs/app ui-demo --template 阅读全文
posted @ 2021-08-24 14:37 小L同学 阅读(792) 评论(0) 推荐(0)
perttire配置
摘要：项目引入 yarn add prettier -D 如果你使用eslint，那么你还可以做如下配置 yarn add eslint-config-prettier -D // 继承规则 extends: ["plugin:vue/essential", "airbnb-base", "prettie 阅读全文
posted @ 2021-08-24 14:35 小L同学 阅读(289) 评论(0) 推荐(0)
eslint记录
摘要：module.exports = { // 运行环境 env: { browser: true, es2021: true, node: true }, // 继承规则 extends: ["plugin:vue/essential", "airbnb-base", "prettier"], // 阅读全文
posted @ 2021-08-24 14:34 小L同学 阅读(91) 评论(0) 推荐(0)
babel使用记录
摘要：babel详解 为什么要使用babel？es6之后的一些语法特性，部分浏览器不支持，所以需要把开发代码翻译成浏览器可理解的运行代码。 作用 语法转换 通过 Polyfill 方式在目标环境中添加缺失的特性 源码转换 (codemods) babel的工作原理 Code ⇒ AST ⇒ new AST 阅读全文
posted @ 2021-08-24 14:33 小L同学 阅读(117) 评论(0) 推荐(0)
vite使用mock插件(vite-plugin-mock)记录
摘要：1. 依赖的安装 # 使用 npm 安装 npm install mockjs vite-plugin-mock -D # 使用 yarn 安装 yarn add mockjs vite-plugin-mock -D 2. 在 vite.config.js 中使用vite-plugin-mock插件 阅读全文
posted @ 2021-08-24 14:32 小L同学 阅读(15392) 评论(11) 推荐(1)
react-demo-脚手架搭建
摘要：一. react项目搭建 技术点： React + antd + typescript 创建项目: yarn create react-app myapp 引入antd: yarn add antd 引入typescript yarn add typescript @types/node @type 阅读全文
posted @ 2021-08-04 15:14 小L同学 阅读(78) 评论(0) 推荐(0)
webpack项目重构问题记录
摘要：一. PC适配问题 下载插件 npm install -S lib-flexible （可以使用rem作为单位，在根元素html上设置font-size） npm install -D postcss-px2rem (编译运行或者打包时，项目中的px，转换为rem) 修改node_modules中 阅读全文
posted @ 2021-08-04 15:08 小L同学 阅读(102) 评论(0) 推荐(1)
05-06开发问题记录
摘要：问题总结 上周开发遇到了一个问题 表象： ​ 通过数组循环生成一个组件列表，在第一个组件写入数据之后，当在数组首位添加一个数据的时候，发现之前首位组件的数据，被渲染到了，新添加的首位组件上。并且之前的首位组件，数据也被清空。 原因: 和组件的Key相关，v-for指令渲染时，会通过key值，进行数据 阅读全文
posted @ 2021-08-04 15:06 小L同学 阅读(50) 评论(0) 推荐(0)