第33篇

r囧r小猫 2021-12-07 11:43 283阅读 0赞

1、CommonJS中的require/exports和ES6中的import/export的区别

CommonJS模块的重要特性是加载时执行，即脚本代码在require的时候，就会全部执行。一旦出现某个模块被“循环加载”，

就只输出已经执行的部分，还未执行的部分不会输出。

ES6模块是动态引用，如果使用import从一个模块加载变量，那些变量不会被缓存，而是成为一个指向被加载模块的引用

，需要开发者自己保证，真正取值的时候能够取到值。

import/exports最终都是编译为require/exports来执行的，commonJS规定，每个模块内部，module变量代表当前模块，

这个变量是一个对象，它的exports属性（即module.exports）使对外的接口。加载某个模块其实是加载该模块module.exports

属性。export命令规定的是对外的接口，必须与模块内部的变量建立一一对应关系。

2、项目做过那些性能优化？

减少HTTP请求数

减少DNS查询

使用CDN

避免重定向

图片懒加载

减少DOM元素数量

减少DOM操作

使用外部Javascript和css

压缩Javascript、css、字体、图片等

使用CSS Sprite

使用iconfont

字体剪裁

多域名分发分容到不同域名

尽量减少iframe使用

把样式放置在头部

把脚本放置在页面底部

3、js异步加载的方式

渲染引擎遇到script标签会停下来，等到执行完脚本，继续向下渲染。

defer是“渲染完再执行”，async是“下载完就执行“

defer如果有多个脚本，会按照在页面中出现的顺序加载，

多个async脚本不能保证加载顺序

加载es6模块的时候设置type=module,

异步加载不会造成阻塞浏览器，页面渲染完再执行，可以同时加上async属性

异步执行脚本（利用顶层的this等于undefined这个语法点），可以侦测当前代码是否在ES6模块之中

4、gei和post通讯的区别？

Get请求能缓存，Post不能。

Post相对Get安全一点点，因为Get请求都包含在URL里，且会被浏览器保存历史记录，

post不会，但是在抓包的情况下都是一样的。

post可以通过request body来传输比get更多的数据，get没有这个数据

url长度有限制，会影响get请求，但是这个长度限制是浏览器规定的，post支持更多的编码类型且不对数据类型限制

5、为什么虚拟dom会提高性能？

虚拟dom相当于在js和真实dom中间加了一个缓存，利用dom diff算法避免了没有必要的dom操作，从而提高性能。

用Javascript对象结构表示DOM树的解构，然后用这个树构建一个真正的DOM树，插到文档当中，当状态变更的时候，重新构造一棵新的对象树，

然后用新的树和旧的树进行比较，记录2棵树的差异，，把记录的差异应用到前面所构建的真正的DOM树上，视图就更新了。

转载于:https://www.cnblogs.com/huen2015/p/11175600.html

发表评论取消回复

表情：

评论列表（有 0 条评论，283人围观）

还没有评论，来说两句吧...

相关阅读

相关【业务功能篇33】 JSON格式转换各自场景

list 集合 ---》 json格式字符串 strjson strlist = JSONArray.toJSONString(list); //list为 L

淡淡的烟草味﹌/ 2024年03月16日 23:54/ 0 赞/ 102 阅读

相关 Zookeeper篇---第十篇

系列文章目录 -------------------- 文章目录系列文章目录一、在Zookeeper中Zxid 是什么，有什么作用？二、讲

喜欢ヅ旅行/ 2024年02月18日 10:10/ 0 赞/ 124 阅读

相关备考第33周总结

备考第33周总结虽然星期天还没结束，但目前不太想看书，趁着现在有空，把这个星期的总结写了。目前感觉自己是真的累了，今天早上到了11点就困的不行。也不知道是没有压

缺乏、安全感/ 2023年06月16日 03:57/ 0 赞/ 34 阅读

相关《Linux入门教程》课程学习(33)——第33章 Shell for循环

与其他编程语言类似，Shell支持for循环。 for循环一般格式为： for 变量 in 列表 do command1

傷城~/ 2023年03月04日 03:23/ 0 赞/ 44 阅读

相关 Spring Boot+Spring Security：前后端分离之JWT介绍- 第33篇

一、跨域认证的问题互联网服务离不开用户认证。一般流程是下面这样。 (1)、用户向服务器发送用户名和密码。 (2)、服务器验证通过后，在当前对话（session）里面保存

﹏ヽ暗。殇╰゛Y/ 2023年02月11日 07:21/ 0 赞/ 39 阅读

相关《MySQL 入门教程》第 33 篇触发器

文章目录 33.1 触发器概述 33.2 创建触发器 33.3 查看触发器 33.4 删除触发器 33.1 触发

深藏阁楼爱情的钟/ 2022年12月11日 15:22/ 0 赞/ 240 阅读

相关【日记】163微服务项目第33天

01 一句话日记 2020/9/22 ![62bc52d9242a545481491ef24881a6c4.png][] 02 Day163 每日总结好，正式回

雨点打透心脏的1/2处/ 2022年12月11日 09:26/ 0 赞/ 224 阅读

相关华恩JAVA班第33天

[华恩][Link 1]JAVA班第33天 1.XML基本语法规则 XML是区分大小写的；所有元素的起始和结束标注必须成对出现，且要正确嵌套；如果使XML说明

朴灿烈づ我的快乐病毒、/ 2022年06月14日 03:06/ 0 赞/ 255 阅读

相关《HelloGitHub》第 33 期

公告欢迎 [点击分享][Link 1] 自荐或发现的开源项目，也可安装 [分享插件][Link 2] 更便捷地推荐有趣的开源项目。小伙伴们，新的一年就要来了，今年的

我不是女神ヾ/ 2022年04月22日 14:56/ 0 赞/ 307 阅读

相关第33篇

1、CommonJS中的require/exports和ES6中的import/export的区别 CommonJS模块的重要特性是加载时执行，即脚本代码在require的时

r囧r小猫/ 2021年12月07日 11:43/ 0 赞/ 284 阅读