摘要:
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: { 阅读全文