摘要: 什么情况下会使用到页面加载进度条? 当页面中的需要加载的内容很多,用户直接进入则看不到任何内容,体验不好,这个时候就需要使用到页面加载的一个动画,在页面加载结束后再 显示主体内容。 实现页面加载进度条有哪几种方式? 一般可分为两种, 1.设置多少时间后显示页面, 2.根据页面加载的文档状态来实现 如 阅读全文
posted @ 2018-10-21 08:23 乐得逍遥 阅读(738) 评论(0) 推荐(1) 编辑
摘要: 通常在与后端进行接口对调的时候,后端往往会返回一大堆的数据,以前我们往往会这么做: var obj = { name: 'name', age: '20' }; var name = obj.name; var age = obj.age; 以这样的形式来去取出需要的数据,但是如果在数据量非常多的情 阅读全文
posted @ 2018-09-17 22:51 乐得逍遥 阅读(582) 评论(0) 推荐(0) 编辑
摘要: var 与 let 的区别? 1.var支持变量预检测,let不支持 console.log(a); // undefined 程序不会报错 var a = 1; console.log(b); //程序报错 b is not defined let b = 2; 2.let 不支持重复声明 var 阅读全文
posted @ 2018-09-17 22:13 乐得逍遥 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 1.在拓展插件里面下载cssrem安装 2.安装结束后重启 3. 这里设置你要根据多少数字来计算rem,填写完毕后重启 4. 这里会进行计算。 阅读全文
posted @ 2018-09-17 12:01 乐得逍遥 阅读(6985) 评论(0) 推荐(0) 编辑
摘要: 当页面中图片很多的情况下,如果不做图片预加载,在图片没加载出来之前去访问,那用户看到的就是一片空白,影响用户体验, 这个时候图片预加载就非常重要了。 在进入主体页面之前先做一个loading出来,显示图片加载进度,加载完毕了再进入实际页面。 代码如下: HTML JS 实现效果如下: 这样在切换的时 阅读全文
posted @ 2018-09-16 09:41 乐得逍遥 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 很多人在使用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 乐得逍遥 阅读(435) 评论(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 乐得逍遥 阅读(222) 评论(0) 推荐(1) 编辑