Lyanm's Blog
Home
Archives
Categories
About
Sharing
Axios简单配置使用
Axios简单配置使用一、请求方法返回一个Promise 单次请求: axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(url[, config]) axios.post(url[, data[, config]]) axios.put(url[, data[, config
2020-07-24
Application
数组等常用方法整理
一、数组1、splice() 定义: 通过删除或替换现有元素或者原地添加新的元素来修改原数组。由被删除的元素组成的一个数组。 语法: array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) 示例: var myFish = ["angel", "clown", "mandarin", "sturgeon"]; var remove
2020-07-23
JavaScript
移动端适配
移动端适配一、常用单位 rem:基于 html 节点的字体大小,浏览器一般默认字体大小为 16px,即 1rem=16px。 em:基于当前区域内的字体大小,字体大小可从父级继承,也可在子级设定,若父级字体大小12px,则1em=12px。 vh:viewportHeight,视窗高度,该单位会把视窗宽度划分100份,如果宽为1334px,则1vh=13.34px。 vw:viewportWidt
2020-07-20
Other
浏览器缓存
浏览器缓存一、缓存类型两种缓存策略:强缓存 和 协商缓存。 浏览器在加载资源时,先根据这个资源的一些http header判断它是否命中强缓存,强缓存如果命中,浏览器直接从自己的缓存中读取资源,不会发请求到服务器。 当强缓存没有命中,浏览器发送一个请求到服务器,服务器判断这个资源是否命中协商缓存,如果协商缓存命中,服务器将这个请求返回,但是不会返回这个资源的数据,而是告诉客户端可以直接从缓存中加
2020-07-20
Other
JavaScript运行机制
JavaScript运行机制一、执行栈和任务队列JS是单线程的,JS的任务还分为 同步任务 和 异步任务 。 所有同步任务都在主线程上执行,形成一个执行栈。 主线程之外,还有一个任务队列。当异步任务有了运行结果,就在任务队列中放置一个事件。 当执行栈中所有同步任务执行完毕,系统就会读取任务队列,那些有运行结果的异步任务结束等待进入执行栈,开始执行。 只要主线程空了,就会去读取任务队列。 执行栈
2020-07-19
JavaScript
资源加载标签和页面加载
资源加载标签和页面加载一、link标签和script标签1、link标签HTML外部资源链接元素。引用资源,一般引用样式表和图标。 常见属性: rel:relationship,一般表示该 link 里加载的资源与文档的关系。(stylesheet、icon、preload*等等) href:资源加载路径。 type:文件类型。 media:媒体类型,该资源只在满足媒体条件的情况下才被加载
2020-07-18
HTML
从零配置简单Webpack
从零配置简单Webpack一、安装npm init -y npm install webpack webpack-cli --save-dev 注意:npm初始化后的 package.json 里的 name 属性不能与 webpack 同名。 二、创建配置文件一般有两种方法: 基础配置文件 + 开发环境配置文件 + 生产环境配置文件 开发环境配置文件 + 生产环境配置文件 这里用第二种:根
2020-07-18
Application
浏览器渲染机制
浏览器渲染机制一、DOCTYPEDOCTYPE 是用来声明文档类型和 DTD 规范的,主要用途是合法性验证,并告诉浏览器 HTML 版本。 <!DOCTYPE> 不是 HTML 标签,是声明,并且不区分大小写。 二、浏览器渲染过程 解析 HTML 代码构建 DOM 树,解析 CSS 代码构建 CSSOM 规则树; 根据 DOM 和 CSSOM 构建 Render Tree ;
2020-07-18
Other
继承、作用域和闭包
继承、作用域和闭包一、继承ES5 的继承,实质是先创造子类的实例对象 this ,然后再将父类的方法添加到this上面( Parent.apply(this) )。ES6 的继承机制完全不同,实质是先将父类实例对象的属性和方法,加到 this 上面(所以必须先调用 super 方法),然后再用子类的构造函数修改 this 。所以在子类的构造函数中,只有调用 super 之后,才可以使用 this
2020-07-16
JavaScript
原型链
原型链一、创建对象的方法//1.字面量 var obj1 = {name: 'solo obj1'}; //2.new Object var obj2 = new Object({name: 'solo obj2'}) //3.构造函数创建 var M = function(name){ this.name = name; }
2020-07-15
JavaScript
1
2
3
Search
×
keyword