根据 ECMAScript 标准，JavaScript 中只有一种数字类型：基于 IEEE 754 标准的双精度 64 位二进制格式的值（-(2^53 -1) 到 2^53 -1）。...它并没有为整数给出一种特定的类型。除了能够表示浮点数外，还有一些带符号的值：+Infinity，-Infinity 和 NaN (非数值，Not-a-Number)。 1.2....） (-2.34).toFixed(1); // 返回 "-2.3" （若用括号提高优先级，则返回字符串） 1.2.2. toPrecision() toPrecision() 方法以指定的精度返回该数值对象的字符串表示...Math.round() Math.round() 函数返回一个数字四舍五入后最接近的整数。
文/小魔女 1 本文简介 面试大厂,HTML/CSS,JS,网络基础这三块硬知识是必不可少的 我整理了一些备考笔记，分享给大家 初中级前端到高级前端的蜕变，从基础知识开始~ 分享小魔女的音乐 2 块元素和行元素...2.1 请说出3个H5新增的块元素，并介绍他们的应用场景 aside:表示article元素内容之外，与article元素内容相关的辅助信息 figure:代表一个块级图像，包含说明。...他们的宽高分别如何计算？...的选择器 7.1 CSS的选择器有哪些？...保护有用的浏览器默认样式而不是完全去掉 一般化样式：为大部分html元素提供 修复浏览器自身的bug 优化css可用性 解释代码 7.5 如何做到一个list中奇数和偶数行的背景色不一样？
，又是前端组件通信的依赖手段之一，同时涉及了订阅-发布设计模式，是非常重要的基础。...tmp = false; } } if (tmp) { return i; } } } return -1;}参考：前端手写面试题详细解答实现...深拷贝对于一些对象可以使用 JSON 的两个函数来实现，但是由于 JSON 的对象格式比 js 的对象格式更加严格，所以如果属性值里边出现函数或者 Symbol 类型的值时，会转换失败（1）JSON.stringify...()JSON.parse(JSON.stringify(obj))是目前比较常用的深拷贝方法之一，它的原理就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse...来反序列化(还原)js对象。
文/小魔女 本文简介 前端开发系列的第二篇文章 基础知识就像是一把宝剑，能让你驰骋在前端领域的战场 知识亦有温度，让我们对新知识永远保持热度吧 分享小魔女的音乐 html渲染、css解析...因为从右向左的匹配在第一步就筛选掉了大量的不符合条件的最右节点（叶子节点）； 而从左向右的匹配规则的性能都浪费在了失败的查找上面。 reflow(回流)和repaint(重绘)的区别？...css加载不会堵塞html解析 css加载会堵塞dom树渲染 css加载会堵塞js语句的执行 js的加载会堵塞html解析 css文件放前面，js文件放在html和css的后面 如何做页面加载优化（减少白屏时间...*100 = 58.59375 px 动态计算 js代码 (function (){ const desWid = 640 const winWid = document.documentElement.clientWidth...khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } js
前端面试题讲解二、题目1. 防抖节流这也是一个经典题目了，首先要知道什么是防抖，什么是节流。防抖： 在一段时间内，事件只会最后触发一次。节流： 事件，按照一段时间的间隔来进行触发。...res : newObj;}复制代码9. js执行机制 说出结果并说出why这道题考察的是，js的任务执行流程，对宏任务和微任务的理解console.log("start");setTimeout(()...手写实现sleep这个我只通过了一种方法实现，就是刚刚我们在上面js执行流程中我有提过。...： 合并两个数组，然后查找数组的第一个出现的索引和最后一个出现的索引是否一致就可以判断是否是独立的数据了。...这得归功于`js的预编译`- js在执行之前进行预编译，会进行 `函数提升` 和 `变量提升`- 所以函数和变量都进行提升了，但是`函数声明的优先级最高`，会被提升至`当前作用域最顶端`- 当在执行到后面的时候会导致
前端面试题视频讲解1. 防抖节流这也是一个经典题目了，首先要知道什么是防抖，什么是节流。防抖： 在一段时间内，事件只会最后触发一次。节流： 事件，按照一段时间的间隔来进行触发。...res : newObj;}复制代码9. js执行机制 说出结果并说出why这道题考察的是，js的任务执行流程，对宏任务和微任务的理解console.log("start");setTimeout(()...手写实现sleep这个我只通过了一种方法实现，就是刚刚我们在上面js执行流程中我有提过。 ...： 合并两个数组，然后查找数组的第一个出现的索引和最后一个出现的索引是否一致就可以判断是否是独立的数据了。...这得归功于`js的预编译`- js在执行之前进行预编译，会进行 `函数提升` 和 `变量提升`- 所以函数和变量都进行提升了，但是`函数声明的优先级最高`，会被提升至`当前作用域最顶端`- 当在执行到后面的时候会导致
另外nuxt.js/next.js中给我们提供了SSG（Static Site Generate）静态网站生成方案也是很好的静态站点解决方案，结合一些CI手段，可以起到很好的优化效果，且能节约服务器资源内容生成上的区别...里面依赖的包，都会被打包进 vendor.js 这个文件中。...的形式存在打包后的 js 文件中。...比如后端返回一个 年月日的日期字符串，前端需要展示为 多少天前 的数据格式，此时就可以用fliters过滤器来处理数据。过滤器是一个函数，它会把表达式中的值始终当作函数的第一个参数。...，得到结果再转发给前端，但是最终发布上线时如果web应用和接口服务器不在一起仍会跨域在vue.config.js文件，新增以下代码amodule.exports = { devServer: {
CDN的使用场景使用第三方的CDN服务：如果想要开源一些项目，可以使用第三方的CDN服务使用CDN进行静态资源的缓存：将自己网站的静态资源放在CDN上，比如js、css、图片等。...= 0.3，请详述理由因为 JS 采用 IEEE 754 双精度版本（64位），并且只要采用 IEEE 754 的语言都有该问题。...-->代码输出结果 var a=3; function c(){ alert(a); } (function(){ var a=4; c(); })();js中变量的作用域链与定义时的环境有关...，有一种就是我们常用的直接引入，还有两种就是使用 async 属性和 defer 属性来异步引入，两者都是去异步加载外部的JS文件，不会阻塞DOM的解析（尽量使用异步加载）。...三者的区别如下：script 立即停止页面渲染去加载资源文件，当资源加载完毕后立即执行js代码，js代码执行完毕后继续渲染页面；async 是在下载完成之后，立即异步加载，加载好后立即执行，多个带async
前言 关于技术，只有不停重复学习，方能如扎如稳的前行。 1.函数柯里化 函数柯里化的是一个为多参函数实现递归降解的方式。...其实现的核心是: 要思考如何缓存每一次传入的参数 传入的参数和目标函数的入参做比较 这里通过闭包的方式缓存参数，实现如下： ? 使用方式如下： ? 函数柯里化仅仅只是上面求和的这种运用吗？？ ?...惰性函数的另一种方向是在重写函数，每一次调用函数的时候无需在做一些条件的判断，判断条件在初始化的时候执行一次就好了，即下次在同样的条件语句不需要再次判断了，比如在事件监听上的兼容。...因此有了一篇这样的文章，希望读者能静下来去手写并理解 code 的思路和运行过程，我想也会对 js 有更深入的理解。（ps: 可以一起探讨） 如上的总结，如有新的内容也会持续更新......参考资料 一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧 MDN
2）更利于首屏渲染首屏的渲染是node发送过来的html字符串，并不依赖于js文件了，这就会使用户更快的看到页面的内容。...前端react面试题详细解答时间耗时比较：1）数据请求由服务端请求首屏数据，而不是客户端请求首屏数据，这是"快"的一个主要原因。服务端在内网进行请求，数据响应速度快。...就是服务端渲染不需要等待js代码下载完成并请求数据，就可以返回一个已有完整数据的首屏页面。非ssr html渲染图片ssr html渲染图片React的严格模式如何使用，有什么用处？...同时引用这三个库react.js、react-dom.js和babel.js它们都有什么作用？...在前端开发中，性能消耗最大的就是 DOM 操作，而且这部分代码会让整体项目的代码变得难 以维护。
前端面试题视频讲解将数字每千分位用逗号隔开数字有小数版本：let format = n => { let num = n.toString() // 转成字符串 let decimals =...深拷贝对于一些对象可以使用 JSON 的两个函数来实现，但是由于 JSON 的对象格式比 js 的对象格式更加严格，所以如果属性值里边出现函数或者 Symbol 类型的值时，会转换失败（1）JSON.stringify...()JSON.parse(JSON.stringify(obj))是目前比较常用的深拷贝方法之一，它的原理就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse...来反序列化(还原)js对象。...，又是前端组件通信的依赖手段之一，同时涉及了订阅-发布设计模式，是非常重要的基础。
该技术可以让 GC 扫描和标记对象时，同时允许 JS 运行。清除对象后会造成堆内存出现碎片的情况，当碎片超过一定限制后会启动压缩算法。...参考 前端进阶面试题详细解答实现一个宽高自适应的正方形利用vw来实现：.square { width: 10%; height: 10vw; background: tomato;}利用元素的margin...但是⼀旦超过这个范围，js就会出现计算不准确的情况，这在⼤数计算的时候不得不依靠⼀些第三⽅库进⾏解决，因此官⽅提出了BigInt来解决此问题。...可以看到XSS危害如此之大， 那么在开发网站时就要做好防御措施，具体措施如下：可以从浏览器的执行来进行预防，一种是使用纯前端的方式，不用服务器端拼接后返回（不使用服务端渲染）。...另一种是对需要插入到 HTML 中的代码做好充分的转义。对于 DOM 型的攻击，主要是前端脚本的不可靠而造成的，对于数据获取渲染和字符串拼接的时候应该对可能出现的恶意代码情况进行判断。
参考：前端进阶面试题详细解答代码输出结果f = function() {return true;}; g = function() {return false;}; (function() {...= 0.3，请详述理由因为 JS 采用 IEEE 754 双精度版本（64位），并且只要采用 IEEE 754 的语言都有该问题。...在增量标记期间，GC 将标记工作分解为更小的模块，可以让 JS 应用逻辑在模块间隙执行一会，从而不至于让应用出现停顿情况。但在 2018 年，GC 技术又有了一个重大突破，这项技术名为并发标记。...该技术可以让 GC 扫描和标记对象时，同时允许 JS 运行。清除对象后会造成堆内存出现碎片的情况，当碎片超过一定限制后会启动压缩算法。...它的作用是什么？为 JS 添加类型支持，以及提供最新版的 ES 语法的支持，是的利于团队协作和排错，开发大型项目前端储存的⽅式有哪些？
前端必知必会-BFC案例剖析 简介 在说 BFC 之前，我们先来了解一下标准文档流，标准文档流是指在页面中所有的元素按照从左到右，从上到下这样的一个顺序来进行排列的。...标准文档流中的盒子其实就是格式化上下文，只不过它包括块级格式化上下文以及行级格式化上下文，不同格式化上下文的渲染规则不同，它决定了它的子元素按照什么样的规则来排列，以及和其他元素的关系和相互作用。...这里需要注意的就是不同的格式化上下文所针对的元素种类也不同。 常见的格式化上下文有以下四种。...内部的 Box 会在垂直方向上一个接一个的放置 块级格式化上下文中相邻的盒子之间的垂直边距折叠 每个元素的左外边距与包含块的左边界相接触（从左向右），即使浮动元素也是如此。...（这说明 BFC 中子元素不会超出他的包含块，而position为 absolute 的元素可以超出他的包含块边界） BFC的区域不会与 float 的元素区域重叠 计算 BFC 的高度时，浮动子元素也参与计算
实现Event(event bus)event bus既是node中各个模块的基石，又是前端组件通信的依赖手段之一，同时涉及了订阅-发布设计模式，是非常重要的基础。...的值加入这个对象，键为对应的文件名，最终这个对象就长这样：{ "a.js": "hello world", "b.js": function add(){}, "c.js": 2, "d.js...// 在javascrpt中我们可以通过eval或者new Function的方式来将一个字符串转换成js代码来运行。...，用来运行额外的js文件，他可以保证javascript执行的独立性，不会被外部所影响// vm 内置模块// 虽然我们在外部定义了hello，但是str是一个独立的模块，并不在村hello变量，所以会直接报错...// 8.Module.wrap: 把读取到的js包裹一个函数。// 9.将拿到的字符串使用runInThisContext运行字符串。
JS 原型和实例的关系：每个构造函数 （constructor）都有一个原型对象（prototype），这个原型对象包含一个指向此构造函数的指针属性，通过 new 进行构造函数调用生成的实例，此实例包含一个指向原型对象的指针...，也就是通过 [Prototype] 链接到了这个原型对象然后说一下 JS 中属性的查找：当我们试图引用实例对象的某个属性时，是按照这样的方式去查找的，首先查找实例对象上是否有这个属性，如果没有找到，就去构造这个实例对象的构造函数的...200； 很多网站的资源后面都加了版本号，这样做的目的是：每次升级了 JS 或 CSS 文件后，为了防止浏览器进行缓存，强制改变版本号，客户端浏览器就会重新下载新的 JS 或 CSS 文件 ，以保证用户能够及时获得网站的最新更新...web worker 是运行在后台的 js，独立于其他脚本，不会影响页面的性能。 并且通过 postMessage 将结果回传到主线程。这样在进行复杂操作的时候，就不会阻塞主线程了。...如何创建 web worker：检测浏览器对于 web worker 的支持性创建 web worker 文件（js，回传函数等）创建 web worker 对象CDN的原理CDN和DNS有着密不可分的联系
同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。...----问题知识点分割线---- 渲染过程中遇到 JS 文件如何处理？...也就是说，如果想要首屏渲染的越快，就越不应该在首屏就加载 JS 文件，这也是都建议将 script 标签放在 body 标签底部的原因。...----问题知识点分割线---- 如何⽤webpack来优化前端性能？⽤webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。...可以利⽤webpack的 UglifyJsPlugin 和 ParallelUglifyPlugin 来压缩JS⽂件， 利⽤ cssnano （css-loader?
引入项目：npm install --save typescript @types/node @types/react @types/react-dom @types/jest将项目中任何 后缀名为 ‘.js...’ 的 JavaScript 文件重命名为 TypeScript 文件即后缀名为 ‘.tsx’（例如 src/index.js 重命名为 src/index.tsx ）react 实现一个全局的 dialogimport...DOM，响应 prop 或 state 的改变componentWillUnmount -- 在这你可以取消网络请求，或者移除所有与组件相关的事件监听器参考 前端进阶面试题详细解答何为 reducer... 有课前端网 前端技术学习平台;//不建议使用如下方式，在这个案例中会抛出错误。...(必考)虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而提高性能。
js 脚本能够尽可能的延迟加载，提高页面的渲染速度。...几种方式是：将 js 脚本放在文档的底部，来使 js 脚本尽可能的在最后来加载执行给 js 脚本添加 defer 属性，这个属性会让脚本的加载与文档的解析同步解析，然后在文档解析完成后再执行这个脚本文件...js 脚本图片怎么判断页面是否加载完成Load 事件触发代表页面中的 DOM，CSS，JS，图片已经全部加载完毕。...也就是说，如果你想首屏渲染的越快，就越不应该在首屏就加载 JS 文件。并且CSS也会影响 JS 的执行，只有当解析完样式表才会执行 JS，所以也可以认为这种情况下，CSS 也会暂停构建 DOM2....----问题知识点分割线---- 前端储存的⽅式有哪些？
对于已经柯里化后的函数来说，当接收的参数数量与原函数的形参数量相同时，执行原函数； 当接收的参数数量小于原函数的形参数量时，返回一个函数用于接收剩余的参数，直至接收的参数数量与形参数量一致，执行原函数。...200； 很多网站的资源后面都加了版本号，这样做的目的是：每次升级了 JS 或 CSS 文件后，为了防止浏览器进行缓存，强制改变版本号，客户端浏览器就会重新下载新的 JS 或 CSS 文件 ，以保证用户能够及时获得网站的最新更新...2）执行阶段 此阶段会完成对变量的分配，最后执行完代码。简单来说执行上下文就是指：在执行一点JS代码之前，需要先解析代码。...可以获取异步操作的消息，他的出现大大改善了异步编程的困境，避免了地狱回调，它比传统的解决方案回调函数和事件更合理和更强大。...这个回调函数属于微任务，会在本轮事件循环的末尾执行。注意： 在构造 Promise 的时候，构造函数内部的代码是立即执行的
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
