面试问js原型怎么理解

一、基于原型链的继承

1继承属性

JavaScript 对象是动态的属性“包”（指其自己的属性）。JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依此层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。下面的代码将演示，当访问一个对象的属性时会发生的行为：

[javascript] view plain copy

// 假定有一个对象 o, 其自身的属性（own properties）有 a 和 b：

// {a: 1, b: 2}

// o 的原型 o[[Prototype]]有属性 b 和 c：

// {b: 3, c: 4}

// 最后, o[[Prototype]][[Prototype]] 是 null

// 这就是原型链的末尾，即 null，

// 根据定义，null 没有[[Prototype]]

// 综上，整个原型链如下:

// {a:1, b:2} ---> {b:3, c:4} ---> null

consolelog(oa); // 1

// a是o的自身属性吗？是的，该属性的值为1

consolelog(ob); // 2

// b是o的自身属性吗？是的，该属性的值为2

// o[[Prototype]]上还有一个'b'属性,但是它不会被访问到这种情况称为"属性遮蔽 (property shadowing)"

consolelog(oc); // 4

// c是o的自身属性吗？不是，那看看o[[Prototype]]上有没有

// c是o[[Prototype]]的自身属性吗？是的,该属性的值为4

consolelog(od); // undefined

// d是o的自身属性吗？不是,那看看o[[Prototype]]上有没有

// d是o[[Prototype]]的自身属性吗？不是，那看看o[[Prototype]][[Prototype]]上有没有

// o[[Prototype]][[Prototype]]为null，停止搜索，

// 没有d属性，返回undefined

创建一个对象它自己的属性的方法就是设置这个对象的属性。唯一例外的获取和设置的行为规则就是当有一个 getter或者一个setter 被设置成继承的属性的时候。

2继承方法

JavaScript 并没有其他基于类的语言所定义的“方法”。在 JavaScript 里，任何函数都可以添加到对象上作为对象的属性。函数的继承与其他的属性继承没有差别，包括上面的“属性遮蔽”（这种情况相当于其他语言的方法重写）。

当继承的函数被调用时，this 指向的是当前继承的对象，而不是继承的函数所在的原型对象。

[javascript] view plain copy

var o = {

a: 2,

m: function(){

return thisa + 1;

}

};

consolelog(om()); // 3

// 当调用 om 时,'this'指向了o

var p = Objectcreate(o);

// p是一个对象, p[[Prototype]]是o

pa = 12; // 创建 p 的自身属性a

consolelog(pm()); // 13

// 调用 pm 时, 'this'指向 p

// 又因为 p 继承 o 的 m 函数

// 此时的'thisa' 即 pa，即 p 的自身属性 'a'

二、使用不同的方法来创建对象和生成原型链

EDIT

1使用普通语法创建对象

[javascript] view plain copy

var o = {a: 1};

// o这个对象继承了Objectprototype上面的所有属性

// 所以可以这样使用 ohasOwnProperty('a')

// hasOwnProperty 是Objectprototype的自身属性。

// Objectprototype的原型为null。

// 原型链如下:

// o ---> Objectprototype ---> null

var a = ["yo", "whadup", ""];

// 数组都继承于Arrayprototype

// (indexOf, forEach等方法都是从它继承而来)

// 原型链如下:

// a ---> Arrayprototype ---> Objectprototype ---> null

function f(){

return 2;

}

// 函数都继承于Functionprototype

// (call, bind等方法都是从它继承而来):

// f ---> Functionprototype ---> Objectprototype ---> null

2使用构造器创建对象

在 JavaScript 中，构造器其实就是一个普通的函数。当使用 new *** 作符 来作用这个函数时，它就可以被称为构造方法（构造函数）。

[javascript] view plain copy

function Graph() {

thisvertexes = [];

thisedges = [];

}

Graphprototype = {

addVertex: function(v){

thisvertexespush(v);

}

};

var g = new Graph();

// g是生成的对象,他的自身属性有'vertices'和'edges'

// 在g被实例化时,g[[Prototype]]指向了Graphprototype

3使用 Objectcreate 创建对象

ECMAScript 5 中引入了一个新方法：Objectcreate()。可以调用这个方法来创建一个新对象。新对象的原型就是调用 create 方法时传入的第一个参数：

