水木同学_

border-image 通过指定一张图片来取替 border-style 定义的样式，但 border-image 生效的前提是： border-style 和 border-width 同时为有效值(即 border-style 不为 none，border-width 不…

随着移动端的web项目越来越多，设计师的要求也越来越高。在移动端上通过1px实现一条1像素的线时，它并不是真正的1像素，比真正的1像素要粗一点。 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情…

应用场景：filter CSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。 应用场景：mix-blend-mode CSS 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。 应用场景：background-blend-…

随着前端代码越开越复杂的情况下，开发者通常会使用webpack、UglifyJS2等工具对代码进行打包变换，这样可以减少代码大小，有效提高访问速度，同时还能够有效的保护源代码不被别人获取。 然而压缩代码的报错信息是很难Debug的，因为它的行号和列号已经失真。 执行hello.…

关于《JavaScript高级程序设计》中的事例代码可在附件中查看。

《CSS揭秘》主要是介绍了使用CSS的技巧，通过47个案例来灵活的使用CSS进行实现，同时在实现过程中注重CSS代码的灵活性与健壮性。通过阅读这本书有利于我们编写高质量的CSS代码以及打破使用CSS时的固定思维，能够更加灵活的使用CSS。 《CSS揭秘》中的所有案例代码均上传到…

本章主要介绍了JS中Array、Function、Number、Object、RegExp、String类型扩展的方法介绍和部分方法的内部实现方式。 本章主要介绍了提醒我们要注意代码风格，一个好的代码规范能够有效的提升程序的可扩展性与健壮性。

基本类型也称为简单类型，由于其占据空间固定，是简单的数据段，为了便于提升变量查询速度，将其存储在栈中，即按值访问。 引用类型也称为复杂类型，由于其值的大小会改变，所以不能将其存放在栈中，否则会降低变量查询速度，因此，其值存储在堆(heap)中，而存储在变量处的值，是一个指针，指…

linear-gradient是通过渐变的角度来控制渐变的方向。渐变角度值是渐变线与渐变容器中心点向上垂直线之间的夹角。 顶角关键字并不意味着渐变线穿过右上角，而是渐变线首先通过元素中心点并且与顶点垂直相交，与中心点垂直线构成指定的夹角。 <color-stop>由一个<col…