最新博客

  • 前端笔记前端面试—JS基础汇总

    时间：2023-08-17 15:25 作者：IT橙子 阅读：

    概述：## 一、请说出下列最终执行结果，并解释为什么。 ``` var a = [] for(var i = 0; i 10; i ++){ a[i] = function(){ console.log(i) } } a[6]() ``` 答案：最终输出结果：10。原因：var声明的变量i是全局变量，循环结束的时候i的值是10，方法调用时循环已经结束，打印i是10。 ## 二、请说出下列最终执行结果，并解释为什么 ``` var tmp = 123 if(true) { console.log(tmp) let tmp } ``` 答案：最终执行结果会报错，报错信息

  • 前端笔记前端面试—如何理解JS异步编程

    时间：2023-08-17 15:24 作者：IT橙子 阅读：

    概述：简答题 一、谈谈你是如何理解JS异步编程的，EventLoop、消息队列都是做什么的，什么是宏任务，什么是微任务？ JS异步编程 Javascript语言的执行环境是单线程（single thread），所谓单线程，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个

  • 前端笔记前端面试—前端工程化

    时间：2023-08-17 15:24 作者：IT橙子 阅读：

    概述：简答题 1、谈谈你对工程化的初步认识，结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。 解答：工程化是指遵循一定的标准和规范通过工具去提高效率，降低成本的一种手段，一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。 工程化主要解决的问题： （1）重复的机械工作，比如部署上线前需要手动压缩代码及资源文件，部署过程需

  • 前端笔记前端面试—模块化开发

    时间：2023-08-17 15:23 作者：IT橙子 阅读：

    概述：一、模块化开发 common.js规范 一个文件就是一个模块 每个模块都有单独的作用域 通过module.exports导出成员 通过require函数载入模块 commonJS是以同步模式加载模块 AMD(异步的模块定义规范) Require.js ES Modules 基本特性 自动采用严格模式 每个ESM模块都是单独的私有作用域 ESM是通过CORS去请求外部JS模块的 ESM的script标签会延迟执行脚本 导入和导出 !--加载模块不需要提取成员-- import {} fro

  • 前端笔记前端面试—Webpack的构建流程

    时间：2023-08-17 15:23 作者：IT橙子 阅读：

    概述：1、Webpack 的构建流程主要有哪些环节？如果可以请尽可能详尽的描述 Webpack 打包的整个过程。 初始化package.json npm init 安装webpack webpack-cli npm install webpack webpack-cli --save 在项目根目录添加webpack.config.js 配置打包入口entry、指定输入文件名称、指定输出目录、设置工作模式等 module . exports = { mode: development , // 开发模式 entry: ./src/main.js , // 入口文件 output: { filename: bundles.js , // 输出文件

  • 前端笔记前端面试—浏览器的垃圾回收机制

    时间：2023-08-17 15:22 作者：IT橙子 阅读：

    概述：1、描述引用计数的工作原理和优缺点 答案： 工作原理： 核心思想：设置引用数，判断当前引用数是否为0 引用计数器 引用关系发生改变时修改引用数字 引用数字为0时立即回收 优点： 发现垃圾时立即回收 最大限度减少程序暂停 缺点： 无法回收循环引用的对象 时间开销大 2、标记整理算法的工作流程 答案：标记整理的标记过程与标记-清除算法一样，先遍历所有对象找标记活

  • 前端笔记前端面试—谈谈你对TypeScript的理解

    时间：2023-08-17 15:22 作者：IT橙子 阅读：

    概述：1、简述 TypeScript 与 JavaScript 之间的关系 答案： TypeScript是由Microsoft开发的面向对象语言，TypeScript是 JavaScript 的超集，包含了 JavaScript 的所有元素，在TypeScript中可以运行JavaScript代码。 TypeScript可以运行JavaScript所有代码和编码方式 使用TypeScript中一些新的概念，可使JavaScript开发变得容易和快捷 TypeScript 加入一些新的概念(类) 使javascript实现一些复杂功能变得容易 javascript 可以直接同

  • 前端笔记手写Promise—基于es6的Promise实现

    时间：2020-11-18 00:13 作者：IT橙子 阅读：

    概述：const PENDING = pending ; // 等待 const FULFILLED = fulfilled ; // 等待 const REJECT = reject ; // 等待 class MyPromise { constructor ( executor ) { try { executor( this .resolve, this .reject) } catch (e) { console .log(e, e) this .reject(e); } } status = PENDING; // promise 状态 value = undefined ; // 成功之后的值 reason = undefined ; // 失败后的原因 successCallback = []; // 成功回调 failCallback = []; // 失败回调 resolve = ( value ) = { // 如果状态不是等待 阻

  • 前端笔记JS异步编程、函数式编程—代码练习题

    时间：2020-11-17 23:52 作者：IT橙子 阅读：

    概述：3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 ``` setTimeout(function() { var a = hello; setTimeout(function() { var b = lagou; setTimeout(function() { var c = I ❤ U; console.log(a + b + c); }, 10); }, 10); }, 10); ``` 答 案 ： ``` const promise = new Promise((resolve, reject) = { resolve(hello) }).then(res = { return res + + lagou + }).then(res = { return res + I ❤ U }).then(res = { console.log(res, res) throw res }).c

  • 前端笔记ECMAScript 新特性—学习笔记

    时间：2020-11-17 23:08 作者：IT橙子 阅读：

    概述：ECMAScript与JavaScript区别与联系 ECMAScript是JavaScript语言本身，通常看作JavaScript得标准化规范 JavaScript是ECMAScript的扩展语言 ECMAScript只提供了最基本得语法，停留在语言层面，不能用于实际开发 2015年开始ES保持每年一个大版本更新 ECMAScript2015新特性 1、let声明变量，新增了块级作用域。外层代码块不受内层代码块的影响 块级作用域以{}区分 2、ES6允许块级作用域的任意嵌套。内层作用

加载更多

关于橙子

    橙子，一个奋斗在前端路上的女程序员~~

    橙子，热爱前端，关注前端，4年的前端工作经验，熟练掌握前端各项技能，熟练多种前端框架，希望遇到志同道合的前端朋友们，一起学习交流，共同进步！

学习交流

  • 微信公众号：IT橙子6 微信扫一扫添加关注 获取更多前端学习资料！
  • QQ交流群：592969963 IT橙子前端技术交流群

热门推荐