[javascript] view plain copy

var a = {a: 1};

// a ---> Objectprototype ---> null

var b = Objectcreate(a);

// b ---> a ---> Objectprototype ---> null

consolelog(ba); // 1 (继承而来)

var c = Objectcreate(b);

// c ---> b ---> a ---> Objectprototype ---> null

var d = Objectcreate(null);

// d ---> null

consolelog(dhasOwnProperty); // undefined, 因为d没有继承Objectprototype

4使用 class 关键字

ECMAScript6 引入了一套新的关键字用来实现 class。使用基于类语言的开发人员会对这些结构感到熟悉，但它们是不一样的。 JavaScript 仍然是基于原型的。这些新的关键字包括 class, constructor,static, extends, 和 super

[javascript] view plain copy

"use strict";

class Polygon {

constructor(height, width) {

thisheight = height;

thiswidth = width;

}

}

class Square extends Polygon {

constructor(sideLength) {

super(sideLength, sideLength);

}

get area() {

return thisheight  thiswidth;

}

set sideLength(newLength) {

thisheight = newLength;

thiswidth = newLength;

}

}

var square = new Square(2);

5性能

在原型链上查找属性比较耗时，对性能有副作用，这在性能要求苛刻的情况下很重要。另外，试图访问不存在的属性时会遍历整个原型链。遍历对象的属性时，原型链上的每个可枚举属性都会被枚举出来。

检测对象的属性是定义在自身上还是在原型链上，有必要使用 hasOwnProperty 方法，所有继承自Objectproptotype 的对象都包含这个方法。

hasOwnProperty 是 JavaScript 中唯一一个只涉及对象自身属性而不会遍历原型链的方法。

注意：仅仅通过判断值是否为 undefined 还不足以检测一个属性是否存在，一个属性可能存在而其值恰好为undefined。

6不好的实践：扩展原生对象的原型

一个经常被用到的错误实践是去扩展 Objectprototype 或者其他内置对象的原型。该技术被称为 monkey patching，它破坏了原型链的密封性。尽管，一些流行的框架（如 Prototypejs）在使用该技术，但是并没有足够好的理由要用其他非标准的方法将内置的类型系统搞乱。我们去扩展内置对象原型的唯一理由是引入新的 JavaScript 引擎的某些新特性，比如ArrayforEach。

1从一名小白到前端大神需要掌握哪些知识点
要想被称为前端大神要掌握的知识点还是有点多的，以我在源码时代培训过的经验来看，要想成为顶尖的前端大神，以下知识点你至少是应该要掌握的：“JavaScript基础、HTML入门基本内容，CSS+DIV的基础知识，选择器，盒子模型，网页布局，Photoshop,JavaScript高级编程，jQuery插件开发，模块化组件开，AJAX,HTML5,CSS3，响应式原理及布局，Bootstrap，前端依赖管理，CSS预处理语言（Less+Sass）,Grunt/Gulp自动化构建工具Express(Nodejs),MongoDB,ElementUIl,MVC、MVVM架构模式，VUE2,Webpack模块加载器&打包工具，React,Angular4,React Native”是不是感觉很多？觉得多就对了，只有对上述内容做到系数掌握，你才有资格被称之为“前端大神”。
2学习前端HTML5需要了解哪些知识点
Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理
ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库 *** 作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡， 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透
3网站前端开发都需要掌握哪些知识
CSS和HTML、JavaScript这是前端学习的三个语言，其中HTML是自简单，设计到代码多的就是CSS、JavaScript，入，门简单，达到初级前端水平很容易。

但是精通各种框架需要一定学习实践1、CSS和HTML刚入门的朋友，应该把重点放在 CSS和HTML基础知识的学习上。关于 CSS(3) 你需要了解以下一些知识点：web标准、HTML相关概念、HTML标签、路径相关概念、锚点及其他、表格标签、表单标签、综合案例，注册页面、CSS选择、CSS字体样、CSS外观属性、调式、CSS复合选择器、标签显示模式、CSS背景、CSS三大特性等等。

总的来讲，CSS和HTML的学习还是比较简单的。2、JavaScriptJavaScript一直都是前端工程师进步的基石， JavaScript 的理解深度决定了前端开发者的职业发展。

