明天也要努力的博客

1. 什么是 async/await 及其如何工作？async/await 是 JS 中编写异步或非阻塞代码的新方法。它建立在 Promises 之上，相对于 Promise 和回调，它的可读性和简洁度都更高。但是，在使用此功能之前，我们必须先学习 Promises 的基础知识，因为正如我之前所说，它是基于 Promise 构建的，这意味着幕后使用仍然是 Promise。使用 Promisefunction callApi() { return fetch("url/to/api/endpoint

在日常工作中，你有没有碰到过这种疑惑：疑惑一：为什么这份代码它不按照我的意思走？为啥不是输出 1 2 3？for (var i = 0; i < 3; i++) { setTimeout(() => { console.log(i); // 3 3 3 }, 1000);}疑惑二：为什么这份代码它也不按照我的意思走？为啥不是输出 jsliang？let name;setTimeout(() => { name = '梁峻荣'; console

专业技能1.熟悉HTML5、CSS3，以及scss、stylus等css预编译处理器，了解 photoshop 基本操作，如切图等；2.使用过常见的前端UI框架,如Ant Design、Element UI、Vant等；3.熟悉JavaScript，以及 ES6-ES10 等前端新语法，熟悉组件化、模块化思想和开发方式；4.熟悉Vue.js 2.x及其生态圈，了解移动端、微信小程序以及 uni-app 开发；5.了解并使用过前端自动化构建工具（如：webpack）以及版本控制工具（git、SVN

1. undefined 和 null 有什么区别？在理解 undefined 和 null 之间的差异之前，我们先来看看它们的相似类。它们属于 JavaScript 的 7 种基本类型。let primitiveTypes = ['string','number','null','undefined','boolean','symbol', 'bigint'];它们是属于虚值，可以使用 Boolean(value) 或 !!value 将其转换为布尔值时，值为 false。console.l

1. 实现 new 方法复制/** 1.创建一个空对象* 2.链接到原型* 3.绑定this值* 4.返回新对象*/// 第一种实现function createNew() { let obj = {} // 1.创建一个空对象 let constructor = [].shift.call(arguments) // let [constructor,...args] = [...arguments] obj.__proto__ = c

1. 浏览器存储的方式有哪些？数据生命周期数据存储大小与服务端通信cookie一般由服务器生成，可以设置过期时间4K每次都会携带在 header 中，影响请求性能影响localStorage除非被清理，否则一直存在5M不参与sessionStorage页面关闭就清理5M不参与indexedDB除非被清理，否则一直存在无限不参与补充：cookie 原本并不是用来储存的，而是用来与服务端通信的，需要存取请自行封装 api，而 local

1. ES5、ES6 和 ES2015 有什么区别?ES2015 特指在2015年发布的新一代JS语言标准，ES6 泛指下一代JS语言标准，包含 ES2015、ES2016、ES2017、ES2018 等。现阶段在绝大部分场景下，ES2015 默认等同 ES6，ES5 泛指上一代语言标准。ES2015 可以理解为 ES5 和 ES6 的时间分界线。2. babel 是什么，有什么作用?Babel 是一个 JS 编译器，自带一组 ES6 语法转化器，用于转化 JS 代码。这些转化器让开发者提前使用最

1. 介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么不同的？标准盒子模型：宽度 = 内容的宽度（content）+ border + padding + margin；低版本 IE 盒子模型：宽度 = 内容宽度（content+border+padding）+ margin；2. box-sizing 属性用来控制元素的盒子模型的解析模式，默认为 content-box；context-box：W3C 的标准盒子模型，设置元素的 height/width 属性指的是 c

1. 讲一讲 MVVMMVVM 是 Model-View-ViewModel 缩写，也就是把 MVC 中的 Controller 演变成 ViewModel。Model 层代表数据模型，View 代表 UI 组件，ViewModel 是 View 和 Model 层的桥梁，数据会绑定到 viewModel 层并自动将数据渲染到页面中，视图变化的时候会通知 viewModel 层更新数据。2. 简单说一下 Vue2.x 响应式数据原理Vue 在初始化数据时，会使用 Object.defineProper

1. webpack 打包原理把所有依赖打包成一个 bundle.js 文件，通过代码分割成单元片段并按需加载。2. webpack 的优势（1） webpack 是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移；（2）能被模块化的不仅仅是 JS 了；（3）开发便捷，能替代部分 grunt/gulp 的工作，比如打包、压缩混淆、图片转base64等；（4）扩展性强，插件机制完善；3. 什么是 loader，什么是 plugin ?loa

Vue.js 2.x 面试题1、active-class 是哪个组件的属性？嵌套路由怎么定义？vue-router 模块的 router-link 组件2、怎么定义 vue-router 的动态路由？怎么获取传过来的动态参数？在router目录下的index.js文件中，对path属性加上/:id。 使用 router 对象的 params.id3、vue-router有哪几种导航钩子？第一种：全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