摘要：
0.对自身可视宽度的影响 1>改变处于标准文档流中，未设置width值的block元素的可视宽度 在标准文档流中，对于没有设置宽度的block元素，当其具有内容或者设置高度后，其自身宽度为父元素宽度的100%，这个时候给block元素设置水平方向的margin值，就会改变元素的可视宽度。但是不能改变 阅读全文
摘要：
0.inline元素中的padding 大家都知道padding对于block元素和inline-block元素的影响，而对于inline元素，padding只会在水平方向产生影响，垂直方向不会产生影响。 这么说其实不准确，给inline元素设置垂直方向的padding，不会改变元素的高度，也不会影 阅读全文
摘要：
0.相对定位relative特点 相对定位relative元素总是会占据位置，所占据的位置是在relative元素没有设置left/top/right/bottom属性时的位置； 相对定位relative元素在设置定位时，不会影响其他元素； 相对定位relative元素在设置定位时，是相对于自身的定 阅读全文
摘要：
0.脱离标准文档流 绝对定位的元素会脱离标准文档流，拥有z-index属性，并且对于它的任何操作和改变都不会影响它的兄弟元素和父级元素，这里就不过多介绍。 不过值得注意的是，虽然绝对定位元素脱离的标准文档流，但是它依然会受到父元素影响哦，比如line-height和text-align属性等。 1. 阅读全文
摘要：
0.float与margin 两个相邻的浮动元素，当第一个浮动元素（不论是左浮动还是右浮动）的宽度为100%时，第二个浮动元素会被挤到下面，通过添加负margin-right值（绝对值最少等于它自身的宽度），可以使它回到第一行。 在书写html代码时，我们通常的习惯根据UI样式，从左往右来写代码，但 阅读全文
摘要：
2016的最后一天，多多少少都应该总结一下这一年的得失，哪里做的好，哪里需要改进，记一笔，或许将来会用到呢。 毕业差不多半年了，一直是一个人在负责公司项目的前端开发与维护，当时公司希望前后端分离，提高前端的开发效率和后期维护的便捷，所以自己在经过一番调查后，决定采用SPA的模式，其主要原因还是阿里中 阅读全文
摘要：
自己对JavaScript的原型，继承，闭包，多少也还是了解些，但是平时写的东西都挺简单的，也用不上，所以感觉提升不大。于是乎买了一本《JavaScript设计模式》来提高下自己，这本是百度写的，不是国外的那本，看了第一章，哇靠。。。写的真好，带入感真的强，看小说的朋友应该都懂。 平时也都会看一些别 阅读全文
摘要：
正文之前需要声明的一点是，菜鸟系列博文全是基于ES5的，不考虑ES6甚至更高版本。 继承 由于我个人不是学计算机的，所以对于很多东西只是知其然，不知其所以然。就像这个继承，刚开始学JavaScript就听人说了JavaScript几大核心，但是自己平时似乎都没怎么用到，所以一直不明白为什么需要这些东 阅读全文
摘要：
上一节写了创建对象的三种方法，而其中通过函数创建对象的方式又有三种模式，分别是工厂模式、构造函数模式、原型模式。而这三种模式最常用的则是原型模式。还是上栗子： 工厂模式： function Fun1(name,age){ var obj = {}; obj.name = name; obj.age 阅读全文
摘要：
有前辈说过，在JavaScript中，一切皆对象。由此可见，作为JavaScript的核心之一，对象是有多么重要。虽然今天走亲戚有点累，但还是得写写这个对象，免得吃几天好的，就又忘光了。 1.创建对象 通过内置对象创建： var obj1 = new Object(); typeof obj1; / 阅读全文