关于JavaScript的学习内容包括了浏览器执行JS过程、JS变量、数据类型、运算符、流程控制语句（if else 、三元表达式、switch）、循环（for、while、do while）、数组、冒泡排序、函数、作用域、预解析、对象、内置对象、简单类型和复杂类型等。只有在熟悉了JavaScript基础语法的基础上，我们才能继续深入学习前端技术。

前端需要掌握这些基本技能精通html，能够书写语意合理，结构清晰，易维护的html结构；精通css，能够还原视觉设计，并兼容业界承认的主浏览器；熟悉javascript，了解ECMAscript基础内容，掌握至少两种js框架随着web前端技术不断发展，web前端的岗位越来越多了，技术方向也有好多种，。web前端有广阔的发展空间，app、小程序、移动端、pc端等都是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。

只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。Web前端招聘岗位• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师。

• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师。• JS开发工程师、Vuejs开发工程师、Nodejs开发工程师、前端架构师。

• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师。在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。

web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。HTML前端开发与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准。

web前端工程师这个方向是目前从事Web前端开发的主要就业方向Web架构师薪资普遍比较高，技术要求高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。数据方向数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java要熟悉，属于Web开发的拓展方向。

大前端方向比如阿里，在大量实践rn和weex；由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端。图形学方向前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。

做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。
4学HTML5,你需要掌握这几个知识点
Html5开发可谓是这几年来特别“受宠”的软件开发了，html5不仅入行门槛低、薪资高，发展前景更是可观，所以得到大家的追捧和青睐也是实至名归的，那么想要从事html5开发学习要掌握哪些必备的知识呢？

那么想要学好html5开发，那么需要掌握的专业技术有：

第1阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；

第2阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；

第3阶段：PC端全栈项目开发：jQuery经典特效交互开发、>

原型和原型链是用线条图形描绘出的产品框架，也称线框图。原型链通俗易懂的理解就是可以把它想象成一个链条，互相连接构成一整串链子，而原型链中就是实例对象和原型对象之间的链接，每个函数都有一个prototype属性，这个prototype属性就是我们的原型对象。

原型链的特点

原型链通过隐式原型把一些构造函数层层的串起来，因为所有的对象都是继承自Object，原型是一个对象，并且只有函数有prototype，prototype对象中有一个constructor属性，指向了这个函数本身。

当访问一个对象属性或方法的时候，首先会在它本身属性上查找，如果没有找到就在它的proto隐式原型上查找，即它的构造函数的prototype，如果还没有找到就会再在构造函数的prototype的proto中查找，这样一层一层向上查找会形成一个链式结构称为原型链。

目前入门前端的人群分类

1、计算机相关专业出身系统走过计算机的理论基础，比如计算机组成原理、 *** 作系统原理、计算机网络、算法数据结构、设计模式，至少用过两门以上编程语言（强类型+弱类型）。

优点：理论、架构方面扎实，有整体计算机思维，内功不错，外功学起来比较快。

缺点：部分人，前端相关细节技术不扎实，不过花时间能很快搞定。

2、非计算机出身自学（也包括计算机专业没好好学的）理论基础薄弱，后来因个人兴趣或者职业需求，自学前端开发技能。

优点：自学能力比较强，能够根据自己的兴趣规划学习内容。

缺点：部分人对前端没有整体的学习框架 ，属于东一片，西一片，不成体系，部分人计算机没有整体思维，建议系统梳理下前端知识体系结构，该补的还是要补起来。

门前端时的一些困境

1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。比如 原型链，如果清楚 数据结构中链表结构，那么这个东西不难理解，再比如 哈希值，懂得数据结构中哈希表，哈希值也就迎刃而解。

2、计算机体系结构、 *** 作系统理论、网络理论不扎实导致到后期一些东西难于理解。比如有同学从前端学习入手，后来学习node开发 ，在 I/O ,进程、线程、IPC 、线程锁方面有些概念就比较难于理解，而导致不能很好得使用node 的api 。

3、前端整体体系架构没有做过深入思考。

导致用会用，但不知道为什么用，用另外一个有什么区别。

4、学习环境中无高手。

没有高手能够指导自己进入下一个层次。

5、有意识但是没有行动我的网盘收集了一堆资料或者一堆视频，然后就没有然后了 。

如何系统学习前端

