乐得逍遥

摘要： Vue是一个提供了MVVM风格的双向数据绑定的Javascript库，专注于View层，也就是视图层。它的核心在于VM，不直接去操作DOM，而是将Model和View连接起来，保证视图和数据的一致性。 Vue的核心是采用 es6的Object.defineProperty来实现双向数据绑定的。 一、 阅读全文

摘要： 1.由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。 2.闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它 阅读全文

摘要： 实现原理与分析： 要实现滚动到底部或者顶部执行，需要3个元素 1.要获取滚动条垂直滚动的的距离 2.获取整个文档(页面)的整体高度 3.获取窗口可视区域的高度 当滚动条滚动的值为0的时候，那么就是在顶部，如果值大于或者等于文档高度减去窗口可视区域的高度，那么就为底部 具体实现方法： 一、使用原生JS 阅读全文

摘要： this.$router.push({path: '/shopDetails?id=' + '9527'}) this.$router.push({path: '/shopDetails?id=123', query: { id: 123 }}) this.$router.push({path: ' 阅读全文

摘要： 有些页面需要登录后才能访问，可以进行判断，如果需要登录就重定向 { path: '/hello', name: 'Dcoument', //不使用全局钩子函数监控路由的时候，可以对路由单个使用 beforeEnter (to,from,next) { console.log('访问这个路由时会执行' 阅读全文

摘要： 使用scss详细步骤： 1.安装 npm install node-sass --save-dev npm install sass-loader --save-dev 2.webpack.base.config.js在loaders里面加上 2.在项目入口文件main.js中引入lib-flexi 阅读全文

摘要： let router = new VueRouter({ //点击浏览器的前进后退或切换导航触发 scrollBehavior(to,from,savePosition){ //to 要进入的目标路由对象要去向哪里 //离开的路由对象 从哪里来 //savePosition //记录滚动条的坐标 点 阅读全文

摘要： 项目需求场景： 在开发项目过程中，在项目过于庞大，路由信息非常多的情况下，如果将路由配置信息都放在一个文件里面，那么这个JS是不方便维护的， 那么，这个时候需要我们把这个庞大的路由文件，根据项目功能分类，拆分为几个不同的路由文件。 实现步骤: 1.不管你拆分为几个，最后都是要整合到一个js文件里面的 阅读全文

摘要： 创建好vue-cli后，如果想安装些开发依赖，那么打开cmd，并进入到对应的项目目录里面，使用命令下载要使用的库，下载完毕后可以在package.json中看下载的库是否存在以及版本， 然后在src下面的main.js中import引入进来，main.js是项目的入口，所有公用的方法都需要在里面引入 阅读全文

摘要： <div id="app"> <p @mouseenter="enter" @mouseleave="leave">{{ message }}</p></div> var vm = new Vue({ el: '#app', data: { message: '默认值' }, methods: { 阅读全文