2016年02月4日 by 张 鑫旭 阅读 80271 次
<textarea>元素，俗称“文本域”，或者“多行文本框”，其自带原生的HTML属性rows表示行的意思，可以改变<textarea>的可视区域高度，cols表示列，可以改变<textarea>的可视区域宽度。
下面问题来了，我想很多小伙伴知道cols和rows可以影响文本域的尺寸，那cols和rows不同的数值和最终展示的像素尺寸之间有没有什么关系呢？可不可以通过公式计算呢？最终表现是否还受到其他CSS属性的影响呢？
本文就将解答上面的这些疑惑，一起进去看看吧~
阅读全文…
标签： cols, height, rows, textarea, width
发布在 CSS相关 | 16 条评论 »
2016年01月27日 by 张 鑫旭 阅读 38595 次, 今日 3 次
ont属性值除了支持常用的缩写，还支持系统关键字，这种用法在某些场景下非常的有用。本文就带你前去一探究竟。有demo有源代码有截图，希望本文的内容能够对您的学习有所帮助！
阅读全文…
标签： font, font-family, 中文字体, 字体, 设备字体
发布在 CSS相关 | 11 条评论 »
2016年01月22日 by 张 鑫旭 阅读 84968 次, 今日 9 次
本文属于波澜不惊，平铺直叙版本。如果想看有有激情有思想的版本，可以去ISUX官博：“顺势而为，HTML发展与UI组件设计进化”。
阅读全文…
标签： html, HTML5, UI, 组件
发布在 Web综合 | 33 条评论 »
2016年01月13日 by 张 鑫旭 阅读 84397 次, 今日 2 次
前端早读课访谈，分享自己的一些心理历程，以及对前端的一些看法等等。
阅读全文…
标签： 前端早读课
发布在 Web综合 | 87 条评论 »
2016年01月9日 by 张 鑫旭 阅读 68221 次, 今日 6 次
如题，理解CSS3 isolation: isolate的表现和作用，isolation: isolate是一个与CSS3混合模式关系密切的一个CSS声明。
阅读全文…
标签： isolation, mix-blend-mode
发布在 CSS相关 | 9 条评论 »
2016年01月9日 by 张 鑫旭 阅读 250290 次, 今日 14 次
本文是最近1-2个月最用心的文章，理解本文内容，就会明白网页中元素层叠的时候为什么会这样表现了，相信本文的内容一定会对您的学习有所帮助的。
阅读全文…
标签： absolute, filter, fixed, mix-blend-mode, opacity, relative, transform, will-chang, z-index, 层叠上下文, 层叠水平, 层叠顺序
发布在 CSS相关 | 94 条评论 »
2016年01月7日 by 张 鑫旭 阅读 258318 次, 今日 69 次
利用全浏览器都支持的contenteditable模拟文本域可以实现体验相当不错的高度跟随内容自动撑开的效果，但是呢，有个很大的问题就是HTML内容可以直接被粘贴进去，如果我们希望只能输入纯文本，该怎么做呢？本文提供了CSS侧，HTML侧以及JS侧三种不同的解决方法，希望可以对您的学习或者工作有所帮助！
阅读全文…
标签： contenteditable, createTextRange, execCommand, onpaste, plaintext-only, user-modify
发布在 JS实例 | 72 条评论 »
2015年12月18日 by 张 鑫旭 阅读 108385 次, 今日 7 次
在网页中，滚动条的滚动行为也是类似的调调，如果页面出现多个内嵌滚动条，则行为表现是：子元素滚，子元素滚，子元素滚完父元素滚；父元素滚，父元素滚，父元素滚完容器滚……
这是浏览器的默认行为，如果我们遇到了一个需求：子元素滚，子元素滚完，就完了，父元素不需要滚了。那该如何实现呢？
阅读全文…
标签： DOMMouseScroll, mousewheel, scrollIntoView, scrollTop, 滚动
发布在 JS实例 | 47 条评论 »
2015年12月5日 by 张 鑫旭 阅读 165213 次, 今日 10 次
如题，本文介绍如何使用CSS或者JS等前端方法实现代码控制gif图片的暂停或者播放。一如既往，有demo有截图还有必要的源代码展示，更关键的是，本文gif比较多……
阅读全文…
标签： animation, autoplay, canvas, gif, libgif, 图片
发布在 Canvas相关 | 41 条评论 »
2015年11月24日 by 张 鑫旭 阅读 265104 次, 今日 5 次
本文一些简单tips整理，没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实，因此，本文的一些内容说不定可以博闻强识下。有截图有源代码展示，没demo，嘻嘻……
阅读全文…
标签： Ajax, File, form, HTML5, input, label, 上传, 图片上传
发布在 HTML相关 | 56 条评论 »
我的应用
我的应用