自己之前学习react的时候只是跟着教程走了一遍，粗略的了解了一些概念。什么virtual-dom，单向数据流之类的。但是一致缺乏深入的实践。最近想搭建一个博客程序，实际演练一下。

每个对象都有一个指向它的原型的的内部链接(此链接还没有规范的访问方式，一般用__proro__代替),这个原型也有自己的原型，直到每个对象的原型为null为止

在杂志和书籍中，经常可以见到两端对齐效果。但是在网页设计中，两端对齐效果很少被使用。原因是会带来糟糕的显示问题。text-align: justufy;

单侧投影可以实现一种优雅而又真实的效果。 单侧投影 box-shadow: 2px 3px 4px -4px rgba(0,0,0.5);以上代码可以简单理解为： 以该元素所在的位置和尺寸，画一个rgba(0,0,0.5)的矩形 把它向右移动2px，向下移动3px 对它进行4px模糊算法。 缩小投影的尺寸。 模糊后的矩形和原始元素交集的部分被剔除如果第三个参数和第四...

一直以来，在CSS里都没有简单的方式生成梯形标签页。常见的方案是使用背景图片或者伪元素。但是这两种方案使用起来不够灵活。比如标签大小改变，增加纹理背景时候，这两种方案就很难维护。

切角效果 切角效果是一种常见的视觉风格设计。但是现在在CSS里，依然无法简单的生成切角效果。 css渐变 使用CSS渐变[linear-parent][1]可以形成切角风格 {代码...} 如果想要四个角都切，则可以 {代码...} 内联SVG与border-image方案 SVG方案不熟悉，暂时不讨论。原文位于《CSS》揭秘12:切角效果。 裁切路径方案 使用裁切...

使用元素嵌套方案虽然可以实现目的，但是兼容性并不好，如果图片不是正方形，结果就会严重变形。另一种方法是使用裁切路径属性clip-path。clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);

在视觉设计中，平行四边形往往可以传达出一种动感。 问题 使用CSS来创建平行四边形。可以使用transform: skewX(-45deg) 但是这样会使里面的内容也倾斜。有两种解决方案可以解决这个问题 嵌套元素方案 使用一层额外的HTML元素来包裹内容，对容器设置skewX，在内容上应用一次反向skewX变形 {代码...} 结果如下： 伪元素方...

自适应的椭圆 利用border-radius生成椭圆。CSS参考手册 椭圆 对一个宽度和高度不同的容器进行如下设置，就得到一个椭圆border-radius: 50% 半椭圆 border-radius是一个简写属性。分别对应着： border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius 而实用斜线可以单独...

javascript中的this 译：理解并掌握 JavaScript 中 this 的用法 关键 只有一个对象调用了包含this函数时，this才被赋值，并且所赋的值只依赖于调用了包含this函数的对象 使用原则 this永远指向一个对象，并且拥有着个对象的值 在严格模式下，在全局作用域中和匿名函数中，this指向undefined 当this在一个函数内出现的时...