网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。如果你现在是零基础学员，大致可以按如下思路学习系统学习：

基础部分

1、HTML + CSS 这部分学习，可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《Head First HTML 与 CSS 中文版》，这本书讲的太细了，我没能拿出耐心细读。你可以根据情况斟酌。

2、Java 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，建议马上看《Java语言精粹》，JS是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。

进阶部分

有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。

1、CSS。必看《精通CSS》，看完这本书你应该对：盒子模型，流动，Block，inline，层叠，样式优先级，等概念非常了解了。作为练习可以看下《CSS艺门之匠》这本书，它对标题，背景，圆角，导航条，table，表单等主题都有详细的介绍。

2、Java。上面提到内容还不足以让你胜任JS编程。在有了基础之后，进一步学习内容包括：

a） 框架。

推荐jQuery，简单易用，学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性，让你能更专注与Web开发学习的精髓部分。补充：可以使用 Codecademy 学习 Java，jQuery，用户体验真的很好（感谢 TonyOuyang ）。

b） Java 语言范式 。这个名字可能并不恰当，只是我找不到可以描述“面向对象”，“函数式”这个两个概念的概念。Java不完全是一个面向对象的语言，它的很多设计理念都有函数编程语言的影子，甚至说如果你不用面向对象，完全可以把它理解成一门函数式编程语言。

Java的很多语言特性，都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论，对封装，继承，多态等概念要理解，维基百科，百度百科会是你的帮手，另外推荐《Object Oriented Java》，应该有中文版。对与函数式编程我了解的也不系统，不好多说，可以自己百度一下。

c） Java 语言内部机制。必须弄清如下概念：JS 中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式下，‘this’指向的是谁。这部分内容你会在《Java语言精粹》中详细了解。另外，你必须理解 json。

d） dom编程，这个Web前端工程师的核心技能之一。必读《Dom编程艺术》，另外《高性能 Java》这本书中关于dom编程的部分讲的也很好。

e） Ajax编程，这是另一核心技术。Ajax建议在网上查些资料，了解这个概念的来龙去脉，百度百科，维基百科上的内容就足够了。真正编程是很容易的，如今几乎所有框架都对Ajax有良好的封装，编程并不复杂。

f） 了解浏览器差异性。这部分包括CSS和js两部分，浏览器差异内容很多，建议在实践中多多积累。另外对于浏览器的渲染模式，DOCTYPE等内容应该系统学习。

3、HTML5和CSS3 。HTML5规范已经于2014年10月28日发布了，移动端HTML5和CSS3已经得到了非常广泛的使用，必知必会呀。

升级部分

有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。

易维护。对于页面你该理解‘样式’，‘数据’，‘行为’三者分离，对应的当然就是CSS,HTML,js。对于js代码，你最好了解设计模式，重构，MVC等内容。

可测性。

高性能。必读《高性能Java》

低流量。移动端关注比较多。

额外补充部分

前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用Svn和Git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，比需要学会使用Grunt、Gulp等前端构建工具。

以上内容只是简单说了前端学习的顺序。对于前端开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。

1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。

2、后端。

应该说前端工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，入手难度比较低的应该是PHP了。这部分由可分为基于页面，基于框架两种。大型项目都是基于框架开发的，建议至少了解一个MVC框架，比如PHP的Ci、Yii、Yaf 等，好还框架的设计思想都大同小异。如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。

3、Android和IOS开发。

时至今日，前端的工作领域已经非常广泛，native的界面开发本质上也是前端开发，个大公司都面临着Native环境和web环境页面同时维护的问题，如果能够在技术上得到统一，将会有巨大的价值。

如何才能快速入门前端

1、学习东西，自学是一种途径，然而在自学的过程中，很多人处于不知道自己不知道的状态。

2、另一种是跟着高手，开阔视野，达到知道自己不知道的境界，从而有方向，在短时期内进入到一个新的境界，节约时间成本。

