随笔分类 - 前端
摘要：https://zhuanlan.zhihu.com/p/640499290 Typescript 类型基础 Typescript 的类型系统非常强大，它可以让你通过类型操作符基于现有的类型创建出新的类型。在面对复杂的类型需求的时候，可以通过下面的常见类型操作使类型创建更加简单、代码更加容易维护。
阅读全文
摘要：1 场景 有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。另一个场景是，有时需要以文本格式传递二进制数据，那么也可以使用 Base64 编码。 所谓 Base64 就是一种编码方法，可以将任意值转成
阅读全文
摘要：步骤： 1、按照官网文档配置按需自动导入 https://element-plus.org/zh-CN/guide/quickstart.html#%E6%8C%89%E9%9C%80%E5%AF%BC%E5%85%A5 2、在.vue单文件组件中手动引入了组件 3、结果：组件样式就不自动导入了 4
阅读全文
摘要：属性 | 值 | 说明 | CSS | | | | | | background-color | 指定要使用的背景颜色 | 1 | | background-position | 指定背景图像的位置 | 1 | | background-size | 指定背景图片的大小 | 3 | | backgr
阅读全文
摘要：自定义退出 默人情况下，uniapp APP 会在 第一次按退出时， 提示 “APPName:再按一次退出应用”，其中 APPName是配置的应用名称，“再按一次退出应用”是国际化自定义的内容。 在连续两次按退出 后，才会退出应用。 如果想自定义退出提示语和退出方式，可以在 onBackPress
阅读全文
摘要：图片下载 后端给的图片格式是 base64 码（'data:image/jpeg;base64,xxxxxxxxx' ） 一、直接 a 标签下载 const a = document.createElement('a') const filename = 'picName.jpeg' a.href
阅读全文
摘要：https://www.cnblogs.com/Zkhaihai/p/haihaihai.html https://blog.csdn.net/tearon/article/details/127683463 淘宝镜像： https://registry.npm.taobao.org/ 会跳转到 h
阅读全文
摘要：1 使用情景 box使用了flex布局，让div1和div2两端对齐，box未设置宽度，其宽度是自适应的，div2的宽度是固定的，div1的宽度理想状态是box的宽度减去div2的固定宽度。 简单来说就是要求，div2固定宽度，div1宽度自适应占满剩余空间。 2 问题 div1长度没超长的时候，没
阅读全文
摘要：版本：VueI18n 9.x 问题： 在 单独的 文件中使用 useI18n() , 而不是在 setup() 中直接使用 const { locale } = useI18n({ useScope: 'global' }) 一不小心，就会报错： Must be called at the top
阅读全文
摘要：Vue 版本：3.0.0 出现的问题： 在 setup() 中 onMounted() onActivated()，出现警告： [Vue warn]: onMounted is called when there is no active component instance to be assoc
阅读全文
摘要：1、PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 14.1寸、15.
阅读全文
摘要：ESLint是一种用于识别和报告ECMAScript/JavaScript代码中发现的模式的工具，目的是使代码更加一致并避免bug。 使用 Espree 来将 JS 转化为 AST（ abstract syntax tree，抽象语法树），进而根据规则分析词法和语法，并修复代码格式。 1、安装 #
阅读全文
摘要：1、前言 前端项目开发过程中，由于团队成员每个人的开发习惯和代码风格不同，最终提交到git仓库的代码格式不统一对团队间的协作产生阻碍，因此使用工具来自动和强制统一代码格式是一个好的选择。 2、Prettier / Stylelint / ESlint Prettier / Stylelint / E
阅读全文
摘要：Accessing the list of commands yarn help Starting a new project yarn init Installing all the dependencies yarn yarn install Adding a dependency yarn a
阅读全文
摘要：const img = document.getElementById("img") axios.get('http://localhost:8410/avatar.png', { responseType: 'blob' }).then(res => { console.log('avatar h
阅读全文
摘要：https://www.cnblogs.com/goloving/p/12826067.html
阅读全文
摘要：##1、情况说明 1）有多个Echarts 图表，且每个作图的内容 是单独的组件 2）使用 v-show 指令切换显示 图表，每次只显示一个 index 就是索引号，每次切换 <data-chart key="0" v-show="index 0" :index="index" :type='0'
阅读全文
摘要：一般使用底部导航的方法是：在需要导航的页面中加 导航组件，在这个导航组件中处理页面跳转行为 如果使用keepalive缓存页面， 可能会有一些不正常表现： 1、页面切换，导航组件不重新渲染 2、导航title 高亮错误，即，点击A页面标题，亮起来的却是B页面标题 处理方法： 1、在使用 导航组件时，
阅读全文
浙公网安备 33010602011771号