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前端面试总结(非常经典)摘要:前端的东西特别多,面试的时候我们如何从容应对,作为一个老兵,我在这里分享几点我的经验。 一、javascript 基础(es5) 1、原型:这里可以谈很多,只要围绕 [[ prototype ]] 谈,都没啥问题 2、闭包:牵扯作用域,可以两者联系起来一起谈 3、作用域:词法作用域,动态作用域 4、this:不同情况的调用,this 指向分别如何。顺带可以提一下 es6 中箭头函数没有 this, arguments, super 等,这些只依赖包含箭头函数最接近的函数 5、call,apply,bind 三者用法和区别:参
web前端面试相关课程
web前端面试相关教程
- <strong>3、前端面试必备</strong> 省钱套餐【前端面试求职跳槽通关路线】课程收获:彻底搞懂不同阶段的面试重点,高效拿下 offer。👇点击课程名称直接加入购物车①快速搞定前端技术一面②前端框架及项目面试③JavaScript 版数据结构与算法④TTP 协议原理 + 实践🔥将以四门课程一起结算立享优惠×套餐原价:1096元√618惊喜价:848元!
- 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 端,同样的内容需要在不同的终端进行展示。而不同终端需要不同的渲染方式,如果仍然采用前后端不分离的应用模式,就需要后端为不同的前端渲染不同的页面进行适配,此时增加了许多冗余工作。前后端不分离模式示意图
- 1. 部署前端 前端框架如 Vue 打包出来往往是静态的文件 index.html 加上一个 static 目录。static 目录下有 fonts、css、js、img等静态资源目录。前端的访问是从 index.html 开始的。假设服务器上打包出的前端代码放到/root/test-web目录下,对应部署前端的配置如下:...http{ server { # 监听8080端口 listen 8080; # 指定域名,不指定也可以 server_name www.xxx.com; # 浏览器交互调参,打开gzip压缩、缓存等等 gzip on; ... location / { root /root/test-web; # 也可以简单使用 index index.html try_files $uri $uri/ /index.html; } # vue 页面中向后台 java 服务发送请求 ... }}...
- Web应用模式 还记得我们在课程简介中提到过的"前后端分离技术"吗?其实,前后端分离是当下非常流行的一种 Web 开发模式,当前,有两种较为常用的 Web 开发模式:前后端不分离模式前后端分离模式下面我们一起来认识一下这两种 Web 开发模式,通过比较,你应该就能知道为什么前后端分离的开发模式能够大行其道了。
web前端面试相关搜索
-
w3cshool
w3c标准
w3c菜鸟
w3c验证
walk
wall
warn
web
web py
web service
web services
webbrowser
webgl
webmaster
webservices
webservice教程
webservice接口
webservice调用
websocket
webview