前言 页面显示到浏览器上的过程： 1.1、生成一个DOM树。 浏览器将获取到的HTML代码解析成1个DOM树，包含了所有标签，包括display:none和动态添加的节点。 1.2、生成样式结构体。 浏览器将所有样式解析成样式结构体，解析过程中会去掉浏览器不能识别的。 2、DOM树和样式...

2018-06-24 02:06:18

最近这个月一直在赶项目开发，遇到的问题和学到的前端知识没有更新到博客园，现在闲了下来，就整理一下前端知识。 在项目开发中，在样式这方面花费的时间较多，因为针对于数字的变化特别多，本人不爱记数字，在看设计图时总是反复计算之间的数值，觉得很麻烦，偶然谷歌...

2018-06-24 02:06:16

Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端...

2018-06-24 02:06:08

作为第一篇技术干货，来写哪个方面的内容，我着实考虑了很久。 经过了整整30秒的深思熟虑，我决定就我第一次发现新大陆一样的内容，来进行一次讨论。 伪类： 伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档...

2018-06-24 02:05:54

因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化 body, h1, h2, h3, h4, h5, h6, hr, p, blockquo...

2018-06-24 02:06:03

1 ! DOCTYPE html 2 html 3 head lang ="en" 4 meta charset ="UTF-8" 5 title / title 6 style type ="text/css" 7 * { 8 margin : 0px ; 9 padding : 0px ; 10 list-style-type : none ; 11 text-decoration : none ; 12 } 13 body { 14 background-color : rgb(242,...

2018-06-24 02:05:53

今天，给大家分享一个每一个程序员，或者说是码农都会有的通病-----自我怀疑。无论你的技术到达任何程度，如何任何境界，或许某一刻你的指尖会停顿，因为你的自我怀疑。 你若想尝试一下勇者的滋味，一定要像个真正的勇者一样，豁出全部的力量去行动，这时你的恐惧心理...

2018-06-24 02:05:48

! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title HTML5页面如何在手机端浏览器调用相机、相册功能 / title / head body div input type ="file" accept ="image/*" capture ="camera" input type ="file" accept ="video/*" capture ="camcorder" in...

2018-06-24 02:05:46

Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端...

2018-06-24 02:05:42

近段时间看了不少的前端面试题，很多大牛也对此做了整理。这篇文就算是借花献佛啦。总体来说基本上每家问的问题也差不多，可能不同业务的公司问的问题的侧重点也不太一样，有的侧重于移动端适配CSS布局浏览器兼容IE hack，而有的侧重于JS逻辑面向对象设计模式考察等。...

2018-06-24 02:05:34