第一阶段：HTML+CSS+JS基础
（1） HTML+CSS:
HTML进阶、 CSS进阶、DIV+CSS布局、HTML+CSS整站开发、
（2） JavaScript基础：
Js基础教程、js内置对象常用方法、常见DOM树 *** 作大全、ECMAscript、DOM、BOM、定时器和焦点图。
（3） JS基本特效：
常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、d出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
程序猿的生活：前端只需要掌握这些，你也能拿8K！（（附简历模板102份）最完整面试题含答案）24 赞同 · 2 评论文章
（4）JS高级特征：
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
（5） JQuery：基础使用
悬着器、DOM *** 作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段：HTML5和移动Web开发
（1）HTML5：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas
（2）CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、flex布局、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocityjs框架、元素进场、出场策略、炫酷CSS3网页制作。
（3）Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
（4） 移动Web开发：
跨终端WEB和主流设备简介、视口、流式布局、d性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、手机聚划算页面、手机滚屏。
第三阶段：>

您好，web前端学习内容包括以下8个阶段：

阶段1前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和BOM编程、jQuery框架
阶段2HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3移动端
移动端核心、移动端适配、移动端特效
阶段4服务器端
服务器端开发、数据库 *** 作、前后端交互核心、微信公众号开发
阶段5JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、JavaScript函数式编程、JavaScript设计模式
阶段6前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue

web前端学什么

希望可以帮到你！

需要学习如下内容：

1、HTML语言

掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。

HTML是一种标记语言，能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现网页内容。

随着CSS、JavaScript、Flash等技术的发展，Web对于应用的处理能力逐渐增强，用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破，使得Web技术首次被认为能够接近于本地原生应用技术，开发Web应用真正成为开发者的一个选择。

HTML5可以使开发者的工作大大简化，理论上单次开发就可以在不同平台借助浏览器运行，降低开发的成本，这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具，支持HTML5应用的发展。

2、CSS

学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。

3、JavaScript

学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。

4、 *** 作系统

了解Unix和Linux的基本知识，对于开发人员有益无害。

5、网络服务器

了解Web服务器，包括对Apache的基本配置，htaccess配置技巧的掌握等。

扩展资料

常见前端开发工程师职位职责要求：

（1）使用Div+css并结合Javascript负责产品的前端开发和页面制作。

（2）熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化，为用户呈现最好的界面交互体验和最好的性能。

（3）负责相关产品的需求以及前端程序的实现，提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架。

（4）与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作 ；能独立完成功能页面的设计与代码编写，配合产品团队完成功能页面的需求调研和分析。

（5）了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

前端面试时被问到前端布局，这个怎么回答

你可以说，你对DIV+CSS布局的了解，不懂你先百度吧，我不可能一一说明的。
然后说，盒子模型的了解，还是那句，不懂你百度吧。
然后说，清除浮动的了解，还是那句，不懂你百度。
然后说，内联、内联块和内联元素的了解。
还有一些加分的，例如overflow的深入理解。overflow，如果理解得深入，对布局有一定的影响。
差不多就这样了，面试官也许问得更细，我就不清楚了。

前端面试，被问到vue的元件是怎么写，我怎么回答

vue框架中状态管理。在mainjs引入store，注入。新建了一个目录store，… export 。场景有：单页应用中，元件之间的状态。音乐播放、登入状态、加入购物车

web前端面试被问到为什么离职

实话实说，但是注意言辞，回答过程中千万不要抱怨、或是“吐槽”前东家的种种不好，请客观地叙述与自己现在状态有哪些不相契合的点。
参考：原东家的发展空间达不到我的期望，我想要寻找新的机会挑战自己，同时创造更大的价值。
注意：避免假大空的官话，会让人觉得不真诚，另外，点到为止，无需细谈。

前端面试时问到：怎么解决浏览器相容性？该怎么回答比较好？

IE6/IE7对FE当然很不友好，但专业的FE决不应该因为这两个浏览器难处理就不处理了。假如使用者需要，我的目标是在力所能及的情况下为使用者提供最好的前端展现。相容性的问题从来都不只是IE6/7的问题，各个手机、浏览器、版本的相容性同样有各种各样的问题，比IE奇葩多了。我的经验是，每遇到一个坑爹问题，做这么几件事：确认触发场景，什么浏览器、版本、什么情况下会出现这个问题，做到稳定复现；找到问题原因，为什么会出现这样的问题（网上搜、自己琢磨甚至邮件问相应公司开发者等等都是可行的）；确定解决法，有没有什么框架级的解决法，总之是定规范，避免类似问题；比如不使用某些属性；用某种布局方法规避一些问题等等；有没有什么临时的法可以快速绕过去？不是每次都有时间搞框架级的法来着。怎么hack过去把这些都积累起来，就会有用处。不要想着IE6、7没了就不用考虑浏览器相容性问题，chrome/firefox、webkit的各种版本，手机的各种浏览器、各种终端都要处理浏览器相容性问题，恩，对，偶尔还有flash来着。相容各种终端、相容各种解析度、相容浏览器都是相容性问题，这是FE的命，得认。抱着让使用者有最好体验的想法去做，收获更大。

