摘要：
1. 事件冒泡： 点击 子级 也出现了 父级容器 相关的事件。 【注】和相对位置无关（不管子级和父级是否重叠都有可能会出现冒泡现象，如下图1、图2），只和包含关系有关（可以理解为子级也属于父级的一部分）。 【图1】 【图2】 2. 解决方法 【法1】给 子级 赋予 ev.stopPropagatio 阅读全文
摘要：
1. 块状元素居中（垂直+水平） 法1： 1 position: absolute; /* 重点 */ 2 top: 0; 3 right: 0; 4 bottom: 0; 5 left: 0; 6 margin: auto; 法2： 1 position: absolute; /* 重点 */ 2 阅读全文
摘要：
1. 把行内（inline）元素变成块状（block）元素的方法： a. display:block b. float:left/right; c. position:absolute; d. position:fixed; e. display:inline-block; f. display:t 阅读全文
摘要：
前言~~一只纠结型处女座前端渣渣~ 欢迎关注~博客：LeeChingYin - 简书围脖：ChingYin_Lee的微博由于第一次翻译，如果有错漏之处，还望各位大大指出！leechingyin09@gmail.com （确实是呕心沥血之作啊_(:з」∠)_ 正文从这里开始~~本文译自：The Mak 阅读全文
摘要：
先给大家体验一下响应式和自适应的区别，请放大缩小一下屏幕尝试 自适应的体验http://m.ctrip.com/html5/ 响应式的体验 http://segmentfault.com/ 通俗的说, 自适应布局是是为了解决如何才能在不同大小的设备上呈现同样的网页;它的缺点是当屏幕缩放过小时,虽然能 阅读全文
摘要：
<p> </p> 前言：首先先推荐一篇博客，关于webgl原理，讲的非常之通俗易懂了 图解WebGL&Three.js工作原理 webGL可以理解为openGL ES2.0 （webGL2.0 - openGL ES3.0）的javascript绑定。所以实现的语言是javascript和 阅读全文
摘要：
一、我们讲什么？ 我们讲两个东西：1、WebGL背后的工作原理是什么？2、以Three.js为例，讲述框架在背后扮演什么样的角色？ 二、我们为什么要了解原理？ 我们假定你对WebGL已经有一定了解，或者用Three.js做过了一些东西，这个时候，你可能碰到了这样一些问题：1、很多东西还是做不出来，甚 阅读全文
摘要：
<p>项目中常常有这种需要我们对溢出文本进行"..."显示的操作，单行多行的情况都有（具体几行得看设计师心情了），这篇随笔是我个人对这种情况解决办法的归纳，欢迎各路英雄指教。</p> 单行 语法 overflow:hidden; text-overflow:ellipsis; white-space 阅读全文
摘要：
CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- t 阅读全文
摘要：
一、单列布局 1.普通布局（头部、内容、底部） <div class="container"> <header></header> <div class="content"></div> <footer></footer> </div> .container { width: 80%; margin 阅读全文