08 2022 档案
摘要：异步编程发展 异步编程经历了 callback、promise、async/await、generator四个阶段，其中promise和async/await使用最为频繁，而generator因为语法晦涩难懂，很少使用。 本文主要讲述promise如何使用。 promise语法 promise的三种
阅读全文
摘要：箭头函数与普通函数的区别 1、语法上更加简洁、清晰 基本语法： // 关于箭头函数的参数 // 如果箭头函数没有参数，直接写一个括号即可 let fun1 = () => { console.log('111') }; // 如果箭头函数只有一个参数，可以省略括号 let fun2 = name =
阅读全文
摘要：null和undefined的区别 undefined： 字面意思是未定义的值，语义是希望表示一个变量最原始的状态，而非人为操作的结果。这种原始状态会在以下四个场景中出现： 声明了一个变量但没有赋值 访问对象上不存在的属性 函数定义了形参，但是没有传递实参 使用void对表达式求值 null： 字面
阅读全文
摘要：this的指向问题 全局作用域下的this指向 无论是否是严格模式，全局作用域下的this始终指向window 函数内部的this 严格模式下： function test() { 'use strict' console.log(this) } test(); // undefined windo
阅读全文
摘要：JS数据结构之 Map Map介绍 Map（映射）是ES6引入的一种数据结构。这是一种存储键值对列表很方便的方法，类似于其他编程语言的哈希表。 HashMap（哈希表），也叫做散列表。是根据关键码值 key -> value而直接进行访问的数据结构。它通过把关键码值映射到表中一个位置来访问记录，有一
阅读全文
摘要：JS数组去重的十种方法 1、利用ES6 Set数据类型去重（ES6中最常用） function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,fa
阅读全文
摘要：变量提升、作用域、arguments、instanceOf 变量提升 JS是单线程语言，所以执行肯定是顺序执行。但并不是逐行分析和执行，而是一段一段地分析执行，会先进行编译阶段然后才是执行阶段。在编译阶段，代码真正执行前的几毫秒，会检测到所有的变量和函数声明，所有这些函数和变量声明都被添加到名为Le
阅读全文
摘要：Object.assign、constructor、map 和 forEach、for...of、indexOf Object.assign的理解 作用：Object.assign可以实现对象的合并。 语法：Object.assign(target, ...sources) 会将source中的可枚
阅读全文
摘要：let const var相关、js数据类型 let const var相关 var ES5的变量声明方式，在变量未赋值的时候，值为undefined。存在变量提升，即变量可以在声明之前调用，不过值是undefined。 作用域——var的作用域为方法作用域；只要在方法内定义了，整个方法内的定义变量
阅读全文
摘要：BFC详解 简介 在解释BFC之前，先了解一下文档流。 文档流分为定位流、浮动流、普通流三种。而普通流其实就是BFC中的FC。 FC（Formatting Context），直译过来就是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了里面的子元素如何布局，以及和其他元素之间的关系和作用
阅读全文
摘要：移动端1px问题 1px的边框，在高清屏下，移动端的1px会变得很粗。 为什么会产生这个问题？主要跟DPR（devicePixelRatio）设备像素比有关，它是默认缩放为100%的情况下，设备像素和CSS像素的比值。 window.devicePixelRatio=物理像素/CSS像素 目前主流屏
阅读全文
摘要：import * as THREE from "three"; // 定义照相机、场景、渲染器 let camera, scene, renderer; scene = new THREE.Scene(); camera = new THREE.PerspectiveCamera( 75, wind
阅读全文
摘要：移动端适配方案 1、viewport适配（全部等比缩放） 假设设计稿的宽高是 750*1334 根据设计稿标准（750px宽度开发页面），写完之后页面和元素自动缩小，适配375宽度的屏幕 head： <meta name="viewport" content="width=750,initial-s
阅读全文
摘要：RESTful API 1、什么是RESTful API？ RESTful API通常根据 GET/POST/PUT/DELETE 来区分操作资源的动作，是一种风格，而不是一种约束和规约。 REST并没有一个明确的标准，更像是一种设计的风格，满足这种风格的程序接口称之为RESTful API 2、R
阅读全文
摘要：CSS实现切换主题 方式一：主题层 这是最常用的一种方法。 首先我们的站点会有一个最初的基础样式，后续通过添加一些额外的CSS来覆盖与重新定义部分样式。 @import "style.css"; // 基础样式、默认样式 @import "button.css"; // 比如说自定义了一个按钮的样式
阅读全文
摘要：Three.js实现漫步效果 index.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
阅读全文
摘要：CSS布局：画图篇 1、CSS实现一个等边三角形 主要是通过把宽高设置成0，边框宽度设置宽一些，设置其中三个边透明，只留一个边显示 等边三角形是特殊的等腰三角形，它的三条边都相等，顶角为60度。高是边长的0.866 假设我们要做边长为160px的等边三角形： <!DOCTYPE html> <htm
阅读全文
摘要：CSS布局：居中 1、未知高度的元素，垂直居中，水平居中的实现方式有哪些？ 1.1 绝对定位+css3 transform .wrap{ position:relative; } .child{ position: absolute; top:50%; left:50%; transform:tra
阅读全文
摘要：样式优先级、盒子塌陷、伪类和伪元素、行内元素的margin和padding、max-width和max-width之间的覆盖规则、浏览器如何解析CSS选择器 1、样式优先级 样式类型： 行内样式 <h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h
阅读全文
摘要：CSS盒模型、BFC、IFC 1.块元素有哪些属性可以继承？ text-indent、text-align、visibility、cursor 2.盒模型 CSS盒模型本质上是一个盒子，包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。
阅读全文
摘要：CSS继承 CSS继承就是，给父级元素设置一些属性，子级元素可以继承这些属性。 有继承性的属性： 1.字体系列属性 2.文本系列属性 3.元素可见性 visibility 4.表格布局属性 caption-side、border-collapse、border-spacing、empty-cells
阅读全文
摘要：HTML 1.1 html标签的类型（head， body，！Doctype） 的作用是什么？ !DOCTYPE 声明： 它不是一个HTML标签，是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令 例如： HTML 4.01 Strict <!DOCTYPE HTML PUBLIC
阅读全文
浙公网安备 33010602011771号