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