qq_32849999的博客

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

考察重点数据驱动视图状态：数据结构设计（React - state, Vue - data）视图：组件结构和拆分数据结构设计用数据描述所有的内容数据要结构化，易于程序操作（遍历、查找）数据要可扩展，以便增加新的功能组件设计从功能上拆分层次尽量让组件原子化，吸收系统的复杂度容器组件（只管理数据，一般是最外层的顶级组件，比如下面红色框组件）& UI 组件（只显示视图，不管功能实现，事件触发后抛出到容器组件处理。比如下面的蓝框和红框）...

自定义 v-model$nextTickslot动态、异步组件keep-alivemixin自定义 v-modelindex.vue<template> <div> <p>{{name}}</p> <CustomVModel v-model="name" @change="change" /> </div></template><script>import Cus.

question 1var 和let const 区别var 是 ES5 语法，let const 是 ES6 语法；var 有变量提升var 和 let 是变量，可修改；const 是常量，不可修改let const 有块级作用域，var 没有typeof 返回哪些类型列举强制类型转换和隐式类型转换...

运行环境即浏览器（server 端有 nodejs，微信有webview浏览器，APP也可以做为运行环境）下载网页代码，渲染出页面，期间会执行若干 JS要保证代码在浏览器中：稳定且高效网页加载过程题目从输入 url 到渲染出页面的整个过程下载资源：各个资源类型，下载过程渲染页面：结合 html css javascript 图片等window.onload 和 DOMContentLoaded 的区别window.onload 页面的全部资源加载完才会执行，包括图片、视频等D.

git调试工具抓包webpack babellinux 常用命令git最常用的代码版本管理工具大型项目需要多人协作开发，记录代码更新，必须熟用gitMax OS 自带 git 命令，windows 可去官网下载安装git 服务端常见的有 github coding.net 等大公司会搭建自己的内网 git 服务常用 git 命令git add.git checkout xxx (把文件还原到之前的状态)git commit -m “xxx”git push orig.

前端工程师开发界面需要调用后端的接口，提交/获取 数据—— http 协议要求事先掌握好 ajaxquestionhttp 常见的状态码有哪些？http常见的 header 有哪些？什么是 Restful API?描述一下 http 的缓存机制（重要）知识点http 状态码...

题目手写一个简易的 ajax跨域的常用实现方式知识点XMLHttpRequest网页实现ajax的最核心的api// get请求const xhr = new XMLHttpRequest() // new Class 初始化一个实例xhr.open('GET', '/data/test.json', true)//.open()传入一个”GET“方法， true为异步 false为同步，网络请求不能卡顿，所以要异步。此时不发送请求xhr.onreadystatechange = f

题目编写一个通用的事件监听函数描述事件冒泡的流程基于 DOM 树形结构事件会顺着触发元素往上冒泡应用场景：代理无限下拉的图片列表，如何监听每个图片的点击？事件代理用 e.target 获取触发元素用 matches 来判断是否是触发元素知识点事件绑定const btn = document.getElementById('btn1')btn1.addEventListener('click', event => { console.log('clicked')}

BOM 操作 （Browser Object Model）题目如何识别浏览器的类型(1)分析拆解 url 各个部分(2)知识点navigatorscreenlocationhistorynavigator 和 screen(1)// navigatorconst ua = navigator.userAgentconst isChrome = ua.indexOf('Chrome')console.log(isChrome)//screenconsole.log(sc

从 JS 基础知识到 JS Web APIJS 基础知识，规定语法 （ ECMA 262 标准）JS Web API，网页操作的 API （W3C标准）前者是后者的基础，两者结合才能真正实际应用JS 基础知识变量的类型和计算原型和原型链作用域和闭包JS Web APIDOM(操作网页的元素)BOM（操作浏览器）事件绑定ajax存储前言Vue 和 React 框架应用广泛，封装了 DOM 操作但 DOM 操纵一直都会前端工程师的基础、必备知识只会 Vue 而不懂

event looppromise 进阶async/await微任务/宏任务问答题请描述event loop（事件循环/事件轮询）的机制，可画图什么是宏任务和微任务，两者有什么区别？Promise有哪几种状态，有何变化？场景题-Promise then 和 catch 的连接// 第一题Promise.resolve().then(() => { console.log(1)}).catch(() => { console.log(2)}).then(().

异步和单线程题目同步和异步的区别是什么？基于 JS 是单线程语言异步不会阻塞代码执行同步会阻塞代码执行// // 异步 （callback 回调函数）// console.log(100)// setTimeout(() => {// console.log(200)// }, 1000)// console.log(300)// console.log(400)// 同步console.log(100)alert(200)console.log(300)

作用域（一个变量合法的使用范围）和自由变量闭包this作用域和自由变量作用域全局作用域函数作用域块级作用域// ES6 块级作用域if(true){ let x = 100}console.log(x) //会报错自由变量一个变量在当前作用域没有定义，但被使用了向上级作用域，一层一层依次寻找，直至找到为止如果到全局作用域都没有找到，则报错 xx is not defined闭包两种常见方式作用域应用的特殊情况，有两种表现：函数作为参数被传递函数作.

class继承constructor属性方法class的基本应用// 类class Student { constructor(name,number){ // this为当前构建的实例 this.name = name this.number = number }, sayHi() { console.log(`姓名 ${this.name}，学号 ${this.number}`) // console.log('姓名 '+ this.name+',学号 '+ t