前端面试被问到，vue实现资料双向系结，原理是啥

其原理大致是这样：
在资料渲染时使用prop渲染资料
将prop系结到子元件自身的资料上，修改资料时修改自身资料来替代prop
watch子元件自身资料的改变，触发事件通知父元件更改系结到prop的资料
这样做的好处是：父元件资料改变时，不会修改储存prop的子元件资料，只是以子元件资料为媒介，完成对prop的双向修改。

web前端面试怎么说

面试方法

程式码编写笔试

问答式

过程遵循 STAR 面试法 。

校招和社招的是不一样的，校招会更加关注基础知识，而社招会更加关注之前做过的专案情况。

专案相关

面试其实说白了就是根据一个人之前的经历，来判断出后续这人会做得怎样，如果你之前从没做成过一件事情，凭什么让别人相信你之后能做成呢？因此无论哪里的面试都会问你之前做过的专案

专案可以是多人协助开发一个产品，也可以是自己个人做过的业余应用，只需介绍 1、2 个就够了，需要注意的是 1 + 1 != 2，做了两个平庸的专案不如做了一个好专案。

一般来说会问如下几方面的问题：

做过最满意的专案是什么？

专案背景

为什么要做这件事情？

最终达到什么效果？

你处于什么样的角色，起到了什么方面的作用？

在专案中遇到什么技术问题？具体是如何解决的？

如果再做这个专案，你会在哪些方面进行改善？

技术相关 - 1 面

技术一面主要判断对基础知识的掌握

描述一个你遇到过的技术问题，你是如何解决的？

这个问题很常见，有没有遇到过很不常见的问题？比如在网上根本搜不到解决方法的？

是否有设计过通用的元件？

请设计一个 Dialog（d出层） / Suggestion（自动完成） / Slider（轮播） 等元件

你会提供什么介面？

呼叫过程是怎样的？可能会遇到什么细节问题？

技术二面主要判断技术深度及广度

你最擅长的技术是什么？

你觉得你在这个技术上的水平到什么程度了？你觉得最高级别应该是怎样的？

浏览器及效能

这些优化方法背后的原理是什么？

除了这些常规的，你还了解什么最新的方法么？

（这个问既考察技术深度又考察技术广度，其实要答好是相当难的，注意越详细越好）

一个页面从输入 URL 到页面载入完的过程中都发生了什么事情？越详细越好

谈一下你所知道的页面效能优化方法？

如何分析页面效能？

其它

除了前端以外还了解什么其它技术么？

对计算机基础的了解情况，比如常见资料结构、编译原理等

兴趣相关

最近在学什么？接下来半年你打算学习什么？

做什么方面的事情最让你有成就感？需求设计？规划？具体开发？

后续想做什么？3 年后你希望自己是什么水平？

主动性相关

在之前做过的专案中，有没有什么功能或改进点是由你提出来的？

是否有参与和改进其它开源专案

页面前端面试经常问到的问题

其实，不管是什么样的面试形，问的问题都差不多，万变不离其宗，都有规律可寻。其实对所有的面试官而言，只有一个目的：在最短的时间里了解到你最多的资讯。想高效率的准备面试，先从这七个大方面着手吧！
一、基本情况
1、请用最简洁的语言描述您从前的工作经历和工作成果。
二、专业背景
您认为此工作岗位应当具备哪些素质？
三、工作模式
您平时习惯于单独工作还是团队工作？
四、价值取向
您对原来的单位和上司的看法如何？
五、资质特性
您如何描述自己的个性？
六、薪资待遇
是否方便告诉我您目前的待遇是多少？
七、背景调查
您是否介意我们通过您原来的单位迚行一些调查？
95%的面试基本上都离不开这些问题，当然还有可能问一些专业问题，我想如果你做过的话应该都不是什么难事，一般面试官都不会过多的问专业方面的问题的。以上资讯直接参考楚湘人才网面试宝典篇之化繁为简，把HR的上百道问题汇总成七大类和面试常问经典问题。更多更全面的面试资讯 面试技巧 面试问题请登陆楚湘人才网或关注微信公众平台：楚湘人才网

