摘要: 一、理解混入合并的规则 1.data ,同名以组件为准 data (){ return{ } } 2.create 等钩子函数, 先运行mix,再运行组件内 3.methods,components等, 内同名,以组件为准 二、理解局部混入和全局混入 1.局部混入 创建mixin.js文件, 在需要 阅读全文
posted @ 2021-08-09 16:06 BenBonBen 阅读(1565) 评论(0) 推荐(0) 编辑
摘要: v-html输出一段 html代码,可能 ‘\n’ 等换行字符失效此时要加个css white-space: pre-wrap; 就能成功换行 normal连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。nowrap和 normal 一样,连 阅读全文
posted @ 2021-08-05 11:08 BenBonBen 阅读(2268) 评论(0) 推荐(0) 编辑
摘要: 1.冒泡排序法 var arr = [1,4,54,6,2,3,19] var medium = null; for (var j = 0; j <= arr.length-1; j++) { var flag = true; for (var i = 0; i <= arr.length-1-j; 阅读全文
posted @ 2021-08-04 15:02 BenBonBen 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 1.原生js,需搭配input 框使用,input 框不能hidden ,不能display:none。 可以设置成透明度为0 var input = document.getElementById("input"); input.select(); // 选中文本 document.execCom 阅读全文
posted @ 2021-07-13 18:12 BenBonBen 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 外部页面跳转微信 或者小程序 原理都是用Scheme 唤醒微信 最为简单 location.href = 'weixin://';唤醒小程序稍微复杂点,最近有个需求 是在H5落地页 唤醒小程序镶嵌的webview 页面,搭配微信云开发使用。 async function test() { var c 阅读全文
posted @ 2021-07-13 18:06 BenBonBen 阅读(1986) 评论(0) 推荐(0) 编辑
摘要: Hash: 使用URL的hash值来作为路由。支持所有浏览器。 History: 以来HTML5 History API 和服务器配置。参考官网中HTML5 History模式 Abstract: 支持所有javascript运行模式。如果发现没有浏览器的API,路由会自动强制进入这个模式。 has 阅读全文
posted @ 2021-07-12 17:32 BenBonBen 阅读(1266) 评论(0) 推荐(0) 编辑
摘要: 效果:https://xmtc88.com/index开发一个官网的时候,遇到这种整屏切换需求,并且滚轮控制切换。swiper有类似效果,但是感觉不符合我的理想效果话不多说 上代码。 滚动监控主要用到 addEventListener('mousewheel', this.handleScroll, 阅读全文
posted @ 2021-07-09 15:06 BenBonBen 阅读(363) 评论(3) 推荐(0) 编辑
摘要: 1.for (... in ...) for(var i in obj){ return true; //如果不为空,返回true } return false; //如果为空,返回false 2.JSON.stringify() if(JSON.stringify(data) '{}'){ ret 阅读全文
posted @ 2021-07-02 15:50 BenBonBen 阅读(744) 评论(0) 推荐(0) 编辑
摘要: 五、eventBus eventBus 又称为事件总线,在vue中可以使用它来作为沟通桥梁的概念, 就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件, 所以组件都可以通知其他组件。 缺点:eventBus也有不方便之处, 当项目较大,就容易造成难以维护的灾难 在Vue的项目中怎么 阅读全文
posted @ 2021-07-01 13:51 BenBonBen 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 三、provide/ inject (使用于多层渗透父子组件) provide/ inject 是vue2.2.0新增的api, 简单来说就是父组件中通过provide来提供变量, 然后再子组件中通过inject来注入变量。 注意: 这里不论子组件嵌套有多深, 只要调用了inject 那么就可以注入 阅读全文
posted @ 2021-07-01 11:25 BenBonBen 阅读(229) 评论(0) 推荐(0) 编辑