前端知识库

小程序前端生成二维码

移动端单位换算使用rem单位适配所有机型，计算公式：100px = 1rem创建 rem.js 文件，在html中引入即可var deviceWidth = document.documentElement.clientWidth;if(deviceWidth > 750) deviceWidth = 750;document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';PC端pc端页面适配使用 vwre

原生js项目——parcel//生成项目配置文件npm init -y//安装打包工具npm install --save-dev parcel-bundler//运行项目npx parcel src/index.html//打包发布npx parcel build src/index.html --no-minify --public-url ./webpack//生成配置文件npm init -y//安装yarn add webpack@5 webpack-cli@4 --d

* { margin: 0; padding: 0; box-sizing: border-box;}ul,ol { list-style: none;}a { text-decoration: none; color: inherit; &:hover { border-bottom: 1px solid; }}

用usb把电脑和手机连接起来确保手机和电脑都有Chromemore tools => Remote devices进入下方链接，这样手机上访问Chrome浏览器的网页就可以从电脑看到点击 inspect，进入的网页相当于是手机页面的控制台...

报错 ‘xxx’ of undefined说明代码中存在：yyy.toString，其中 yyy 是 undefined去文件里面排查，用 console.log

ISO 8601 定义日期和时间的组合表示法合并表示时，要在时间前面加一大写字母T，如要表示北京时间2004年5月3日下午5点30分8秒，可以写成2004-05-03T17:30:08+08:00或20040503T173008+08。d.toISOString()1.得到时间后面的z意思是 zero，是从零时区开始2.和北京时间相对，这个表示标准时间使用...

全局数据管理目前问题：Money和Labels页面在获取标签时分别去localstorage里面取，大家各自为政，因此更新不同步也就是两个组件都是自己fetch到数据，然后parse到新对象解决：让他们复制同一个对象即可1.构造Model将tagListModel和recordListModel内部封装一致分别为：data、create、update、save等2.将数据提到上层Money和Labels的上层是App.vue，再上层是main.ts，负责渲染app的1.在main

问题当 custom.d.ts 里面有 import 时就无法自动导入其他API解决：将 custom.d.ts 拆成两个文件一个叫 global.d.ts 里面不写 import一个叫 custom.d.ts 里面写 import

值和地址的区别store对象里面有值和API当外部进行赋值时:count = store.count：将值复制给countrecordList = store.recordList：将地址复制给recordList问题：1.当store里面的count发生变化时，外部的count并没有任何改变2.当store里面的recordList发生变化时，外部recordList发生变化解决：1.不要用data来获取count，因为它只获取一遍，要用computed——computed：当内部数

问题1：svg文件icon自带颜色无法渲染导入的SVG文件其实是XML语句如果文件里path标签里面，icon本身自带了颜色（fill='red'），那么标签是没办法改颜色的解决：使用loader，批量删除每个SVG文件的fill1.在Vue.config.js中，添加 svgo-loader——o是优化的缩写——这里修改的内容直接抄代码2.删除fill属性3.安装loader：yarn add --dev svgo-loader问题2：vue.config.js 报 eslint

如何解决ESlint报错蓝色波浪线：警告，不用管黄色波浪线：没有加分号，自动格式化红色波浪线：要解决解决方法（核心：还是看提示）1.鸵鸟做法（不推荐）关闭WebStrom提示1.将圆拖到none就是不检查，中间就是弱检查关闭命令行检查在文件最上方添加/*eslint-disable*/这样在提交代码的时候ESlint就不会管2.改代码（根据提示）提示：require不是一个import语句解决：不是import就改为import导入即可3.改配置（根据提示）