前端ABCVue：实现双向数据绑定
xiaoqi 发布于 2017-05-03
Vue是如何实现双向数据绑定的呢？答案是前端数据劫持。其通过Object.defineProperty()方法，这个方法可以设置getter和setter函数，在setter函数中，就可以监听到数据的变化，从而更新绑定的元素的值。 实现对象属性变化绑定到UI 大概的思路是： 1....
2017年05月的文章 第10页
js获取、设置元素css属性值
xiaoqi 发布于 2017-05-03
这里以获取html元素宽高为例 js获取html元素宽高有三种方法：1.obj.style.width;2.getComputedStyle和currentStyle(IE)函数 但实际操作上会发现，第一种方法是无法获取到行内设置的元素属性值的，使用obj.offsetWidth...
new的过程，以及__proto__与prototype的关系
xiaoqi 发布于 2017-05-03
说起new，要先说原型链。 机制就是指对象的一个内部链接引用另外一个对象。 如果在第一个对象上没有找到需要的属性或者方法的引用，引擎就会继续在[[prototype]]关联的对象上继续查找，同理，如果后者中也没有找到需要的引用就会继续查找他的[[prototype]].以此类推，...
网页提高加载速度的方法
xiaoqi 发布于 2017-05-03
提高加载速度最本质就是减少页面请求数量，减少请求大小。实现方式主要有 1.图片懒加载，这个推荐使用成熟的库lazysizes，固定宽高值的图片实现比较简单， 固定宽高比的话有几种实现方案： 第一种方案使用padding-top或者padding-bottom来实现固定宽高比。优点...
angular 路由URL中出现#！的解决方法
xiaoqi 发布于 2017-05-03
今天做项目的时候遇到了这个问题，记录一下 在使用angular大于1.6.0的版本时，地址中的 “/” 会自动被解析 而且还会在URL地址中加入#！ 导致路由不能正常的工作，像下面这个路由这样： http://localhost:9000/#!/ 针对此种...
css优化 网页优化
xiaoqi 发布于 2017-05-02
优化主要分为： 1、图片优化 2、css代码优化 3、减少HTTP请求 4、HTML标签语义化 图片优化： 1、图片压缩 ①存储为web所用格式 ②使用压缩工具进行压缩（ps\） 2、选择正确的图片格式 3、加上高度和宽度 4、ALT-代替属性 CSS代码优化： 一、CSS代码优...
从数组中删除指定的元素
xiaoqi 发布于 2017-05-02
方法一： function removeByValue(arr, val) { for(var i=0; i<arr.length; i++) { if(arr[i] == val) { arr.splice(i, 1); break; } } } 方法二： Array.p...
大牛是怎么炼成的？
xiaoqi 发布于 2017-05-02
有时我在想一件事情，我们知道了那么多东西，但是自己为啥还是平平凡凡呢？ 有一天，我突然想到了一个词语“知行合一”，然后马上百度了一下。 就这样我与一本书不期而遇，《知道做到》。 很难想象这是一本只有60几页的畅销书，也很想象就这本书竟然说出了世界上最伟大的真理。 为何我们“知道”...
对于码农而言什么样的代码才能叫做好代码？
xiaoqi 发布于 2017-05-02
好的代码，就像是好的笑话无需解释就能让别人明白。如果你的代码能够做到不解自明，在大多数时候，你根本无需为其配备说明文档。 好的代码，就像是一辆配备了优秀音响和杯架的汽车，这辆车在行驶到最高速度的时候，你听不到噪音，也不用担心水会洒出来。在它出现故障的时候，任何一名修理...
localStorage网页换肤
xiaoqi 发布于 2017-05-01
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>qdabc.cn</title> <style> *{ ...