写代码的时候遇到需要对绝对布局的div进行拖拽的功能，起初为了省事直接在网上扒拉了一番，看到大神张鑫旭的一篇文章《JavaScript实现最简单的拖拽效果》，便直接拿来使用（膜拜大神）。但发现这段代码使用前必须设置top和left样式属性，否则拖动时div会有跳动，而且不支持多个div的拖动。于是对 ...
分类：
Web程序 时间：
2016-05-24 01:41:31
阅读次数：
331
文章转载自 张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com 原文链接：http://www.zhangxinxu.com/wordpress/?p=5302 一、用的少并不代表没有用 至少，在我接触的这么多项目里，没有见到使用过CSS direction属性做实际开发的。 ...
分类：
Web程序 时间：
2016-04-26 14:20:14
阅读次数：
240
一、图层 图层即层叠上下文，具体概念和应用大家可以看我之前转自张鑫旭大神博客的《CSS层叠上下文和层叠顺序》，这里我们简单复习一下产生层叠上下文的原因。 1.根层叠上下文 指的是页面根元素，也就是滚动条的默认的始作俑者<html>元素。这就是为什么，绝对定位元素在left/top等值定位的时候，如果 ...
分类：
Web程序 时间：
2016-04-22 00:54:21
阅读次数：
344
今天看了张鑫旭大神关于z-index的视频。下面写下自己暂时的总结。可能有不到位的地方~以后再回来修改 首先说一些基本的概念和规则： 层叠上下文：1.页面根元素 2.定位元素且z-index值为数值 （可见z-index受限于层叠上下文）3.设置其他属性时(尤其CSS3中的很多属性)。以上情况，将会 ...
分类：
其他好文 时间：
2016-04-18 18:52:53
阅读次数：
136
http://www.zhangxinxu.com/wordpress/2016/03/know-about-css3-all/ @张鑫旭 一、兼容性 一些CSS文章，或者CSS文档，兼容性什么的都是放在最后。 又不是什么见不得人的事情，来，直接开篇就亮刺刀。 兼容性还行， 除了IE不支持，其他浏览 ...
分类：
Web程序 时间：
2016-04-12 12:48:55
阅读次数：
182
万万没想到，写了快三年前端，有不会用的css，居然还有完全没听过、见过的css属性，而且还是CSS2的内容！ 关于counter-reset、content-increment两个属性的详解可以参看张鑫旭的博文：《CSS计数器(序列数字字符自动递增)详解》，这里做个记录，写个demo 兼容情况还不错 ...
分类：
Web程序 时间：
2016-04-06 15:08:12
阅读次数：
187
之前在公司做项目的时候，有这么一个需求，要我写一个评论框，可以随着评论的行数增加而自动扩大，最开始我想用textarea实现，但是后来尝试后发现textarea并不适合，textarea的高度不会随着输入行数的增多而增大，于是我上网寻求了下帮助，发现大神张鑫旭的这篇文章《div模拟textarea文 ...
分类：
其他好文 时间：
2016-04-04 11:39:18
阅读次数：
219
以下文字整理自慕课网——张鑫旭的《CSS深入理解之line-height》。 line-height，又称行高，指的是两行文字基线之间的距离。 定义三问： 如图红色线即为基线 基线乃*线定义之根本！ 基线的扩展知识，稍作了解。如图： 第3个问题，一行文字难道就没有行高吗？非也，一行文字也是有行高的， ...
分类：
Web程序 时间：
2016-04-03 23:59:54
阅读次数：
514
以上没什么好说的。 记住这么个原则， 页面刷新载入的时候，应避免页面元素的晃动、位移等，这些都是额外的重绘，会让你的CPU和风扇兴奋的。 你可以使用width/height控制，或者在CSS中设置。 梳理过程中发现有些地方还可进一步改进，比如城市的下拉元素们默认可以放在隐藏的textarea中，我待
分类：
其他好文 时间：
2016-03-16 17:27:11
阅读次数：
382
了解了键盘事件onkeydown,onkeyup.getElementsByTagname("em")返回的是集合，集合，使用的时候记得加a[0]下标。 setTimeout(step2,400);是400毫秒后在调用step2函数。 parseInt(sedNum,x)转换成 x 进制的数值，pa
分类：
其他好文 时间：
2016-03-01 18:50:03
阅读次数：
163
