2021年4月9日
Vue中静态地址的使用方式
摘要： 处理资源路径 当你在JavaScript、CSS或 *.vue 文件中使用相对路径，必须以.开头引用一个静态资源，该资源将被webpack处理。 如果你把静态资源放在 public文件中，则不会被webpack处理。 路径的转换规则 如果路径是绝对路径，会被原样保留 <img src="/src/a 阅读全文
posted @ 2021-04-09 23:15 yuxi2018 阅读(907) 评论(0) 推荐(0) 编辑
Vue中自动化引入样式及组件样式穿透
摘要： Vue中自动化导入样式 在程序启动之初先把需要的文件加载进来，在其它文件中可以大胆的使用 npm i -D style-resources-loader 在Vue中的配置 // vue.config.js const path = require('path') function addStyleR 阅读全文
posted @ 2021-04-09 23:09 yuxi2018 阅读(250) 评论(0) 推荐(0) 编辑
Vue中的全局混入或局部混入
摘要： 混入mixin的概念 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能. 如果一个组件、过滤器、方法等使用频率很高，就可以使用混入的方式。方便复用，以免一个个引入. 定义混入对象 // mixin.js import comTitle from 'common/co 阅读全文
posted @ 2021-04-09 21:31 yuxi2018 阅读(689) 评论(0) 推荐(0) 编辑
2021年4月8日
Vue中定义全局过滤器
摘要： 定义过滤器格式化方法 tools/filters.js // 格式化方法 function currencyFormat(value, symbol = '￥') { return symbol + value; } // 导出多个 export { currencyFormat } 在main.j 阅读全文
posted @ 2021-04-08 23:51 yuxi2018 阅读(98) 评论(0) 推荐(0) 编辑
2021年4月4日
VideoJS的使用记录
摘要： VideoJS Video.js 是专为 HTML5 世界而打造的网络视频播放器。它支持 HTML5 视频和现代流媒体格式，以及 YouTube、Vimeo 甚至 Flash。支持在 PC 和 移动设备 上播放视频 官网、GitHub、下载DEMO 基本使用 <!doctype html> <htm 阅读全文
posted @ 2021-04-04 09:37 yuxi2018 阅读(402) 评论(0) 推荐(0) 编辑
2021年3月29日
理解Vue中的diff算法原理
摘要： 关于真实的DOM 重绘和重排 ** 重绘不一定需要重排，重排必然会导致重绘** 重排： 渲染树需要重新计算 页面渲染初始化 元素的尺寸改变(盒模型的几何属性，如: 外边距、内边距、边框宽度、宽、高) 添加、删除可见Dom 元素的位置改变 浏览器窗口尺寸的改变 获取某些属性时，如：offsetTop, 阅读全文
posted @ 2021-03-29 19:13 yuxi2018 阅读(682) 评论(0) 推荐(0) 编辑
2021年3月2日
抄作业 - 理解 async/await
摘要： 了解 async/await 更优雅的异步处理的解决方案 async/await 是基于 Promise 的进一步的一种优化，处理方式更加优雅。 从字面意思上理解async/await: async 是异步的意识，await 有等待的意思，而两者的用法上也是如此。async用于声明一个异步的 fun 阅读全文
posted @ 2021-03-02 16:23 yuxi2018 阅读(108) 评论(0) 推荐(0) 编辑
抄作业 - 理解Promise
摘要： 了解 Promise ? Promise 是一种异步编程的解决方案；有三种状态，pending (进行中)、resolved(已完成)、rejected(已失败)。当Promise的状态由 pending 转变为 resolved 或 rejected 时，会执行相应的方法。状态一旦改变，就无法再次 阅读全文
posted @ 2021-03-02 16:20 yuxi2018 阅读(100) 评论(0) 推荐(0) 编辑
2021年1月5日
CSS3 自适应布局 vw\wh 单位及 calc() 计算使用
摘要： 视口单位 vw、vh 视口单位中的“视口”，桌面端指的是浏览器的可视区域；移动端指的是Viewport中的Layout Viewport，视区所指为浏览器内部的可视区域大小，即 window.innerWidth/window.innerHeight大小，不包含任务栏标题栏及底部工具栏的浏览器区域大 阅读全文
posted @ 2021-01-05 11:35 yuxi2018 阅读(1189) 评论(0) 推荐(0) 编辑
2020年12月19日
依赖注入provide和inject
摘要： 依赖注入 provide() 和 inject() 可以实现嵌套组件之间的数据传递 两个函数只能在 setup() 函数中使用 父组件中使用 provide() 函数向下传递数据 子组件中使用 inject() 函数获取上层传递过来的数据 共享普通数据 // 父组件 import { provide 阅读全文
posted @ 2020-12-19 20:32 yuxi2018 阅读(323) 评论(0) 推荐(0) 编辑