2014年1月，我写了一篇文章：The Current Generation of CSS3 Selectors，这篇文章的目的是介绍一些CSS3中新增的选择器。文中的选择器已经有了很多文档，并且也被大多数浏览器支持（包…
标签：css
H5开发总结
-webkit-tap-highlight-color：当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。比如a标签该属性可以只设置透明度。如果未设置透明度，iOS …
JS简易留言板
<!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title>简易留言板</title&…
bootstrap4.0 css架构
原子性 sass的默认变量一般是用来设置默认值，然后根据需求来覆盖的。覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可 存放变量的文件。语义化的变量名，值为直接的属性值。 // Table of Content…
Web引用中文个性字体
最近在前端开发时，因为设计的原因，要引用一些特殊字体（otf格式），但是后来发现这些字体文件非常大，平均每个要8mb左右，严重影响了网页效率。经过一番搜索，发现了前端字体压缩工具（只支持utf-8格式）font-spid…
怎样才能在WEB前端、HTML5开发的路上，越走越远，越笑越好？！
HTML5学堂（码匠）：在北上广等大城市工作，高强度的工作节奏让每个人在工作日都处于一种紧张的状态。不知不觉的打拼几年之后，突然发现原来处于类似水平的伙伴们，都拉开了不少的差距。在职场这漫长的几十年，怎样才能笑到最后，笑…
echart使用自定义单个柱状颜色实现
项目实践中遇到一个根据需要，当X轴等于某个值是，柱状变成特殊颜色的需求，大致有两个方案实现： 1、在前台遍历数据对象，判断设置； 2、在后台拼装数据是，按照格式要求拼装好； 具体代码如下： 方法一： option = {…
深入理解ES6之《用模块封装代码》
什么是模块 模块是自动运行在严格模式下并且没有办法退出运行的Javascript代码 在模块的顶部this的值是undefined 其模块不支持html风格的代码注释除非用default关键字，否则不能用这个语法导出匿名…
【学习笔记】CSS深入理解之absolute
《张鑫旭的CSS深入理解之absolute》学习笔记 绝对定位的特性 绝对定位与浮动相似，都有破坏性和包裹性。浮动的一些应用场景中也可用绝对定位替代 绝对定位的行为表现 无依赖绝对定位元素 在未手动定位的情况下，绝对定位…
css--布局
接触前端开发也有半年了，每当需要将一个空白的纸，”画“成一个页面的时候，总会出现不知所措的几秒钟。除了因为对css中的各种属性的不熟练之外，更难为人的是怎么简练的将这些属性排列组合起来。其实静下心来，仔细想一想，无非就是…
前端知识归纳
技能考察： 一、关于Html 1、html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 a、理解：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代…
不同分辨率的电脑下，绝对定位错乱解决办法
有时候我们在写页面中，会发现绝对定位的父级元素已经相对定位了，但是在不同分辨率的电脑下，绝对定位还是会错乱，似乎父级的相对定位并没有起了作用。 笔记本电脑的分辨率一般为1366768附近，PC电脑的分辨率一般为 1920…
