【最近面试前端岗位，汇总了一下前端面试题（JS+CSS）】的更多相关文章

web前端面试题HTML/CSS部分

web前端面试题HTML/CSS部分 前端页面有哪三层构成,分别是什么?作用是什么? 1.结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达.解决了页面“内容是什么”的问题. 2.表示层:由CSS负责创建,解决了页面“如何显示内容”的问题. 3.行为层:由脚本负责.解决了页面上“内容应该如何对事件作出反应”的问题. css的基本语句构成是什么? 选择符{属性1:值1;属性2:值2;...}等. 主流的浏览器分别是什么内核? IE:Trident内核 Mozilla F…

前端面试题 -- JS篇

前端面试题 -- JS篇 类型 1.js中有哪些数据类型,并解释清楚原始数据类型和引用数据类型 js中共有null,undefined, string,number,boolean,object六种数据类型. 原始数据类型: null,undefined, string,number,boolean 引用数据类型:object 两者的区别:1)值存储方式不同: 原始数据类型:将变量名和值都存储在栈内存中 引用数据类型:将变量名存储在栈内存中,将值存储在堆内存中,并在栈内存中存储值的地址,该地址指…

前端面试题：CSS实现水平垂直居中

这是一个挺常见的前端面试题,但是没有做过总结.有的时候可能会使用完了,很长一段时间不去使用,会慢慢忘记.所以,温故而知新,还是很有必要的. 一.绝对定位元素的居中实现 这一种工作中用的应该是最多的,兼容性也是很好. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte…

最近面试前端岗位，汇总了一下前端面试题（JS+CSS）

JavaScript 运行机制 1. 单线程(用途决定,需要与用户互动以及操作DOM) 2. 分同步任务(主线程)与异步任务(任务队列),只有任务队列通知主线程某个任务可以执行了,该 任务才会进入主线程执行. 放入异步任务的情况: 1. setTimeout.setInterval 2. DOM 事件 3. ES6中的 Promise 4. Ajax异步请求 javascript console.log(1); setTimeout(function() { console.log(3); },…

[WEB面试题] web前端面试题HTML+CSS第一弹，个人整理部分面试题汇总

以下内容仅供参考,网络整理而来 1.XHTML和HTML是什么有什么不同的区别 HTML是一种基本的WEB网页设计语言 XHTML可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格XHTML 元素必须被正确地嵌套.XHTML 元素必须被关闭.标签名必须用小写字母.XHTML 文档必须拥有根元素. 2.常见浏览器的内核分别有哪些? Trident内核代表产品Internet Explorer,又称其为IE内核 Gecko内核代表作品Mozilla F…

前端面试题 | JS部分（附带答案）

目前在找工作,所以各方收集了一堆面试题.其实刷面试题的过程也能更新自己对知识的认识,所以也提醒自己多看多理解.如果对下面题目有更深理解,会实时更新.遇到新题目,也会不定时更新.希望能帮助到部分朋友- 一.各种函数方法定义及区别 1. typeof运算符和instanceof运算符以及isPrototypeOf()方法的区别 typeof是一个运算符,用于检测数据的类型,比如基本数据类型null.undefined.string.number.boolean,以及引用数据类型object.func…

前端面试题-HTML+CSS

引用GitHub 上 ltadpoles的前端面试 https://github.com/ltadpoles HTML部分 1. Doctype作用,HTML5 为什么只需要写<!DOCTYPE HTML> doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档. <!DOCTYPE>声明必须是HTML文档的第一行,位于html标签之前. HTML5不基于SGML,所以不需要引用DTD. 在HTML5中&l…

某一线互联网公司前端面试题js部分总结

js部分 1,使用严格模式的优点 - 消除Javascript语法的一些不合理.不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全: - 提高编译器效率,增加运行速度: - 为未来新版本的Javascript做好铺垫. 2,合并数组的方法 a.contact(b); 3,jquery的get()方法.eq()方法 $("ul").eq(1); $("ul").get(1); eq返回的是一个jquery对象 get返回的是一个htm…

前端面试题归类-css的flex相关

Flex布局 常见父项的属性: ●flex-direction :设置主轴的方向 Row 默认值从左到右 row-reverse 从右到左 column 从上到下 column-reverse 从下到上 ●justify-content :设置主轴上的子元素排列方式 flex-start 默认值从头部开始 如果主轴是x轴,则从左到右 flex-end 从尾部开始排列(但元素的顺序还是从左到右) center 在主轴居中对齐(如果主轴是x轴则水平居中) space- around 平分剩余空间 s…

微信前端面试题----js实现LazyMan

这是微信小程序的一道面试题,题目是这样的: 实现一个LazyMan,可以按照以下方式调用:LazyMan("Hank")输出:Hi! This is Hank! LazyMan("Hank").sleep(10).eat("dinner")输出Hi! This is Hank!//等待10秒..Wake up after 10Eat dinner~ LazyMan("Hank").eat("dinner")…