- 博客(17)
- 收藏
- 关注
RSS订阅原创 JS 事件循环到底是什么？三分钟看懂JS运行机制
JS 的运行机制 小回顾： 上一篇进程与线程中介绍到前端操作主要是在 渲染进程 中进行，而渲染进程中包含一些常用的且与JS运行相关的线程：JS 引擎线程、事件触发线程、定时器线程。 1. JS 是单线程的 JS 分为 同步任务和异步任务； 同步任务在主线程上执行，形成一个 执行栈; 事件触发线程维护一个 事件队列，当异步任务有了运行结果，就会被添加到事件队列尾部，等待 JS 引擎空闲时来执行； 当 执行栈 中的任务都执行完成，系统就会读取事件队列，将可执行的任务添加到 执行栈 中，进行执行。 上
2021-03-09 16:08:51
199
原创 前端面试题：浏览器从输入 url 到页面展示的过程——前端工程师需要了解的进程与线程
1. 进程与线程 进程是资源分配的最小单位，线程是操作系统可识别的最小执行和调度单位 一个进程可以有多个线程，线程运行在进程中，一个线程只能属于一个进程， 1.1 本质 进程拥有独立的堆栈空间和数据段，开销大，但进程间相互独立，安全性高，且一个崩溃不影响其他。 线程拥有独立的堆栈空间，但共享数据段，开销小，切换速度快，效率高，但因为线程是在进程间行进，一个线程崩溃则整个进程崩溃。 1.2 通信 因为进程间相互独立，所以通信机制也相对复杂； 多个线程运行在同一个进程中，通信更便利； 1
2021-03-09 16:06:54
480
原创 重学 JavaScript 笔记（二）—— 原型 && 继承
3.1 函数 3.1.1 函数声明： //语法： function 函数名(参数1, 参数2,...,参数N) { 函数体 } //eg: function sayHi(name, message) { alert("Hello " + name + "," + message); } 3.1.2 函数调用 //语法 functionName(arg0, arg1,...,arg...
2019-11-10 18:51:52
288
原创 重学 JavaScript 笔记（一）—— 变量与数据类型
1.变量 1.1 变量规则 变量只能包含字母、下划线、美元符号或数字； 第一个字符不能是数字。 ECMAScript 的变量是松散类型的 —— 可以用来保存任何类型的数据，即每个变量仅仅是一个用于保存值的占位符而已。 1.2 定义变量 1.2.1 var —— ES5及之前使用 var name = "jane"; var 没有块级作用域，只有函数级作用域和全局作用域： 函数级作用域...
2019-11-10 18:50:31
239
原创 Ajax —— XMLHttpRequest 对象知识梳理
1. XMLHttpRequest 对象： 1.1 概述： XMLHttpRequest 对象是一个JavaScript 对象，能够通过 HTTP 协议连接到服务器。Ajax的异步性就是由这个对象的特性获得的。 XMLHttpRequest 向服务器发送一个异步请求，一旦请求被初始化，其余的js代码不需要等待服务器端相应，即异步。 当然，XMLHttpRequest 也可以发送同步请求。 1.2...
2019-08-26 10:16:09
357
原创 CSS 居中布局
居中在平时的运用很多，以下简单做了一些总结。 1.块级元素居中 统一 html 格式如下： <div class="container"> <div class="content">content</div> </div> 居中效果如下： 1.1 relaive 居中 1.1.1 已知父元素子元素高度 ...
2019-04-17 17:12:58
546
原创 CSS 三栏布局方法总结
本文总结了三栏布局的几种常用方法，效果如下： 其中，左右分别为100px，中间自适应。 1. 浮动 html 代码: <div class="left">left</div> <div class="right">right</div> <div class="center">center...
2019-04-17 17:12:17
229
原创 CSS 布局之 —— BFC
1. BFC 是什么？ BFC–块级格式化上下文（Block Formatting Context），是一个独立渲染的块级盒子，其内部的元素与外部的元素相互隔离，内外元素的定位不会相互影响。 2. 应用 2.1 清除浮动 浮动元素是脱离文档流的，如下图： 对应代码： html 部分: <div class="container-clear-none"> <div cla...
2019-04-17 17:10:47
236
原创 前端开发环境 & 构建工具
1.babel —— 语法转换工具 Babel 通过语法转换器支持最新版本的 JavaScript 。 这些插件允许你立刻使用新语法，无需等待浏览器支持。 - 安装 node 环境，运行 npm init，创建 package.json 文件 - 安装 babel 相关库：npm install –save-dev babel-core babel-preset-es2015 - 创...
2018-08-22 15:07:46
1762
原创 JavaScript Date、Math、Array 常用属性整理
Date Date.now() //获取当前时间毫秒数 let date = new Date() date .getTime() //同上，获取当前时间毫秒数 date.getFullYear() //年 date.getMonth() //月（0-11） date.getDate() //日（1-31） date.getDay() //对应一周内的第几...
2018-08-20 22:49:30
191
原创 前端相关总结：页面加载 & 性能优化 & 安全性 & 上线
1. 页面加载 1.1 加载资源的形式 输入 url（或跳转页面）加载 html 加载 html 中的静态资源 script 加载 1.2 加载一个资源的过程 浏览器根据 DNS 服务器得到域名的 IP 地址 向这个 IP 的及其发送 http 请求 服务器收到、处理并返回 http 请求 浏览器得到返回内容 1.3 浏览器渲染页面的过程 根据 HTML 结构生成 DOM...
2018-08-20 22:47:47
336
原创 常用排序算法
1. 排序算法概述 1.1 概念 排序算法：如何使得记录按照要求排列的方法。 排序算法在很多领域得到相当地重视，尤其是在大量数据的处理方面。一个优秀的算法可以节省大量的资源。 1.2 分类 非线性时间比较类排序：通过比较来决定元素间相对次序，其时间复杂度不能突破 O。 线性时间非比较类排序：不能通过比较来决定元素间相对次序，可以突破基于比较排序的时间下限，以线性时间运行。 ...
2018-08-20 11:13:14
181
原创 前端模块化总结：CommonJS、CMD、AMD、ES6模块化
1. 模块化 1.1 不使用模块化 js 文件引用顺序问题 全局变量污染：代码中的函数必须是全局变量，才能暴露给对方 容易报错：不知道引用的文件里面会引用什么文件：互相依赖关系不清晰 不利于多人协作开发 1.2 使用模块化 只引用一个 js 文件，其它的根据依赖关系自动引用 无全局变量污染 2. 主流模块规范 2.1 AMD——异步模块定义 用的比较多的是 requ...
2018-08-19 23:22:18
258
原创 JavaScript 基础知识详解
1.1变量 1.1.1 变量类型 基本类型：undefined、string、number、boolean、null 引用类型：object 1.1.2 变量赋值 从一个基本类型变量向另一个变量赋值时，会在内存中新建一个地址，存放新的变量和复制过来的值； 从一个引用类型变量向另一个变量赋值时，同上，但引用类型的值，实际上是一个指针，与初始变量指向同一个堆内存的对象。因此，这两个变量会互...
2018-08-16 11:54:31
509
原创 ES6 知识总结
1、let 声明变量 只在块级作用域起作用（适合在for循环中使用）、无变量提升； 不可重复声明相同变量，不可重复声明函数内的参数。 2、const 声明常量 声明必须赋值、声明后不可修改、只在块级作用域起作用（适合在for循环中使用）、无变量提升、传址赋值 3、浏览器兼容ES6——babel 安装babel script引入babel的浏览器版本 4、解构赋值 数组：...
2018-08-16 08:44:57
224
原创 HTML & CSS 部分知识点总结
1、前端页面有哪三层构成，分别是什么?作用是什么 结构层Html：主要指DOM节点； 样式（表示）层CSS：主要是指页面渲染； 脚本（行为）层JS：主要指页面动画效果。 2、行内和块级元素 块级元素占一行，垂直方向排列，可设置宽高、内外边距； 行内元素可水平方向排列，不能包含块级元素，宽高设置无效、内外边距上下无效。 3、语义化——用正确的标签做正确的事情。 1） 页面结构清晰 ...
2018-08-15 17:10:51
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人