第33篇

r囧r小猫 2021-12-07 11:43 238阅读 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 条评论，238人围观）

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

相关阅读

相关 Spring篇---第七篇

系列文章目录 -------------------- 文章目录系列文章目录一、说说事务的传播级别二、Spring 事务实现方式三

矫情吗；*/ 2024年03月27日 19:06/ 0 赞/ 74 阅读

相关 Spring篇---第六篇

系列文章目录 -------------------- 文章目录系列文章目录一、Spring 框架中的单例 Bean 是线程安全的么？二、

迷南。/ 2024年03月27日 18:31/ 0 赞/ 74 阅读

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

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

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

相关 JVM篇---第八篇

系列文章目录 -------------------- 文章目录系列文章目录一、虚拟机为什么使用元空间替换了永久代？二、什么是Stop T

r囧r小猫/ 2024年02月24日 06:05/ 0 赞/ 44 阅读

相关 Zookeeper篇---第十篇

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

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

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

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

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

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

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

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

相关华恩JAVA班第33天

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

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

相关《HelloGitHub》第 33 期

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

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

相关第33篇

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

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