css实现文字越界加点点点显示，并且后面紧跟一个图标

文字越界添加...显示 在HTML页面上，会遇到当文字长度超出一定长度的时候，将超出的部分显示为...的情况，这个功能很好实现，很多人都可以直接写出来。 示例代码： .demo {display: block;text-overflow: ellipsis; //显示省略符号来代表被修剪的文本，也可以自定义overflow: hidden; //溢出内容隐藏white-sp

业界 2016年08月03日

和BEM的战斗：10个常见问题及如何避免

无论你是刚刚发现BEM或者已经是个中熟手（作为web术语来说），你可能已经意识到它是一种有用的方法。如果你还不知道BEM是什么，我建议你在继续阅读这篇文章之前去BEM website了解一下它，因为我会假设你对这种CSS的方法有一个基础的理解。本文旨在对那些已经是BEM的爱好者或是想要去更有效率的使用它或是非常好奇并且想去学习它的人有所帮助。现在，我对BEM是一个优雅的命名

业界 2016年08月01日

切图崽的自我修养－SeaJs重要概念剖析

前言高能预警，前方山路十八弯在上一篇文章里简单的讨论了一下模块化Js, 先来回顾一下目前模块化的两大规范:CommonJs 同步加载模块规范AMD/CMD 异步加载模块规范其中CMD规范的产出是国内目前十分火爆的SeaJs, 这篇文章主要是解释几个使用SeaJs会碰到的重要概念具名模块匿名模块路径即ID原则匿名模块SeaJs定义匿名模块一般采用如下的方式:define(f

业界 2016年07月07日

SVG

SVG Shapes 1.矩形 关键字：css, html, html5, svg

业界 2016年07月13日

用CSS3做各种样式的饼图

通过css3的旋转属性来实现饼图的效果。封装了一个饼图类，通过实例化来生成各种样式的饼图。以前一直用highcharts做饼图的效果，但有时候，一些比较简单的饼图用highcharts的话有点杀鸡用牛刀的感觉。所以自己研究了一下如何用css3来达到这个效果。并封装了一下，支持多种样式，写了一个 pie.js 。原理是这样的，父容器是一个div，背景颜色是左边一半灰色，右边一

业界 2016年07月05日

元素上下层叠关系总结

从浏览器渲染说起一个页面的渲染，大致有下几个步骤这里直接看最后一步Composite: 渲染层合并，这步是渲染最后一个步骤，作用就是把之前绘制的图层（如果有PS的经验的话图层很好理解）按照规定的顺序合并成一个图层，元素的层叠谁在上面谁在下面的关系，就在这步里被规定被最终在浏览器里体现出来了。那么这个对层叠理解有什么用呢？。。。。。。。。。。并没什么卵用，只是最近看到了而已，

业界 2016年07月04日

document.write知多少

原生JavaScript的API里document.write绝对是重量级的。如果大家对他的使用场景、注意事项、原理等不明晰，欢迎阅读本文。使用场景第三方合作iframeul[列表内容]如果这段代码放在前端处理，不使用后端模板，用document.write可以轻松实现，当然实现的方式很多种，这里只是说明document.write可以胜任。 if(A){

业界 2016年08月07日

css学习(持续更新中)

ch单位：该单位是以数字0位参考，width:3ch这个就表明宽度是3个数字0的宽度。 关键字：css, 宽度, width, 数字

业界 2016年07月13日

SASS @etend官方文档剖析

@extend用法剖析我们经常会遇到这样的情况，当我们在开发页面时候一个class需要包含前一个class的所有样式，但是又必须有他自己特殊新增的样式。但是这两个class其实都是相差无几的，只是有细微的差别。比如错误提示的样式(.error和.specialerror),既然后着只是比前者多一两句样式，为何还要写两个class呢，因为我们不想把前者.error的样式重新在

业界 2016年07月16日

html5之canvas

canvas是html5出现的新标签，主要用来画图，看见网上能用来实现各种图形，所以感觉很好玩，就学习了一下。 canvas绘制图形有两种方法：context.fill() //填充context.stroke() //绘制边框在绘制图形前要设置好图形样式，也有两种方法：context.fillStyle()

业界 2016年07月05日