随笔分类 - Web前端
摘要：1.字符串的解构赋值 通过索引值进行映射 let [a, b, c, d, e, f] = 'hello'; console.log(e); // o 2.数组的解构赋值 通过索引值进行映射 let [a,b,c] = [123,456,789]; console.log(a); // 123 3.
阅读全文
摘要：一、用关键字var声明变量 1、var声明的全局对象是顶级对象（window）的属性； 2、用var在函数外声明的对象为全局变量，在函数内声明的对象为局部变量； 3、用var可以对同一对象重复声明和赋值； 4、用var声明的对象具有变量提升的作用（声明提前，赋值不提前）； 二、let关键字声明变量
阅读全文
摘要：fs 模块 const fs = require('fs'); // 读取文件内容 fs.readFile('./resouse/日志.txt',(err,data)=>{ if(err){ console.log(err); } // 默认获取到的内容是buffer类型数据，需要使用toStrin
阅读全文
摘要：nodejs模块系统 **内置模块：**可以直接在本地使用，不需要下载，直接通过 require() 在项目中引入 第三方模块： https://www.npmjs.com/ 所有的第三方模块都需要通过 npm 下载然后引入 下载第三方模块： 本地安装：npm install 模块名 npm i 模
阅读全文
摘要：方案一（ES6写法） function concat(a, b){ return [...new Set([...a, ...b])] } 方案二 实现思路 1.使用concat()方法将两个数组，拼接为一个数组存放在新数组里 2.创建一个新的空数组，用于存放结果 3.遍历新数组，使用indexOf
阅读全文
摘要：统计字符串中出现最多的字符和次数 方法一 实现思路： 1.创建一个空对象 2.遍历这个字符串，如果遍历的字符出现在json对象里面就次数+1，不在里面就新增一个key,value就是1 3.分别定义一个变量maxStr存放字符和maxCount统计字符出现的次数 4.遍历json对象的key值，如果
阅读全文
摘要：Map( )的介绍： ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合。但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也实现了iterator 接口，所以可以使用『扩展运算符』和『for…of…』进行遍历。 Map 的属性和方法： size 返回 Map
阅读全文
摘要：ES6 - Set()集合 Set()的介绍属性及方法 ES6 提供了新的数据结构 Set（集合）。它类似于数组，但成员的值都是唯一的，集合实现了 iterator 接口，所以可以使用『扩展运算符』和『for…of…』进行遍历，集合的属性和方法： size 返回集合的元素个数 add 增加一个新元素
阅读全文
摘要：数组新增的方法 1、array.forEach() 循环遍历数组中的每一项 let arr = [2, 3, 4, 5, 6, 7, 88]; let newArr = [] arr.forEach(function (item, index) { newArr.push(item*10); });
阅读全文
摘要：Promise介绍 Promise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。 Promise 构造函数: Promise (excutor) {} Promise.prototype.then 方法 Promise.prot
阅读全文
摘要：类的基本语法 class 类名{ // 私有的属性和方法 constructor (args1,...){ this.args1 = args1; ... } // 共有的属性和方法 默认添加到了原型对象上 say(){} } 示例： class Person{ // 私有的属性 构造器 const
阅读全文
摘要：一、export命令 一个模块就是一个独立的文件，该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。 1.1 export输出变量的三种写法 创建一个profile.js文件，保存了用户信息。ES6 将其视为一个模块，里面用expo
阅读全文
摘要：什么是迭代器 遍历器（Iterator）就是一种机制。它是一种接口，为各种不同的数据结构提 供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作。 迭代器的原理 1、ES6 创造了一种新的遍历命令 for...of 循环，Iterator 接口主要供 for...of
阅读全文
摘要：定义 Cookie是一段不超过4KB的小型文本数据，由一个名称（Name）、一个值（Value）和其它几个用于控制Cookie有效期、安全性、使用范围的可选属性组成 使用 1、设置cookie Name/Value：设置Cookie的名称及相对应的值 docment.cookie = 'name=张
阅读全文
摘要：💡:详细文档请查看 jQuery API 中文文档 入口函数 $(function(){ }) 1.等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成, jQuery帮我们完成了封装。 2.相当于原生js中的DOMContentl oaded. 3.不同于原生js中的load事件
阅读全文
摘要：Canvas学习与使用 <canvas> 是 HTML5 新增的，一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 <canvas> 只有两个可选的属性 width、heig
阅读全文
摘要：正则表达式的创建 一、创建正则表达式对象 语法：let 变量 = new RegExp( '正则表达式'，'匹配模式' ) 注意：在正则表达式中可以传递一个匹配模式作为第二个参数 分别是： i 忽略大小写 g 全局模式匹配 let reg = new RegExp('a','i'); let str
阅读全文
摘要：元素偏移值offset系列属性 offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值不带单位 offset系列常用属性： offset与style的区别
阅读全文
摘要：什么是flexible.js lexible.js是手淘开发出的一个用来适配移动端的js框架。手淘框架的核心原理就是根据制不同的width给网页中html根节点设置不同的font-size，然后所有的px都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。其实它就是一个终端设备适配的解决
阅读全文
摘要：立即执行函数 不需要调用，立马就能自己执行的函数 语法格式 (function() {})() 或者 (function(){}()) 写法 // 1. 正常函数写法 function fn() { console.log('hello world'); } fn(); // 2. 立即执行函数 写
阅读全文
浙公网安备 33010602011771号