1.试述前端开发技术发展变化历程，理解推动技术发展动力以及对软件开发职业的启发。
2.当前前端开发技术主要特征有哪些？
前后端分离开发：
前端专注页面展示效果与用户使用体验,后端专注为前端提供数据和服务
工程化特征：模块化、组件化、规范化、自动化
模块化：采用分治思想，将大文件拆分成小文件，每个小文件只负责一个功能，降低复杂度，提高复用率。针对js部分。
组件化：组件化是对交互界面的拆分，是包含html、css、js的功能相对完备的结构单元，提现分治、封装、复用的思想，（分治：将大页面分为小组件，降低复杂度，提高可维护性；封装：组件内部实现逻辑不用关心，组件内变化也不会影响到全局；复用：避免大量重复代码）
规范化：提升效率，降低沟通成本。
自动化：自动化的工具，提升效率，有包管理工具（npm 和yarn）、自动化构建工具（webpack、grunt,gulp）、规范化工具（eslint和stylelint）
MVVM模式：
照分层思想 , 将 前 端 页 面 纵 向 分 成 模 型 model、 视图view 和视图模型viewModel三部分
响应式布局：
布局响应式和数据响应式
3.常用的技术框架和ui框架都有哪些？这些框架在前端开发框架的作用。
4.块级元素和行内元素的特点有哪些？分别列出在html中不少于5个行元素和行内元素。
5. 在css中常用选择器有哪些？
标签选择器、id选择器（＃para１{textＧalign:center;color:red;}）、class选择器（．center{textＧalign:center;}）、后代选择器（.container .p-font{color:red}）、伪类选择器
6. 在css中常用计量单位都有哪些？响应式界面布局编程中如何使用？
响应式不要用px就可以了
7. 试描述less的主要特征及使用less能带来什么好处？
less是预处理语言和扩充了css，通过编译器将其转换成css文件，再交给浏览器使用，增加了变量、嵌套、混入、函数、继承等功能。
好处：提高效率、代码复用、易于维护、动态样式生成。
在 html 文件中使用 link 引入外部样式文件时 , 引入的 less 文件在先 , 引入的less．js 文件在后 , 文件的顺序不能颠倒 . 使用外部 less 文件时 , 直接使用html文件浏览页面时会报跨域错误 , 通过 web 服务器浏览则不会报错 .
使用 less 编程时 , 将 style 的 type 属性设置为 text/less
在 vue 项目中使用 less, 只需使用包安装工具 , 如 :npm 安装 less 包即可 , style标签中增加 lang＝＂less＂ 即可
8.举例说明什么是JavaScript变量的作用域。
变量的作用域就是变量在代码中可使用的范围，全局、局部、块级作用域。
9.什么是原型链以及原型链的作用？
当调用对象方法或查看对象属性时, 首先在这个对象内部查找 , 如果没有找到, 就去这个对象的原型对象中查找 , 如果还没有找到 ,继续在更高一级原型 对象中查找 , 查找的过程呈现一个链状结构 , 称为原型链。
javascript
function Person(name, age) {
this.name = name;
this.age = age;
this.sayHello = function() {
console.log(`hello my name is ${this.name}`);
}
}
function Teacher() {
this.giveLessons = function() {
console.log("授课");
}
}
Teacher.prototype = new Person("winkle", 40);
function MusicTeacher() {
this.musicPlay = function() {
console.log("弹钢琴");
}
}
MusicTeacher.prototype = new Teacher();
// 创建MusicTeacher实例
var obj = new MusicTeacher();
// 调用方法并观察控制台输出
obj.giveLessons(); // 输出: 授课
obj.sayHello(); // 输出: hello my name is winkle
obj.musicPlay(); // 输出: 弹钢琴Teacher.prototype = new Person("winkle", 40); //创建了一个新的Person实例，name为"winkle"，age为40 //将这个实例赋值给Teacher的prototype属性。这意味着所有通过Teacher构造函数创建的对象都会继承这个Person实例的属性和方法（包括sayHello）
MusicTeacher.prototype = new Teacher(); 这行代码创建了一个新的Teacher实例，并将其赋值给MusicTeacher的prototype属性。由于Teacher的原型已经被设置为一个Person实例，因此通过MusicTeacher创建的对象将继承Teacher和Person的属性和方法。
var obj = new MusicTeacher(); 这行代码创建了一个新的MusicTeacher实例。
console.log(obj)打印出obj对象，可以看到它包含了MusicTeacher、Teacher和Person的属性和方法。obj.giveLessons()调用giveLessons方法，打印出"授课"。obj.sayHello()调用sayHello方法，打印出"hello my name is winkle"，因为Teacher的原型是设置为具有"winkle"名字的Person实例。
10.什么是异步编程，异步编程实现方式是什么？
异步编程是进入任务队列的任务,当任务队列通知主线程可以执行时 , 才会进入主线程排队执行. 通常将比较耗时的 I/O 操作定义为异步任务 , 如 : 将获取服务器端数据操作安排为异步任务。
异步任务是通过回调函数实现的，回调函数就是当某个程序执行完成后,根据完成结果执行的函数.如:后台服务器返回查询的结果数据,对结果数据处理函数就是一个回调函数。