如何用ecshop修改页面前端布局

网站是在伺服器上的庆，你朋友给你FTP或伺服器的帐号密码没。如果没有的话要下，是在网站的档案目录里

web前端面试怎么介绍

你的笔试题, 根据其做延伸

你的简历, 技术栈、工作外学习情况、专案经验 第一页很重要, 最好都能掌握, 有亮点更好

面试官额外的延展的知识点, 随机问,看你运气和积累(一般会提及到 ES6、解决实际问题的方法、资料结构与演算法都有可能)

应对

刷题, 各种基础题会帮你快速回忆起来, 比你看书快, 如果基础不好的话, 看书好好学学吧

简历上自己写的东西, 要能说出来

积累, 每次面试不成功就回来填坑吧, 还是有掌握不到位的 我觉得能坚持下来的话, 找工作只是时间问题

据公司业务不同, 着重点不一样, 公司能把你简历挑出来, 就说明有用人单位感兴趣的部分

可能你写的是 熟练使用 Vue, 公司也是这个技术栈

可能你知识写的全面, 公司想面面你实际掌握怎么样

可能你专案写的贴合用人单位需要, 比如都是做后台管理的

框架问题: (Vue 举例, 3框架实质问题差不多, 具体有些差异)

封装过哪些元件有自己写过 UI 元件吗

什么是 MVVM , 和 MVC 是什么区别, 原理是什么

父子元件怎么通讯的

兄弟元件怎么通讯的

生命周期有哪些, 怎么用

Vue 全家桶都用过哪些具体怎么用

HTML5 + CSS3

盒子模型

如何给未知宽高的垂直居中对齐 有几种方法

移动端的 rem 布局

前端可以做哪些优化, 或问你 SEO, 基本都问

清除浮动方式和原理, 基本都问 几种方式 原理 为什么要用伪元素 具体程式码怎么写,为什么这么写

清除浮动就会涉及到 BFC 的问题

给你实际页面例子, 让你口述布局或手写实现细节, 可以使用几种方法, 怎么写相容性好, 拓展性好

具体 API 哪个 CSS 版本的

CSS3 新增了哪些 API

可能问你哪些 API 是 CSS 哪个版本的 相容性怎么样

CSS hack 是什么 包含什么 怎么处理相容性问题

HTML5 新增了哪些 API 哪些比较常用 用来做什么 实际怎么用

cookie, session, localStrorage, sessionStorage 区别, 具体怎么用程式码去 *** 作

JavaScript

变数宣告提升的问题

闭包的原理, 闭包的各种题, 基本都问

DOM2 事件流, 冒泡和捕获问题

this 指向问题, 一般都是在笔试题里, 拿着问你, 问的比较多

call 和 apply 区别 有的还会加问 bind

面向物件程式设计中的继承问题, 原型链问题在笔试题里比较常见

jQuery API , 各种 *** 作 DOM 用法, 还有一些新的 API, 这种在不用 3 大框架的公司会问的很详细

可能有些考演算法结构的, 可以了解一下, 一般前端掌握的很少

Ajax 基本都问, 问的细节可能不同, 比如 get 和 post 有什么区别

阵列的方法 - es6 以下基本都能熟练使用, 应该会加分不少

字串的方法 - 拼接, 撷取, 带些正则

阵列去重问的挺多的(解法很多, ES6 有很多简短写法)

ES6 的 Promise , 很多都会问 如果公司用框架或者你写了, 还会问你 Class

var, let, const区别, 问的多

栈和伫列结构, 有的会问

跨域问题: 同源策略, 解决方案, 解决原理(比如 jsonp 的原理), 这里都是高发区

网页前端布局都用什么工具

一般应该都是用ps或者类似的作图软体先把图画出来，然后再手写程式码。
用ps等做出软体是方便作图后修改，因为不管是内部用还是给客户总是要多修改的

---