前端面试
文章平均质量分 82
程序员柳随风
这个作者很懒,什么都没留下…
展开
-
有趣的前端面试题——后篇:答案篇
看代码得结果 题1var a = 1if (true) { console.log(a) let a = 2}结果:ReferenceError: Cannot access ‘a’ before initialization // 初始化之前无法访问 ‘a’考点:暂时性死区原因分析:如果区块中存在 let 和 const 命令,则这个区块对这些命令声明的变量从一开始就形成封闭作用域,这种现象就叫 “暂时性死区”。其本质就是,只要进入当前作用域,所要使用的变量就已经存在,但是不可获取,原创 2021-03-18 09:22:53 · 634 阅读 · 1 评论 -
有趣的前端面试题——前篇:题目篇
本文为——前篇:题目篇,想看答案及解析可见有趣的前端面试题——后篇:答案篇1.看代码得结果 题1var a = 1if (true) { console.log(a) let a = 2}2.看代码得结果 题2var a = {n: 1}var b = aa.x = a = {n: 2}console.log(a.n, b.n)console.log(a.x, b.x)3.看代码得结果 题3var c = 1function c(c) { console.log原创 2021-03-18 09:21:41 · 354 阅读 · 0 评论 -
前端开发都需要掌握那些技术?
目前前端招聘一般都要求开发者掌握那些技术呢?我从近期的招聘信息中整理了以下内容。目录如下:一.网页开发 二.小程序 三.移动端 四.桌面端 五.其他技术一.网页开发这里指PC端网页开发,要求的技术主要有以下几类:......原创 2020-03-08 01:59:04 · 3794 阅读 · 0 评论 -
前端中高级知识要点总结(3w+长文)
本文整理前端常见的知识要点,方便随时复盘。内容主要涵盖JS基础、CSS、HTML,JS面向对象,渲染机制,网络HTTP,前端安全,设计模式,算法等方面。注:文章内容相对而言有一定的难度,所以需要读者有一定的基础。另外,若文章有何不妥之处或者你有任何疑问,欢迎留言讨论。一.JS基础1.手写实现call()call()、apply()和bind()这是前端人逃不过的三个方法,是从初级向中级进阶所必会的。通过使用这些方法,我们可以修改函数绑定的this,使其成原创 2020-10-09 22:59:51 · 10843 阅读 · 8 评论 -
(九)前端面试:渲染机制
文章内容参考自《前端跳槽面试必备技巧》1.什么是DOCTYPE及作用DTD(documenttypedefinition,文档类型定义)是一系列的语法规则,用来定义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型,决定使用何种协议来解析,以及切换浏览器模式。DOCTYPE是用来声明文档类型和DTD规范的,一个主要的用途便是文件的合法性验证。如果文件代码不...转载 2019-07-22 14:45:23 · 199 阅读 · 0 评论 -
(八)安全类
文章内容参考自《前端跳槽面试必备技巧》1.CSRF(1)基本概念和缩写CSRF,跨站请求伪造,英文名Cross-site request forgery 缩写CSRF。(2)攻击原理(3)防御措施Token验证 Referer验证 隐藏令牌2.XSS(1)基本概念和缩写Cross-site scripting,跨域脚本攻击(2)攻击原理和防御措施...转载 2019-07-22 12:11:17 · 193 阅读 · 0 评论 -
(七)前端面试:通信类
文章内容参考自《前端跳槽面试必备技巧》通信类包括1.什么是同源策略及限制同源策略限制从一个源加载的文档或脚本如何与来自另一一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。(这里的源指的是协议、端口和域名)限制:Cookie、LocalStorage 和IndexDB无法读取 DOM无法获得 AJAX请求不能发送2.前后端如何通信Ajax W...转载 2019-07-22 11:53:18 · 176 阅读 · 0 评论 -
(六)前端面试:面向对象
文章内容参考自《前端跳槽面试必备技巧》1.类的声明 /** * 类的声明 */ function Animal() { this.name = 'name'; } /** * ES6中的类声明 */ class Animal2 { constructor () { this.name = 'name'; }...转载 2019-07-22 11:51:33 · 814 阅读 · 0 评论 -
(五)前端面试:原型链类
文章内容参考自《前端跳槽面试必备技巧》原型链这部分主要包括以下几个方面1.创建对象有几种方法// 第一类:字面量 (o11不是字面量方式)var o1 = {name: 'o1'};var o11 = new Object({name: 'o11'});// 第二类:构造函数var M = function(name) {this.name = name};var ...转载 2019-07-19 23:36:11 · 213 阅读 · 0 评论 -
(四)前端面试:HTTP协议类
文章内容参考自《前端跳槽面试必备技巧》http协议这块,可能会涉及以下几个方面1.HTTP协议的主要特点简单快捷 灵活 无连接 无状态2.HTTP报文的组成部分请求报文是指你发起url请求响应报文是指服务端对请求做出响应3.HTTP方法GET 获取资源 POST 传输资源 PUT 更新资源 DELETE 删除资源 HEAD 获得报文首部...转载 2019-07-18 23:26:53 · 157 阅读 · 0 评论 -
(三)前端面试:事件类
文章内容参考自《前端跳槽面试必备技巧》事件这一块主要涉及一下方面:1.DOM事件的级别这里没有DOM1是应为DOM1标准不涉及事件DOM2在IE中监听事件使用attachEvent方法2.DOM事件模型1)捕获(由外向里)看一个小demo,展示了事件捕获的具体流程:<div id="ev">目标元素</div><scri...转载 2018-11-05 22:16:07 · 230 阅读 · 0 评论 -
(二)前端面试:盒模型
文章内容参考自《前端跳槽面试必备技巧》盒模型是前端最基础的一部分了,需要熟练掌握。1.标准模型从图中可以看出,标准模型的宽高就是内容content部分的宽高。2.IE模型(怪异盒模型)IE模型中的宽高包含padding(内边距)和border(边框),这是两者的区别所在。3.标准模型与IE模型之间的转换标准模型 ==> IE模型 :box-sizing:...转载 2018-11-05 20:31:44 · 402 阅读 · 0 评论 -
(一) 前端面试:三栏布局
文章内容参考自《前端跳槽面试必备技巧》三栏布局算是面试中一个比较经典的问题了,本文主要讨论左中右形式的三栏布局,给出了五种实现方式,效果图如下:具体的实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三栏布局&l...转载 2018-11-05 18:53:06 · 690 阅读 · 0 评论 -
前端面试:性能优化
前端性能优化比较常见的一些点:使用缓存(最重要的一点),cookie与WebStorage 减少http请求 文件压缩合并:html,js,css压缩。删除一些无用代码:注释 图片无损压缩,安卓下可以使用webp格式图片 使用字体图标,矢量图svg,雪碧图,base64 js文件一般放在页面底部,若放在head里一般要在script标签上加 async 或者 defer 进行异步加...原创 2019-08-08 12:25:20 · 375 阅读 · 0 评论