07 2021 档案

vue ElementUI中dispatch和broadcast事件派发（通过mixin引入使用）
摘要：function broadcast(componentName, eventName, params) { this.$children.forEach(child => { var name = child.$options.componentName; if (name componentNa 阅读全文
posted @ 2021-07-20 12:28 吃饭七分饱 阅读(264) 评论(0) 推荐(0)
js 点击dom之外区域判断
摘要：添加监听事件,closest方法判断是否在dom内 window.addEventListener('click', function(e) { if(e.target.closest(".country")) { // 点击当前元素处理操作 } else { //点击非当前元素，需要执行的代码 } 阅读全文
posted @ 2021-07-20 11:18 吃饭七分饱 阅读(620) 评论(0) 推荐(0)
vue项目chorme浏览器关闭自动填充密码
摘要：chrome浏览器中输入框为password类型会提示保存密码和自动填充密码 如何取消呢 input password类型设置autocomplete="new-password" text类型设置autocomplete="new-text" 阅读全文
posted @ 2021-07-09 10:17 吃饭七分饱 阅读(994) 评论(0) 推荐(0)
nginx部署静态资源图片404问题
摘要：https://www.cnblogs.com/mashuqi/p/10951551.html 阅读全文
posted @ 2021-07-07 17:56 吃饭七分饱 阅读(262) 评论(0) 推荐(0)
vue-cli4 cdn配置
摘要：vue.config.js文件中配置externals 免费的cdn资源库 http://www.staticfile.org/，测试环境可用，正式环境替换为自己公司的cdn地址 阅读全文
posted @ 2021-07-07 17:52 吃饭七分饱 阅读(346) 评论(0) 推荐(0)
vue高级异步组件封装
摘要：import LoadingComponent from '../../components/Async/LoadingComponent.vue' import ErrorComponent from '../../components/Async/ErrorComponent.vue' expo 阅读全文
posted @ 2021-07-06 16:44 吃饭七分饱 阅读(340) 评论(0) 推荐(0)
vue币安长列表虚拟滚动原理分析
摘要：今日研究币安前端技术，发现币安几乎所有长列表都是采用虚拟滚动的方式，看了一下dom结构 发现采用了绝对定位的方式 原理分析： 1. 子节点高度写死，父级高度则为所有子节点数*子节点高度 2. 子节点采用绝对定位（通过:style动态设置父节点高度和子节点top值） 3.监听滚动判断该渲染哪一部分子节 阅读全文
posted @ 2021-07-05 10:49 吃饭七分饱 阅读(109) 评论(0) 推荐(0)
vue 旧页面beforeDestory和新页面的生命周期顺序问题
摘要：旧页面beforeDestory执行顺序是在 新页面mounted之前，created之后执行的 所有在beforeDestory执行的某些数据操作如果想在新页面created中生效，则需要改为beforeRouteLeave方法，在数据处理完后调用next()跳转到新页面 页面测试一下之后发现，实 阅读全文
posted @ 2021-07-05 10:07 吃饭七分饱 阅读(1237) 评论(0) 推荐(0)