Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。
css的选择器是有权重（即优先级）的，在不同选择器的样式出现冲突时候，会采用权重高的选择器设置样式，而优先级不仅仅只是：“行间>内部>外部、ID>class>元素”。css优先级到底是怎么计算的呢？
当涉及到声明式的语言如CSS时，就发现了一些有趣的地方。声明式语言式必须符合对应格式的，而CSS选择器基本是由HTML结构决定的。对这种代码结构，我们能做的不多，这是否意味着CSS代码必须注释满天飞？
在div中使用contenteditable=”true”可以达到模拟输入框的效果，但是当我们复制其他网页内容进去的时候，会发现连带的样式也一起复制进去了。很明显我们不需要复制富文本样式，那么如何过滤这些标签呢？
前端工程化的概念在近些年来逐渐成为主流构建大型web应用不可或缺的一部分，在此我通过以下这三方面总结一下自己的理解。为什么需要前端工程化。前端工程化的演化。怎么实现前端工程化。
在移动端（ios和android）播放视频的时候，我们即使定义了autoplay属性，仍然不能自动播放。这是由于手机浏览器为了防止浪费用户的网络流量，在默认情况下是不允许媒体文件自动播放的，除非用户自己对浏览器进行设置才能支持autoplay。
Sass是世界上最成熟、稳定和强大的专业级CSS扩展语言 ,除了Sass是CSS的一种预处理器语言,类似的语言还有Less,Stylus等。 这篇文章关于Sass快速入门学习笔记。
checkbox复选框可能是网站中常用的HTML元素，但大多数人并不满意它的默认样式，这篇文章就讲讲如何实现input checkbox复选框控件 样式美化效果。::before和::after伪元素的用法
页面分享微信显示小图和描述的功能，微信就会抓取这张图片做为分享图片，微信对自定义分享内容作了限制，于是最终还是得回到配置wx.config上来。
浏览器缓存就是把一个已经请求过的Web资源（如html页面，图片，js，数据等）拷贝一份副本储存在浏览器中,为什么使用缓存：减少网络带宽消耗，降低服务器压力，减少网络延迟，加快页面打开速度
css中width为auto或者100%的区别四个理论：某div不显示设置宽度那么width为auto；某div的width在默认情况设置的是盒子模型中content的值；某div的width为100%表示的是此div盒子内容部分的宽度为其父元素的宽度
css圣杯布局思路：外面一个大div,里面三个小div(都是浮动)。实现左右两栏宽度固定，中间宽度自适应。中间栏优先渲染。
这个需求如题，大体上是将文章的评论数据，在文章的首图上面以弹幕的形式出现。实现弹幕的原理，并不算太复杂，耗费一些时间，怼一怼应该都可以做出来。获取弹幕数据,将弹幕设置为四个通道...
今天我想给大家讲述一下，目前想要做web前端开发，面试成功应该如何去学习，要具备哪些技术。你学习web前端想要面试成功，必须具备以下的东西：精通dom，json，vue,react，node，bootstrap或类似框架开发经验
标签必须位于 元素内部，在一个文档中，最多能使用一个 标签，使用了标签的链接后，其他链接必须在标签的链接里面，不然将无法找到。
Node的https模块:HTTPS服务器使用HTTPS协议,需要证书授权,SSL安全加密后传输,使用443端口
通常我们在设置链接的一些伪类（link，visited，hover，active）样式时，要让不同的状态显示正确的样式，我们需要按一定的顺序设置这些伪类的样式。这里我就按CSS2规范中推荐的顺序进行介绍，即 link-visited-hover-active
设计图含有斜切角的效果时，我们一般想到的方法是切出四个角为背景，然后用border连起来，这样就能显示出该效果了，那么直接使用css呢？下面就整理css做斜边的效果。
网页中,有时候会碰到饼状图的需求，比如统计图表，进度指示器，定时器等，实现方式也是各种各样，现在也有不少现成的js库，可以直接拿来使用，方便很多。这里笔者为大家演示一种纯css实现饼状图效果的方法。
网站图片优化技巧：1、图片名包括关键词，2、Alt标签包括关键词，3、图片周边文本包括关键词，4、GLF和JPGE图画优化，5、在图片链接中运用锚文本关键字
