05 2017 档案

a 标签的伪类的正确顺序，以及原因
摘要：注意，a 标签的伪类是有顺序的，否则有可能样式不对；lvha， 原因：浏览器的就近原则，举个例子：我定义的顺序是a:visited、a:hover、a:link，这时候就会发现，不管我有没有hover上去，样式都是link的样式的，这是因为鼠标经过的未访问链接同时拥有a:link、a:hover两种属性，在第一种情况下，a:link离它最近，所以它优先满足a:link，而放弃a:hover的重复定... 阅读全文
posted @ 2017-05-28 20:35 杜俊成 阅读(2694) 评论(0) 推荐(0)
学习css3中的动画
摘要：css animations 主要有两块构成，那么是哪两块呢？ keyframes : 定义了什么阶段展示什么样的动画 animation 属性 ：把动画挂载到一个具体的dom上，并且定义如何动起来； keyframes keyframes 是动画的基础，它定义了动画在各个阶段的时间线上应该如何呈现 阅读全文
posted @ 2017-05-26 16:57 杜俊成 阅读(248) 评论(0) 推荐(0)
学习es6中class——整合阮一峰教程、MDN
摘要：导语class只是语法糖，并没有为js引入一种新的对象继承模式，之前通过原型链一样可以实现class的功能；//定义类class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}定义class cl... 阅读全文
posted @ 2017-05-26 12:48 杜俊成 阅读(1885) 评论(0) 推荐(0)
flex 整理 笔记
摘要：flex 会影响float吗？ 设为Flex布局后，子元素的float、clear、vertical-align属性将失效。 flex的两个核心概念：容器 和 轴 容器具有这样的特点：父容器可以统一设置子容器的排列方式，子容器也可以单独设置自身的排列方式，如果两者同时设置，以子容器的设置为准。 父容 阅读全文
posted @ 2017-05-24 23:56 杜俊成 阅读(417) 评论(0) 推荐(0)
面试题中常见的布局类问题总结
摘要：双飞翼布局，圣杯布局 主要是margin为负数的应用负边距的使用；影响文档流位置：会使它们在文档流中的位置发生偏移，相对定位是原来的位子还在，但是影子不见了；负边距则是自己的位置也被移动了；影响文档流宽度：如果元素没有定宽，元素的宽度将会被增加；影响浮动元素位置：比如说下面：#div1 { background-color: red; width: 100%; float: left;... 阅读全文
posted @ 2017-05-24 23:49 杜俊成 阅读(2383) 评论(0) 推荐(0)
跨域问题的总结
摘要：跨域方案问题：跨域问题的本质是浏览器的同源策略，又称同源政策；什么是同源策略？同源是三个相同：“ 域名相同 ” ， “ 端口相同 “ ， "协议相同"。比如说链接http://www.example.com/dir/page.html 上的网页：http://www.example.com/dir2/other.html：同源http://example.com/dir/other.html：不... 阅读全文
posted @ 2017-05-24 23:39 杜俊成 阅读(411) 评论(0) 推荐(0)
js中函数传递参数，究竟是值传递还是引用传递？
摘要：记住真理：　ｊｓ函数传递参数，不管是简单数据类型，还是引用数据类型，都是值传递！！下面是js红包书里面的例子：function setName(obj) { obj.name = "Nicholas"; obj = new Object(); obj.name = "Greg"; }var person = new Object();setName(person);alert(pers... 阅读全文
posted @ 2017-05-24 23:15 杜俊成 阅读(858) 评论(0) 推荐(0)
webpack 从入门到放弃
摘要：问题： 1. 全局变量泛滥，2. 命名冲突， 3. 依赖关系管理，先去加载 a ,在去加载b， 否则就会报错；二，模块化的初级阶段：立即执行函数 var moduleA = function(){ var a, b; return { message: function(c){ alert(a+b+c) } } }() (function(window){ // do som... 阅读全文
posted @ 2017-05-24 14:59 杜俊成 阅读(242) 评论(0) 推荐(0)
浏览器的解析和执行过程
摘要：当浏览器获得一个html文件时，会“自上而下”加载，并在加载过程中进行解析渲染。 解析： 1. 浏览器会将HTML解析成一个DOM树（display:none,visibility:hidden）。DOM 树的构建过程是一个深度遍历过程：当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节 阅读全文
posted @ 2017-05-13 20:59 杜俊成 阅读(1636) 评论(0) 推荐(0)
5分钟带你学习浏览器8大数据存储技术
摘要：浏览器的缓存机制 HTTP文件缓存、LocalStorage、 sessionStorage、cookie、indexDB、webSQL 、CatheStorage、Application Cathe HTTP文件缓存 1、浏览器会先查询Cathe-Control, ( cathe-control 阅读全文
posted @ 2017-05-13 20:24 杜俊成 阅读(1907) 评论(0) 推荐(0)
十分钟彻底理解javascript 的 this指向，不懂请砸店
摘要：函数的this指向谁，和函数在哪里被定义的，函数在哪里被执行的没有半毛钱关系，只遵守下面的规律： 在非严格模式中： 1、自执行函数里面，this永远指向window; 结果请看 2、给元素的某一个行为绑定方法，当行为触发所调用的函数里面this指向的该dom 元素； 但是我要是稍微改一下： 3、看看 阅读全文
posted @ 2017-05-04 20:05 杜俊成 阅读(248) 评论(0) 推荐(0)
深刻理解javascript中函数的三个角色
摘要：如果你此时此刻按下f12 ，就会打开浏览器的控制台； 在控制台 输出一个函数： 就会发现，在ff 函数上挂着两个属性：__proto__和protoype 为什么函数身上会有 __proto__ 属性呢？ __proto__属性对于js初学者来说，最初认识它是通过构造函数； 构造函数生成的实例上有_ 阅读全文
posted @ 2017-05-04 19:33 杜俊成 阅读(332) 评论(0) 推荐(0)