04 2018 档案

摘要:很多人在使用vue-cli开发项目的时候,在涉及到上拉下拉加载事件的时候,很多人会使用better-scroll,出于好奇,写了个小demo来测试了一下。 安装:npm install --save better-scroll 代码如下: 这里要特别注意的是wrapper要设置高度才行,否则不会生效 阅读全文
posted @ 2018-04-19 11:49 乐得逍遥 阅读(139) 评论(0) 推荐(0) 编辑
摘要:<ul id="ul"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> let el = document.querySelector('#ul') el.addEventListener('click',function(e){ if (e.t 阅读全文
posted @ 2018-04-19 10:11 乐得逍遥 阅读(438) 评论(0) 推荐(1) 编辑
摘要:当我们在开发vue-cli项目的时候,通常前期需要将项目的地基搭建起来,然后才是开发项目,下面是我整理的关于搭建项目的具体步骤: 一、安装一个最初始的vue-cli项目,不清楚的可以访问这个链接 http://www.cnblogs.com/qiuchuanji/p/7662314.html,这是我 阅读全文
posted @ 2018-04-18 11:40 乐得逍遥 阅读(386) 评论(0) 推荐(0) 编辑
摘要:总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。 创建前/后: 在beforeCreated阶段,vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,$el还没有。 载入前/后:在beforeMoun 阅读全文
posted @ 2018-04-13 15:14 乐得逍遥 阅读(134) 评论(0) 推荐(0) 编辑
摘要:vue是用什么方法来进行渲染的呢? 标准的Vue语法 其中el 获取挂载点里面所有的子节点,然后经过处理之后再将整体插入到挂载点中。文档片段上进行操作DOM,而不会影响到真实的DOM,操作完成之后,我们就可以添加到真实DOM上,这样的效率比直接在正式DOM上修 改要高很多 。 我们先来看个小例子: 阅读全文
posted @ 2018-04-13 13:14 乐得逍遥 阅读(223) 评论(0) 推荐(1) 编辑
摘要:Vue是一个提供了MVVM风格的双向数据绑定的Javascript库,专注于View层,也就是视图层。它的核心在于VM,不直接去操作DOM,而是将Model和View连接起来,保证视图和数据的一致性。 Vue的核心是采用 es6的Object.defineProperty来实现双向数据绑定的。 一、 阅读全文
posted @ 2018-04-13 11:10 乐得逍遥 阅读(181) 评论(0) 推荐(1) 编辑
摘要:1.由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。 2.闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它 阅读全文
posted @ 2018-04-12 09:48 乐得逍遥 阅读(122) 评论(0) 推荐(0) 编辑
摘要:实现原理与分析: 要实现滚动到底部或者顶部执行,需要3个元素 1.要获取滚动条垂直滚动的的距离 2.获取整个文档(页面)的整体高度 3.获取窗口可视区域的高度 当滚动条滚动的值为0的时候,那么就是在顶部,如果值大于或者等于文档高度减去窗口可视区域的高度,那么就为底部 具体实现方法: 一、使用原生JS 阅读全文
posted @ 2018-04-10 11:56 乐得逍遥 阅读(265) 评论(0) 推荐(0) 编辑
摘要:this.$router.push({path: '/shopDetails?id=' + '9527'}) this.$router.push({path: '/shopDetails?id=123', query: { id: 123 }}) this.$router.push({path: ' 阅读全文
posted @ 2018-04-02 09:43 乐得逍遥 阅读(97) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示