博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端_面试
阅读量:7230 次
发布时间:2019-06-29

本文共 1425 字,大约阅读时间需要 4 分钟。

<!--变量提升-->

<p>当执行JS代码时,会生成执行环境,代码不是在全局执行环境中,就是在函数执行环境中.
JS解释器在解释一段代码时,第一阶段:对于var 会先找出来进行变量提升,给它们在内存提前开辟好空间,函数的话会将整个函数存入内存中,变量只声明并且赋值为undefined,第二阶段,代码执行.</p>
<!--bind call apply区别-->
<p>call和apply都可以解决this指向,作用域是相同的,传参的方式不同.call可以接收一个参数列表,apply只接收一个参数数组.bind方法会返回一个函数,且通过bind实现柯里化.</p>
<!-- ==与 ===的区别-->
<!-- 前端优化-->
<p>
1.css样式表放在页面头部Header内且Link链式接入,javaScript放在底部body结束标签前避免堵塞.
2.代码压缩:html/css/js/图片进行压缩,图片预加载,懒加载,图片加载使用TinyPNG.
3.减少DOM元素数量且减少使用:after等伪类的使用,有效避免页面重绘/重排.
4.不常变动的静态资源采用CDN分发,img标签设置高宽,减少页面重排/重绘,使用WebP格式图片,对原图进行98%压缩.
5.域名拆分:增加了浏览器请求的并发数,让浏览器能同时发起更多的请求,解决默认携带的Cookie问题,减少数据传输字节.
通常分为三类:前端类:业务代码本身html,css,js,图片等. 静态类:CDN资源类 动态类:后端API接口类.
6.合理使用dns-prefetch, prefetch,preload,defer,async;
</p>

<!--前端面试-->

<h3>JavaScript</h3>
<p>执行上下文,尤其是词法作用域和闭包.提升机制,函数与块级作用域,以及函数表达式和声明</p>
<p>绑定,特别是bind,apply,this关键字,对象原型,构造函数和mixins,组合函数和高阶函数.</p>
<p>时间委托和冒泡,typeof instanceof和object.prototype,toString</p>
<p>使用回调,promiss和await和async处理异步调用.使用函数声明和表达式</p>

<h3>DOM</h3>

<p>如何遍历和操作DOM,包括使用document.querySelector和旧浏览器中的document.getElementsByTagName选择或查找节点。上下遍历(Node.parentNode,Node.firstChild,Node.lastChild和Node.childNodes),左右遍历(Node.previousSibling和Node.nextSibling)在DOM树中添加,删除,复制和创建节点,以及切换,删除或添加CSS类名等操作。</p>

<h3>CSS</h3>

<p>布局</p>

<h3>HTML</h3>

<p></p>

性能优化

页面性能优化

(1)函数节流:一个函数执行一次后,只有大于设定的执行周期才会执行第二次.(2)函数防抖:一个需要频繁触发的函数,只有在规定时间内,只让最后一次生效,前面的不生效.(3)资源压缩与合并(html压缩,css压缩,js压缩,文件合并与压缩)(4)非核心代码异步加载(5)利用浏览器缓存.(6)预解析DNS.

转载地址:http://fkcfm.baihongyu.com/

你可能感兴趣的文章
Mysql 批量写入数据,对于这类性能问题,你是如何优化的
查看>>
MySQL无法启动几种常见问题小结
查看>>
阿里CTO:阿里所有技术和产品输出都将必须通过阿里云进行
查看>>
更好用的集群限流功能,Sentinel 发布 v1.4.2
查看>>
Python(生成执行文件)
查看>>
redis安装配置 - ttlsa教程系列之redis
查看>>
Linux --DHCP服务器配置;DHCP服务器中继
查看>>
IE版本多的可爱_已迁移
查看>>
eclipse查看jar包中class的中文注释乱码问题的解决
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
mariadb安装
查看>>
vue+vuex+axios+echarts画一个动态更新的中国地图
查看>>
5.8 volumetric post-processing--game programming gems5 笔记
查看>>
8086的地址空间
查看>>
Android开发动画效果被遮掉的解决方法
查看>>
Apache2.2.17源码编译安装以及配置虚拟主机
查看>>
2017年开发语言排名
查看>>
读二进制表的显示 Binary Watch
查看>>
我的友情链接
查看>>