摘要： 1.底部tab栏的ios兼容，ios的底部大横条 解决方案：css中设置 padding-bottom: calc(env(safe-area-inset-bottom) / 2); 阅读全文

摘要： 一、变化侦测篇 众所周知，Vue最大的特点之一就是数据驱动视图，数据驱动视图简单来说就是数据变化引起视图变化 在Angular中是通过脏值检查流程来实现变化侦测；在React是通过对比虚拟DOM来实现变化侦测 我们把"谁用到了这个数据"称为"谁依赖了这个数据",我们给每个数据都建一个依赖数组(因为一 阅读全文

摘要： 1.destoryed中我们可以销毁定时器，解绑全部指令及事件监听，清除全局事件等 mounted() { let self = this; window.onresize = () => { //监听窗口变化，重绘echarts return (() => { if (!!self.fansCom 阅读全文

摘要： 1.通过props传递 父传子 2.通过$emit触发自定义事件 子传父 3.使用ref可以在父组件中获取以及改变子组件data，调用子组件事件 父得子 4.子组件中使用$parent获取改变父组件的data数据，动用父组件方法 子得父 5.通过EventBus构建一个中央时间总线，一个兄弟组件通过 阅读全文

摘要： VUE生命周期 beforeCreate ： 第一个生命周期函数，表示实例在完全创建出来之前会执行它，在执行它时，data和methods中的数据都还未初始化。 beforeCreate -> created： 初始化vue实例，进行数据观测 created： 第二个生命周期函数，完成数据观测，此时 阅读全文

摘要： 引用地址： <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> 1.AngularJS 指令 angular自定义属性可以ng-或者是data-ng-开头 1）ng-app=" " 定义 阅读全文

摘要： 一，防抖的运用 <template> <div> 搜索:<input type="text" v-model="value" @keydown="clickRun" /> </div> </template> <script> /** * @desc 函数防抖 * @param func 目标函数 阅读全文

摘要： 复制文本 v-clipboard可以用在任何静态或动态元素上。当元素被点击时，指令的值会被复制到剪贴板上 npm install --save v-clipboard import Vue from 'vue' import Clipboard from 'v-clipboard' Vue.use( 阅读全文

摘要： echo.js下载地址： https://github.com/helijun/documents/tree/master/plugin/echo 阅读全文

摘要： 1. 不使用路由懒加载时： 当打包构建应用时，js包会变得非常大，影响页面加载 2. 使用路由懒加载时： 路由懒加载会将路由对应的组件打包成为一个个的js代码块 只有在这个路由被访问时，才加载对应的组件 { path: '/keyword-protect', name: 'keyword-prote 阅读全文