sunshine9284的博客

JS 的运行机制 小回顾： 上一篇进程与线程中介绍到前端操作主要是在 渲染进程 中进行，而渲染进程中包含一些常用的且与JS运行相关的线程：JS 引擎线程、事件触发线程、定时器线程。 1. JS 是单线程的 JS 分为 同步任务和异步任务； 同步任务在主线程上执行，形成一个 执行栈; 事件触发线程维护一个 事件队列，当异步任务有了运行结果，就会被添加到事件队列尾部，等待 JS 引擎空闲时来执行； 当 执行栈 中的任务都执行完成，系统就会读取事件队列，将可执行的任务添加到 执行栈 中，进行执行。 上

1. XMLHttpRequest 对象： 1.1 概述： XMLHttpRequest 对象是一个JavaScript 对象，能够通过 HTTP 协议连接到服务器。Ajax的异步性就是由这个对象的特性获得的。 XMLHttpRequest 向服务器发送一个异步请求，一旦请求被初始化，其余的js代码不需要等待服务器端相应，即异步。 当然，XMLHttpRequest 也可以发送同步请求。 1.2...

Date Date.now() //获取当前时间毫秒数 let date = new Date() date .getTime() //同上，获取当前时间毫秒数 date.getFullYear() //年 date.getMonth() //月（0-11） date.getDate() //日（1-31） date.getDay() //对应一周内的第几...

1. 页面加载 1.1 加载资源的形式 输入 url（或跳转页面）加载 html 加载 html 中的静态资源 script 加载 1.2 加载一个资源的过程 浏览器根据 DNS 服务器得到域名的 IP 地址 向这个 IP 的及其发送 http 请求 服务器收到、处理并返回 http 请求 浏览器得到返回内容 1.3 浏览器渲染页面的过程 根据 HTML 结构生成 DOM...

1. 排序算法概述 1.1 概念 排序算法：如何使得记录按照要求排列的方法。 排序算法在很多领域得到相当地重视，尤其是在大量数据的处理方面。一个优秀的算法可以节省大量的资源。 1.2 分类 非线性时间比较类排序：通过比较来决定元素间相对次序，其时间复杂度不能突破 O。 线性时间非比较类排序：不能通过比较来决定元素间相对次序，可以突破基于比较排序的时间下限，以线性时间运行。 ...

1. 模块化 1.1 不使用模块化 js 文件引用顺序问题 全局变量污染：代码中的函数必须是全局变量，才能暴露给对方 容易报错：不知道引用的文件里面会引用什么文件：互相依赖关系不清晰 不利于多人协作开发 1.2 使用模块化 只引用一个 js 文件，其它的根据依赖关系自动引用 无全局变量污染 2. 主流模块规范 2.1 AMD——异步模块定义 用的比较多的是 requ...

111

1.babel —— 语法转换工具 Babel 通过语法转换器支持最新版本的 JavaScript 。 这些插件允许你立刻使用新语法，无需等待浏览器支持。 - 安装 node 环境，运行 npm init，创建 package.json 文件 - 安装 babel 相关库：npm install –save-dev babel-core babel-preset-es2015 - 创...

1.1变量 1.1.1 变量类型 基本类型：undefined、string、number、boolean、null 引用类型：object 1.1.2 变量赋值 从一个基本类型变量向另一个变量赋值时，会在内存中新建一个地址，存放新的变量和复制过来的值； 从一个引用类型变量向另一个变量赋值时，同上，但引用类型的值，实际上是一个指针，与初始变量指向同一个堆内存的对象。因此，这两个变量会互...

1、let 声明变量 只在块级作用域起作用（适合在for循环中使用）、无变量提升； 不可重复声明相同变量，不可重复声明函数内的参数。 2、const 声明常量 声明必须赋值、声明后不可修改、只在块级作用域起作用（适合在for循环中使用）、无变量提升、传址赋值 3、浏览器兼容ES6——babel 安装babel script引入babel的浏览器版本 4、解构赋值 数组：...

1、前端页面有哪三层构成，分别是什么?作用是什么 结构层Html：主要指DOM节点； 样式（表示）层CSS：主要是指页面渲染； 脚本（行为）层JS：主要指页面动画效果。 2、行内和块级元素 块级元素占一行，垂直方向排列，可设置宽高、内外边距； 行内元素可水平方向排列，不能包含块级元素，宽高设置无效、内外边距上下无效。 3、语义化——用正确的标签做正确的事情。 1） 页面结构清晰 ...