web前端面试题相关知识
-
web前端面试题1.css有哪些选择符,它们的优先关系计算CSS 元素选择器CSS 类选择器CSS ID 选择器CSS 属性选择器CSS 后代选择器CSS 子元素选择器CSS 相邻兄弟选择器CSS 伪类CSS 伪元素等等优先关系:使用!important可以改变优先级别为最高,其次是style对象,然后是id > class >tag ,另外在同级样式按照申明的顺序后出现的样式具有高优先级。2.用css写一个底边为100px的三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style t
-
web前端面试题1.写出HTML5新增语义化标签以及表单控件(越多越好)常用的语义化标签 :<header>,<nav>,<footer>,<section> ,<article>,<aside>...常用的表单控件:email, url, number, range, Data Pickers, data, month, week, time, search2.简述HTML5中web worker, web socket, geo location, local storage适用场景web worker: 在Javascript单线程执行的基础上,开启一个子线程,进行程序处理,而不影响主线程的执行,当子线程执行完毕之后再回到主线程上,在这个过程中并不影响主线程的执行过程。可以加载一个JS进行大量的复杂计算而不挂起主进程,并通过postMessage,onmessage进行通信。web socket:在做一些需要即时通信的功能时候,我们首选就是用we
-
web前端面试题汇总1.讲讲输入完网址按下回车,到看到网页这个过程中发生了什么?------域名解析------发起TCP的3次握手------建立TCP连接后发送http请求------服务端响应http请求,浏览器获得html代码------浏览器解析html代码,并请求html代码中的资源------浏览器对页面进行渲染并呈现给用户2.谈谈你对前端性能优化的理解a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域b. 请求带宽:开启GZip,精简JavaScript,移除重复脚本,图像优化,将icon做成字体c. 缓存利用:使用CDN,使用外部JavaScript和CSS,添加Expires头,减少DNS查找,配置ETag,使AjaX可缓存d. 页面结构:将样式表放在顶部,将脚本放在底部,尽早刷新文档的输出e. 代码校验:避免CSS表达式,避免重定向3.请简述盒模型IE6盒子模型与W3C盒子模型。文档中的每个元素被描绘为矩形盒子。盒子有四个边界:外边距边界margin, 边框边界border
-
Web前端面试题目及答案汇总以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识,如有错误或更好的答案,欢迎指正。: )阅读目录HTML/CSS部分JavaScript部分其他HTML/CSS部分1、什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。2、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素:a、b、span、img、input、strong、select、label、em、button、textarea块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素:即系没有内容的HTML元素,例如:br、me
web前端面试题相关课程
web前端面试题相关教程
- <strong>3、前端面试必备</strong> 省钱套餐【前端面试求职跳槽通关路线】课程收获:彻底搞懂不同阶段的面试重点,高效拿下 offer。👇点击课程名称直接加入购物车①快速搞定前端技术一面②前端框架及项目面试③JavaScript 版数据结构与算法④TTP 协议原理 + 实践🔥将以四门课程一起结算立享优惠×套餐原价:1096元√618惊喜价:848元!
- 2. 面试题 即使候选者对上面这些问题全部都对答如流,也不一定能够灵活的运用这些知识。而这道面试题不仅考察了候选人的基础,更考察了候选者对基础知识的灵活运用,来看看这道面试题:(鼠标点击可以互动)要求如下:边框九宫格的每个格子中的数字都要居中鼠标经过时边框和数字都要变红格子中的数字居中用flex实现点击九宫格会弹出对应的数字具体实现如下:1243
- 4. 面试题 模块化在面试中经常会被问到,掌握其深层原理是回答这类问题的关键。下面是面试中参考的两道题,这里和大家分享一下,提供的答案仅供参考。commonjs 规范与 es module 规范的区别?两个规范的区别可以从以下几个方面来回答:模块的导出和导入:commonjs 使用的是 module.exports 和 require;es module 使用的是 export 和 import;模块的引入方式:commonjs 是动态引用;esmodule 是静态分析,export 和 import 只能出现在代码的顶层,在编译时就可以确定引用;模块的引用类型:commonjs 对基本类型传递值,esmodule 对基本类型是传递引用;CommonJs 的 this 是当前模块,ES6 Module 的 this 是 undefined;对 webpack 来说,想要支持 tree shaking,包必须采用 es module 规范。JS 在加载时分为两个阶段:编译和执行,而 ES6 模块是在 编译时进行加载(也可以叫:静态加载),这使得静态分析成为可能。es module 自动采用严格模式,不管你有没有在模块头部加上 "use strict";。题目:commonjs 规范的循环引用这是一道经典的 commonjs 的面试题,分析下列这段代码,并解释原理。//main.jsvar a = require('./a')console.log(a)// a.jsmodule.exports.a = 1var b = require('./b')console.log(b)module.exports.a = 2// b.jsmodule.exports.b = 11var a = require('./a')console.log(a)module.exports.b = 22回答本题的核心就是要知道 require 后的模块是会被缓存的,还需要注意的是先加入缓存,然后再执行。这样在按照代码同步的执行顺序去分析代码就会很清晰。具体分析如下:使用 node main.js 执行 main.js 文件内容;执行 require('./a') 会将 a 模块加入缓存,然后执行 a 模块中的内容,执行权交到了 a 模块中,执行 a;执行第一行将缓存的 a 值赋值为 1,然后执行第二行 require('./b') 把 b 模块加入缓存,并把执行权交到 b 模块中;b 模块中把 b 的值赋值为 11,在 require('./a') 时,是从缓存中取的值,这里就会在控制台打印 {a: 1},最后把缓存中的 b 值修改为 22,执行权交给上一级;代码执行权回到 a 模块中,这时 b 从缓存中取的值是 22,控制台中打印 { b: 22 } ,最后把缓存中的 a 值修改为 2,执行权交给上一级;代码执行回到 main 模块中,这时缓存中的 a 是 2,控制台中打印 { a: 2 } ,然后代码执行完毕。
- 1.前端与后端 在理解这两种 Web 应用模式之前,我们需要先明确前端与后端的概念。前端负责页面的渲染、数据的展示,而后端负责处理用于展示的数据。通俗地讲,前端就是用户可以看到的东西,比如在一个天气预报页面中,用户所能看到的天气信息就是前端展示的。每天的天气不同,展示的数据也不一样,那么这些数据从何而来?答案是后端。我们之所以能看到实时更新的天气数据,是因为前后端配合作业实现的。后端在数据库查询相应时间的天气情况,查到数据后,进行相应的处理、包装,交由前端,前端获取数据后,根据提前设计好的样式,在相应位置填充后端发来的数据,这样一个天气预报页面就呈现在了用户眼前。天气预报页面
- 4.4 Selenium Web 应用程序测试 Selenium 是一个用于 Web 应用程序测试的工具,它使用 JavaScript 模拟真实用户对浏览器进行操作。Selenium 支持的浏览器包括IE(7, 8, 9, 10, 11),Mozilla Firefox,Safari,Google Chrome,Opera等。Selenium 支持使用 Python 语言编写动作测试脚本,测试脚本执行时,浏览器自动按照脚本代码做出点击、输入、打开、验证等操作,就像真实用户所做的一样,从终端用户的角度测试应用程序。用户使用 Python 编写测试脚本:测试应用程序的浏览器兼容性,验证应用程序是否能够工作在不同浏览器和操作系统之上创建回归测试检验软件功能和用户需求Selenium 主要用于测试 Web 应用程序,学习 web 自动化测试前,需要补充 Web 相关的知识,包括:HTTP 协议HTML 的基础知识,如何使用 Javascript 操纵 DOMFirebug 或者 Chrome 开发者工具的使用,用于抓取元素
- 2. 前后端不分离模式 在前后端不分离的应用模式中,前端向 Web 服务器发送请求,Web 服务器根据请求内容,从数据库查询相应数据,将数据填充进模板渲染,渲染结果发回前端进行展示。在过去,人们访问互联网几乎都是通过 PC 浏览器,因而仅需开发适应 PC 显示的单终端页面(只在一种设备上使用,其他设备不使用或很少使用的页面)即可。如果仅开发单终端的网页应用,前后端不分离模式是较为普遍的开发模式,针对同一个页面,后端提供资源填充入前端模板相应的位置并渲染,展示给客户即可,无需考虑不同终端需要不同的数据类型、不同的展示效果。在这种场景下,前后端不分离模式不仅开发速度快,还便于开发人员直接调试页面。然而随着移动互联网的发展,Web 应用不再单单服务于 PC 端,同样的内容需要在不同的终端进行展示。而不同终端需要不同的渲染方式,如果仍然采用前后端不分离的应用模式,就需要后端为不同的前端渲染不同的页面进行适配,此时增加了许多冗余工作。前后端不分离模式示意图
web前端面试题相关搜索
-
w3cshool
w3c标准
w3c菜鸟
w3c验证
walk
wall
warn
web
web py
web service
web services
webbrowser
webgl
webmaster
webservices
webservice教程
webservice接口
webservice调用
websocket
webview