雄领IT的专栏 - CSDN博客

原 Web前端面试指导(四十八)：谈谈浏览器的兼容性

题目点评 这个问题是非常抽象的，越是抽象的问题越能表现出我们的表达能力，而面试官就喜欢根据你的回答来追问，不断地打断你的思路，这个时候不要慌，一定要坚信自己。 回答思路 我们在开发的时候会明确项目要兼容哪些浏览器的最低版本，我之前的项目要求兼容IE8.0以上的版本，Chrom...

2016-10-30 22:29:12

阅读数：13975

评论数：2

原 Web前端面试指导(四十七)：页面优化有哪些方法

题目点评 页面优化的方法非常多，最好能够对这些优化方案进行分类，这些方案最好能够结合实际开发遇到的问题来表述。 优化的方案 一、减少操作量 尽量减少 HTTP 请求 1) 合并文件，比如把多个 CSS 文件合成一个；  2) CSS Sprites 利用 CSS backgro...

2016-10-27 19:05:13

阅读数：2527

评论数：0

原 Web前端面试指导(四十六)：你了解跨域请求吗？

题目点评 主要考察对web安全是否有接触 ，关于安全方面的在面试时是经常被问到的。同一个意思可能问法也不同，比如说：“你对跨域了解吗？”“什么是跨域请求了？”其实都是同一个意思，回答思路可以先回答什么是跨域请求，有什么方式可以实现跨域请求基本上就可以了。 什么是跨域请求 基于JavaSc...

2016-10-27 17:05:04

阅读数：3563

评论数：0

原 Web前端面试指导(四十五)：页面渲染原理是什么？

题目点评 这是一道纯理论的题目，只要能够将浏览器的渲染过程很专业的表述出来，一定会得到面试官的青睐，作为一枚前端人员确实有必要了解一下浏览器的渲染过程是怎样的，对于页面性能的提升是有帮助的。 解题思路 渲染引擎是干什么的 渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一...

2016-10-26 09:51:33

阅读数：3083

评论数：0

原 浏览器工作原理（十）：CSS2可视模型（CSS2 visual module）

画布The Canvas 　　根据CSS2规范，术语canvas用来描述格式化的结构所渲染的空间——浏览器绘制内容的地方。画布对每个维度空间都是无限大的，但浏览器基于viewport的大小选择了一个初始宽度。 　　根据http://www.w3.org/TR/CSS2/zindex.html的定义...

2016-10-19 23:11:48

阅读数：725

评论数：0

原 浏览器工作原理（九）：动态变化和渲染引擎的线程

动态变化 　　浏览器总是试着以最小的动作响应一个变化，所以一个元素颜色的变化将只导致该元素的重绘，元素位置的变化将大致元素的布局和重绘，添加一个Dom节点，也会大致这个元素的布局和重绘。一些主要的变化，比如增加html元素的字号，将会导致缓存失效，从而引起整数的布局和重绘。 渲染引擎的线程 　...

2016-10-19 23:02:04

阅读数：1096

评论数：0

原 浏览器工作原理（八）：绘制（Painting）

绘制阶段，遍历渲染树并调用渲染对象的paint方法将它们的内容显示在屏幕上，绘制使用UI基础组件，这在UI的章节有更多的介绍。 　　全局和增量 　　和布局一样，绘制也可以是全局的——绘制完整的树——或增量的。在增量的绘制过程中，一些渲染对象以不影响整棵树的方式改变，改变的渲染对象使其在屏幕上的矩形...

2016-10-19 22:59:42

阅读数：1002

评论数：0

原 浏览器工作原理（七）：布局（Layout）

当渲染对象被创建并添加到树中，它们并没有位置和大小，计算这些值的过程称为layout或reflow。 　　Html使用基于流的布局模型，意味着大部分时间，可以以单一的途径进行几何计算。流中靠后的元素并不会影响前面元素的几何特性，所以布局可以在文档中从右向左、自上而下的进行。也存在一些例外，比如ht...

2016-10-19 22:55:27

阅读数：1433

评论数：0

原 浏览器工作原理（六）：渲染树构建

当Dom树构建完成时，浏览器开始构建另一棵树——渲染树。渲染树由元素显示序列中的可见元素组成，它是文档的可视化表示，构建这棵树是为了以正确的顺序绘制文档内容。 Firefox将渲染树中的元素称为frames，WebKit则用renderer或渲染对象来描述这些元素。 一个渲染对象知道怎么布局及绘制...

2016-10-19 22:00:23

阅读数：2401

评论数：0

原 浏览器工作原理（五）：CSS解析（CSS parsing）

还记得简介中提到的解析的概念吗，不同于html，css属于上下文无关文法，可以用前面所描述的解析器来解析。Css规范定义了css的词法及语法文法。 看一些例子： 每个符号都由正则表达式定义了词法文法（词汇表）： comment///*[^*]*/*+([^/*][^*]*/*+)*// num[0...

2016-10-19 18:42:15

阅读数：3306

评论数：0

