摘要: 一、优化图片加载 ①图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。 ②如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。 ③如果图片为css图片,可以使用CSSsprite,SVGs 阅读全文
posted @ 2019-02-28 14:52 小新没蜡笔哦 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的 阅读全文
posted @ 2018-10-11 16:49 小新没蜡笔哦 阅读(133) 评论(0) 推荐(0) 编辑
摘要: JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: (二)使用数组字面量表示法: join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexO 阅读全文
posted @ 2018-10-11 11:31 小新没蜡笔哦 阅读(213) 评论(0) 推荐(0) 编辑
摘要: //首先看代码 var ary = [1,23,4]; console.log(typeof ary); //输出结果是Object 上面的办法并不能实时的检测出是否是数组,只能判断其类型,用以获取一个变量或者表达式的类型,所以说typeof判断基本类型数据还是挺好的,但是不能准确测试出是否是数组。 阅读全文
posted @ 2018-10-10 19:44 小新没蜡笔哦 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 所谓的浏览器兼容性问题,是指因为不同的浏览器对不同的代码有不同的解析,造成页面效果显示不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 浏览器兼容性问题汇总J 阅读全文
posted @ 2018-10-10 11:52 小新没蜡笔哦 阅读(787) 评论(1) 推荐(1) 编辑
摘要: 全局注册 Vue.component('my-component-name', { // ... 选项 ... }) 这些组件是全局注册的,也就是说它们在注册之后可以用在任何新创建的Vue根实例(new Vue)的模板中。比如: js中: Vue.component('component-a', { /* ... */ }) Vue.component('component-b', { /*... 阅读全文
posted @ 2018-08-21 20:40 小新没蜡笔哦 阅读(1309) 评论(0) 推荐(0) 编辑
摘要: 接口函数就是某个模块写了(主要)给其他模块用的函数,简单来说接口函数就是类中的公有函数。接口函数和调用函数是有区别的,接口函数要重定义方法才能被调用,调用函数可理解为已经重写方法的接口函数。例如: APP_int()是接口函数,APP_call()是可直接调用的函数。接口函数里有一个未实现的方法要通 阅读全文
posted @ 2018-08-21 20:39 小新没蜡笔哦 阅读(490) 评论(0) 推荐(0) 编辑
摘要: 方法一:利用冒泡解决该问题 方法二、进行遍历 阅读全文
posted @ 2018-08-21 20:33 小新没蜡笔哦 阅读(1177) 评论(0) 推荐(1) 编辑
摘要: 一、通过js的编程的方式 二、直接修改地址栏中的路由地址 三、通过router-link实现跳转 阅读全文
posted @ 2018-08-21 19:09 小新没蜡笔哦 阅读(976) 评论(0) 推荐(0) 编辑
摘要: bootstrap缺点:css太重,牵一发而动全身 bootstrap框架的栅格布局原理:flex布局 栅格布局实现原理 •把网页总宽度平分为12分,开发人员可以自由按分组合,以便开发出简洁方便的程序 •仅仅通过定义容器大小、平分12分,再调整内外边距,最后结合媒体查询,就制作出强大的响应式栅格系统 阅读全文
posted @ 2018-08-21 18:51 小新没蜡笔哦 阅读(1543) 评论(0) 推荐(0) 编辑