HTML5|CSS3 第2页

伪类使用技巧

2

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

关于伪类,大家最早接触的肯定是a:hover了,但是不止如此,还有很多其他的伪类。另外,伪类与伪元素也是不同的。伪元素最近用的比较多,做一些效果还是挺不错的,可以有效避免增加DOM元素。这里主要总结一下伪类与伪元素的用法。

阅读(274)评论(0)赞 (0)

手机网页开发问题集锦

2

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

接到一个小活,开发手机网页。对方给了一个psd设计图,让我做个手机网页,设计图很长,要求上拉动态加载。我想了想,本以为自己切个图处理一下就好,后来发现不行,许多问题。这里特地记录一下,有些还没解决,只是给了一下自己的想法。

阅读(218)评论(0)赞 (0)

Canvas图像处理和滤镜特效

1

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

这段时间做了一个手机WebRTC拍照加特效的应用,主要用到canvas标签获取图像矩阵(这个在上一篇博客中已经详细介绍过:),然后做图像处理,例如滤镜特效(马赛克,浮雕,衬底,反色等),这里我们详细介绍相关的知识。其实从原理上讲,大部分的图像处理都是对图像像素矩阵和某个特效矩阵做...

阅读(428)评论(1)赞 (0)

WebRTC相关的canvas与video

1

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

这两天公司有个项目,我打算用HTML5做个演示版本,只要是音视频方面的,所以打算采用HTML5协议规范中的WebRTC来研究,考虑到目前国产浏览器大部分‘高速模式’都是用的webkit核心的浏览器引擎,所以除了Chrome和Firefox浏览器之外,国产的浏览器像是sougou支...

阅读(894)评论(0)赞 (0)

使元素不可见的旁门左道

1

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

最近有人问我如何使一个元素不可见,css中有哪些方法。当时我就随口说了7-8种常用的方法,其实还有很多,可以说是应该几十种方法吧。这里索性就总结一下,权当是对于知识点的总结与回顾。突然间发现这种学习知识的方法也很好,穿插交替。

阅读(220)评论(0)赞 (0)

前端技能总结

6

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

如果让你作为前端负责人,你认为前端必备技能有哪些呢? 学习编码规范,最好就是先阅读一下现有的规范。前端编码规范 然后可以指定自己团队的编码规范,制定完之后可以通过配置eslint来检验你的编码是否符合规范。

阅读(236)评论(0)赞 (0)

文本均匀分布两端对齐等

1

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

还有很多不知道的细节,慢慢积累。这里把遇到的问题记录一下,比如文本两端对齐,比如利用a标签的download属性,比如ie8下img标签的宽高问题,比如overflow默认属性值等等。

阅读(307)评论(0)赞 (0)

SVG压缩与字体图标新思路

1

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

已经很晚了,程序员,程序狗,爱学习不爱加班的我,还是在加班,在学习。为了涨工资,ping了。本节安利一个压缩SVG的工具:svgo(https://github.com/chalecao/svgo)。我们做前端的同学肯定都用过字体图标,有些特殊的字体图标需要视觉做个svg的矢量图...

阅读(596)评论(0)赞 (0)

关于 CSS 选择器性能

1

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

CSS选择器对性能的影响源于浏览器匹配选择器和文档元素时所消耗的时间,所以优化选择器的原则是应尽量避免使用消耗更多匹配时间的选择器。而在这之前我们需要了解CSS选择器匹配的机制, 如子选择器规则: 1#header > a {font-weight:blod;&...

阅读(164)评论(0)赞 (0)

HTML发展历史

2

前端学堂fed123(Frontend education) - chalecao 发布于 2017-08-29

HTML是Web统一语言,这些容纳在尖括号里的简单标签,构成了如今的Web,1991年,Tim Berners-Lee编写了一份叫做“HTML标签”的文档,里面包含了大约20个用来标记网页的HTML标签。他直接借用SGML的标记格式,也就是后来我们看到的HTML标记的格式。

阅读(271)评论(0)赞 (0)