原 浏览器工作原理（四）：HTML解析器 HTML Parser

HTML解析器的工作是将html标识解析为解析树。 HTML文法定义（The HTML grammar definition） W3C组织制定规范定义了HTML的词汇表和语法。 非上下文无关文法（Not a context free grammar） 正如在解析简介中提到的，上下文无关文法的...

2016-10-19 17:18:22

阅读数：4333

评论数：0

原 浏览器工作原理（三）：关于解析的一些基本概念（理论性很强）

解析（Parsing－general） 既然解析是渲染引擎中一个非常重要的过程，我们将稍微深入的研究它。首先简要介绍一下解析。解析一个文档即将其转换为具有一定意义的结构——编码可以理解和使用的东西。你想啊！HTML是一个纯文本的东西，计算机要怎么理解了？所以需要解析文档文档内容了嘛！所以HTML代...

2016-10-19 16:31:04

阅读数：1954

评论数：0

原 浏览器工作原理（二）：渲染引擎的详细介绍

渲染引擎是干什么的 渲染引擎的职责就是渲染，即在浏览器窗口中显示所请求的内容。默认情况下，渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件（所以想做浏览器插件的同学必须知道浏览器的工作原理），可以显示PDF格式，将由专门一章讲...

2016-10-19 15:20:57

阅读数：3776

评论数：0

原 浏览器工作原理（一）：浏览器的整体工作流程介绍

掌握原理的必要性 在浏览器上输入一个网址后，一个漂亮的页面就呈现在我们眼前，中间发生了什么了？对于一个普通用户来讲，也许不用思考这个问题，但要作为一个名前端开发人员或是想开发插件的同学来讲，掌握浏览器的工作原理是非常有必要的！ 浏览器主要功能 今天讨论五种主流浏览器——IE、Firefox、Saf...

2016-10-19 14:51:27

阅读数：2391

评论数：0

原 Web前端面试指导(四十四)：什么是响应式开发？

题目点评 响应式开发是前端开发工作比较常见的工作内容，随着移动端的发展，网页设计必须考虑到移动端的设计，同一个网站为了兼容PC端和移动端显示，响应式开发是前端开发人员必备的技术，所以响应式开发的技术必须掌握。 什么是响应式 顾名思义，同一个网站兼容不同的大小的设备。如PC端、移动端（平板、横屏、竖...

2016-10-18 21:48:43

阅读数：2805

评论数：0

原 Web前端面试指导(四十三)：请描述一下 cookies，sessionStorage 和 localStorage 的区别？

题目点评 这是一种对比性比较强的问题，可以先说他们的相同点，然后就是要详细阐述他们的不同点，而不同点不要刻意去对比，只要说出各自的特点，自然他们的不同点就出来了。 解决方法 相同点：都存储在客户端 不同点： 1.存储大小 cookie数据大小不能超过4k。sessionStorage...

2016-10-13 20:55:52

阅读数：3691

评论数：3

原 Web前端面试指导(四十二)：如何在页面上实现一个圆形的可点击区域？

题目点评 这道题目是比较开放的题目，答案显然是不只一个的，考察你的应变能力，要能拿出多几个解决方案，获取面试官的芳心。以下给大家讲解三种解决方案。 解决方法 1. map+area 使用Dreamweaver制作热点会变得非常的容易，最终会形成上面的代码，具体的操作，可以参考...

2016-10-13 19:05:50

阅读数：7759

评论数：0

原 Web前端面试指导(四十一)：html5有哪些新特性、移除了那些元素？

题目点评 题目涉及到范围非常的大，如果要面面俱到显然半天都答不完，可以先罗列出H5的一些新特性，不要回答那么具体，等面试官提具体的问题，所以在面试之前也要把这里的技术过一遍，至少每个技术也要做个小程序出来体验一下。 1.H5新特性 增强了图形渲染、影音、数据存储、多任务处理等处理能力主要表现在 ...

2016-10-12 22:53:48

阅读数：7712

评论数：0

原 Web前端面试指导(四十)：CSS3有哪些新特性？

题目点评 CSS3的特性那么多该从哪里说起了？很显然这道题目是有陷阱的，你不可能将所有的特性一个不漏的说出来，就算你说出来，别人还认为你是背的了！所以你主要讲一下在项目中经常用到的Css3的属性就可以，以第一人称来回答这个问题，例如：在我们的项目中经常用CSS3中的XX属性来实现XX特效。 解题...

2016-10-12 15:58:20

阅读数：19467

评论数：0

原 Web前端面试指导(三十九)：new操作符具体干了什么呢?

题目点评 考察对new关键的深刻认识，时候对前端知识有专研，如果没有专研的人，肯定说创建了一个对象，恭喜你面试面试官知道你是小菜鸟来的，这次面试基本上没有太大的希望了。一定要对new过程的4个步骤非常清楚，这样才能深深地抓住面试官的心！ 题目解析 先看代码 var Func=function(){...

2016-10-11 22:28:28

阅读数：8592

评论数：3

• 上一页
• 1
• 2
• 下一页