04 2022 档案
摘要：目的：路由切换时，组件只是隐藏，而不要销毁，以达到缓存的目的。 实现原理：在切换路由时，让页面不卸载，而是通过 display none 隐藏掉。这样，因为页面没有卸载，所以原来所有的操作都会被保存下来。 将来再返回该页面，只需要 display block 展示即可。这样，就可以恢复原来的内容了
阅读全文
摘要：安装 px 转 vw 的包：npm i -D postcss-px-to-viewport 包的作用：将 px 转化为 vw，所以有了该工具，只需要在代码中写 px 即可 在 craco.config.js 添加相应配置 重启项目，让配置生效 craco.config.js const pxToVi
阅读全文
摘要：1. 基本使用 1.1. 在 public 下 index.html 中引入该文件 图标库 <!-- 字体图标地址： --> <!-- 拷贝项目下面生成的symbol代码：//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js --> <script src="xxxx
阅读全文
摘要：一、按钮权限 根据账号权限决定页面中的按钮是否显示 使用 vue 自定义指令来判断是否拥有按钮的权限 // (1) 全局注册组件 Vue.directive('arrowBtn', { // inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 inserte
阅读全文
摘要：vue-打包-去除console 1. 在 vue.config.js 文件中设置 chainWebpack(config) { config.optimization.minimizer('terser').tap((args) => { args[0].terserOptions.compres
阅读全文
摘要：1. XSS 攻击 人们经常将跨站脚本攻击（Cross Site Scripting）缩写为 CSS，但这会与层叠样式表（Cascading Style Sheets，CSS）的缩写混淆。因此，有人将跨站脚本攻击缩写为 XSS。 XSS 攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入
阅读全文
摘要：js-IntersectionObserver总结
阅读全文
摘要：input/textarea聚焦末尾
阅读全文
摘要：因发送请求获取数据的逻辑基本一致，所以将其封装为自定义hooks，用以简化代码
阅读全文
摘要：在react中配置@符替代src并提供路径提示效果
阅读全文
摘要：本次eslint配置是基于react+ts 1. 在项目中安装eslint及对应的规则的包 npm i eslint -D 2. 配置eslint。执行eslint的命令：npx eslint --init 提供交互界面，用户去选择 恭喜完成配置 根据选择去自动下包 自动生成配置文件 3. 配置开发
阅读全文
