ZhangCui

摘要： 已知问题：该API本地可以正常使用，如果在https页面下会由于ajax请求http的资源导致被block掉。已改用和风天气API解决了该问题。 自己制作了一个简单的天气模块，可以显示当天天气和未来四天的预报。效果图如下： HTML如下： CSS就不贴了，JS代码如下（jQuery）： 关键点在于天 阅读全文

摘要： 和其他大多数现代编程语言一样，JS也采用词法作用域，也就是说，函数的执行依赖于变量作用域，这个作用域是在函数定义时决定的，而不是函数调用时决定的。为了实现这种词法作用域，JS函数对象的内部状态不仅包含函数的代码逻辑，还必须引用当前的作用域链。函数对象可以通过作用域链相互关联起来，函数体内部的变量都可 阅读全文

摘要： 第十二章 列表与生成内容 1、list-style-type:cjk-ideographic生成一二三四的序号 2、不管是ul还是ol，list-style-type无法识别的值都应用为decimal。 3、list-style-image是会继承的。 4、简写：list-style：type | 阅读全文

摘要： 利用css实现多级计数，比如1/1.1/1.1.1这种层层嵌套的计数，主要利用到counter-reset/counter-increment/counter/content/：before。 一、标题类多级计数，比如下面的效果： CSS代码如下： 总结说明： 1、在每一级标题的上级（父元素），比如 阅读全文

摘要： 第11章 表布局 1、border-spacing，单元格边框间距，可以有两个或一个值，两个值前者表示水平间距，后者垂直间距。 2、border-collapse值为collapse时不可设置padding，为separate时可以有padding。 3、使用HTML标签的rowspan和colsp 阅读全文

摘要： 第八章 padding/border/margin 1、对于只包含文本的行，能改变行间距里的属性只有line-height/font-size/vertical-align。 2、对行内非替换元素应用负外边距，左右两端可能与其他内容重叠。 3、边框绘制在元素的背景之上。（可修改） 4、要把单边属性放 阅读全文

摘要： 经常在网上看到loading状态时的点点点的动态效果，自己也用JS写了一个，思路是使用一个计数参数，然后在需要添加点的元素后面利用setInterval一个一个加点，当计数到3时，把点变为一个……写完后我就觉得很不对劲，虽然JS代码也很简单，但是这么小的一件事还得拿JS搞这么多乱七八糟的？ 然后去网 阅读全文

摘要： 摘自张鑫旭老师的博客—— display:none和visibility:hidden都能使元素隐藏，但是有明显区别，主要有以下三点： 1、空间占据。 使用display隐藏后，元素不占用任何空间，而visibility占据的空间仍在。 2、重排与重绘 reflow和repaint。由于displa 阅读全文

摘要： 可以对元素的margin设置百分数，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。（padding同理） 如果没有为元素声明width，在这种情况下，元素框的总宽度包括外边距取决于父元素的width， 阅读全文

摘要： 第六章 文本属性 1、text-indent只能作用于块级元素（如p或inline-block或block后的span/a/i等）。 2、text-align只能作用于块级元素（如p或inline-block或block后的span/a/i等）中的内联内容。 3、行间距可看作line-height减 阅读全文