11 2021 档案

ES6 Promise对象
摘要：Promise 对象通过 new Promise(executor) 实例化创建，可以让程序进入一个异步的执行中，完成耗时的操作处理。 语法:new Promise((resole, reject) => {}) Promise 类接收带有两个匿名函数作为参数的匿名函数，其中 resolve 表示成 阅读全文
posted @ 2021-11-30 20:34 .Nice 阅读(100) 评论(0) 推荐(0)
ES6数据集合Set 、Map
摘要：Set set类似于数组，没有重复的元素，开发中可用于去重操作，它的key和value相等。 初始化一个Set集合 1 let set = new Set([1,2,3,4,4])； 2 console.log(set); // Set { 1, 2, 3, 4 } 一个属性 size 返回集合的长 阅读全文
posted @ 2021-11-29 23:35 .Nice 阅读(144) 评论(0) 推荐(0)
Symbol类型和属性
摘要：Symbol类型和属性 基本数据类型： Number String Boolean Object Null Undefined 原始数据类型：Symbol 表示独一无二的值，可以用来定义对象的唯一属性名 不支持 new Symbol() Symbol类型的值可以通过直接调用Symbol函数创建 不允 阅读全文
posted @ 2021-11-27 23:44 .Nice 阅读(148) 评论(0) 推荐(0)
（正则、数值、数组、对象）的扩展
摘要：正则、数值、数组、对象 一、正则扩展 提供了 u 修饰符，对占两个字符特殊字进行正则识别； 1 let result=/𠮷{2}/u.test('𠮷𠮷'); 2 console.log(result); 提供了 y 修饰符，当匹配过一次后继续往下匹配； 1 let text='xxx_xx_x 阅读全文
posted @ 2021-11-27 19:32 .Nice 阅读(73) 评论(0) 推荐(0)
数组和对象的结构
摘要：数组的结构 单行结构 let [name,age,sex]=['Mr.Lee',100,'男']; 双行结构 let info=['Mr.Lee',100,'男']; //数组赋值 let [name,age,sex]=info; //数组结构赋值 数组层次需要匹配 let [name,[age,s 阅读全文
posted @ 2021-11-26 20:15 .Nice 阅读(162) 评论(0) 推荐(0)
koa-router使用
摘要：koa-router使用 Koa-router 是 koa 的一个路由中间件，它可以将请求的URL和方法（如：GET 、 POST 、 PUT 、 DELETE 等） 匹配到对应的响应程序或页面。 基本配置 创建Koa应用 1 // app.js 2 3 const Koa = require('k 阅读全文
posted @ 2021-11-26 12:18 .Nice 阅读(415) 评论(0) 推荐(0)
箭头函数和This
摘要：箭头函数和This 基本语法 “箭头”（=>）定义函数 let fn =name => name; console.log(fn(Mr.Lee)); 普通函数代码 let fn=function (name){ return name; }; 由此可见，箭头函数语法更简洁 箭头函数的参数 使用箭头符 阅读全文
posted @ 2021-11-25 22:37 .Nice 阅读(102) 评论(0) 推荐(0)
Koa的基本使用
摘要：Koa的基本使用 1、初始化package.json npm init 2、安装Koa2 npm install koa 3、hello代码 1 // 引入对象 2 const Application = require('koa'); 3 const Koa = require('koa'); 4 阅读全文
posted @ 2021-11-25 10:34 .Nice 阅读(154) 评论(0) 推荐(0)
Node(npm使用介绍)
摘要：NPM使用介绍 NPM是随同NodeJS一起安装的包管理工具，使用场景有： 允许用户从NPM服务器下载别人编写的第三方包到本地使用 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 项目初始化 'npm init' ' 阅读全文
posted @ 2021-11-24 18:53 .Nice 阅读(139) 评论(0) 推荐(0)
ES6的块级作用域
摘要：ES6的块级作用域 let 为 JavaScript 新增了块级作用域，外层作用域无法获取到内层作用域，这样非常安全。即使外层和内层都使用相同变量名，也都互不干扰。 例如： 1 function test() { 2 let a = 1; 3 if(true){ 4 let a = 10; 5 co 阅读全文
posted @ 2021-11-24 17:33 .Nice 阅读(92) 评论(0) 推荐(0)
ES6声明(Let Const Var).
摘要：一、变量提升 A、用var声明的变量，会在其作用域中发生变量提升，js默认给变量一个undefined值。 B、在ES6中使用let/const声明的变量，不存在变量提升过程。也就是说，在使用let/const声明的变量，声明前访问它，都会报错。 1 { 2 var value=10; 3 let 阅读全文
posted @ 2021-11-23 23:29 .Nice 阅读(74) 评论(0) 推荐(0)
Ajax
摘要：一、原生Ajax （1）创建 XMLHttpRequest 对象 （2）创建一个新的 HTTP 请求 （3）设置响应 HTTP 请求状态变化的函数 （4）发送HTTP请求 （5）获取异步调用返回的数据 （6）使用JavaScript 和 DOM 实现局部刷新 responseText 解析纯文本 j 阅读全文
posted @ 2021-11-22 18:16 .Nice 阅读(42) 评论(0) 推荐(0)
JS原型链
摘要：如上图所示： Personal 对象想要继承 Main 对象，则通过将 Main 的实例赋值给 Personal 的原型对象 : Personal.prototype = new Main () ; 如此 Personal原型对象 就能通过 Main 对象的实例中的 [[Prototype]] 来访 阅读全文
posted @ 2021-11-18 00:14 .Nice 阅读(34) 评论(0) 推荐(0)
jQuery点击按钮加一 and 遮罩层
摘要：一、jQuery点击按钮加一 $(function(){ $(".c_add").click(function(){ var val=$("#count-ipt").val(); var num=parseInt(val)+1; var count=$(".in-count").text(); if 阅读全文
posted @ 2021-11-16 23:56 .Nice 阅读(213) 评论(0) 推荐(0)
jQuery轮播图
摘要：一、轮播图 var current=0; var conut=$(".pics-list>li").length; // 封装成一个move方法 function move(){ $(".points-list>li").eq(current).addClass("active").siblings 阅读全文
posted @ 2021-11-15 19:19 .Nice 阅读(54) 评论(0) 推荐(0)
jQuery放大镜
摘要：一、实现原理 方法一：准备一张高像素的大图，当鼠标放到原图上，加载显示大图的对应位置。 首先，需要一个img元素显示原图对象，还需要一个容器作为显示框；显示框里面存放大图对象。当鼠标移动到原图上时，通过对大图进行绝对定位来显示对应的部位，实现类似放大镜的效果。 二、使用mousemove事件的监听方 阅读全文
posted @ 2021-11-15 18:51 .Nice 阅读(120) 评论(0) 推荐(0)
jQuery动画效果
摘要：一、基本 show显示隐藏的匹配元素 $(".show").click(function(){ // $(".div").show() // $(".div").show("slow") normal fast $(".div").show(1000) }) hide隐藏显示的元素 $(".hide 阅读全文
posted @ 2021-11-12 11:54 .Nice 阅读(54) 评论(0) 推荐(0)
DOM操作
摘要：一、文档处理 内部插入 =>子节点 append 向每个匹配的元素内部追加内容 appendTo 把所有匹配的元素追加到另一个指定的元素元素集合中。 $(".append").click(function(){ $("ul").append("<li>列表 append</li>") // $("< 阅读全文
posted @ 2021-11-11 12:13 .Nice 阅读(31) 评论(0) 推荐(0)
冒泡事件
摘要：一、基本事件 $(".child").click(function(){ console.log(0) }) $(".child").mousemove(function(){ console.log(e.offsetX,e.offsetY) }) $(".child").mouseover(fun 阅读全文
posted @ 2021-11-11 08:21 .Nice 阅读(57) 评论(0) 推荐(0)
jQuery的属性和样式
摘要：prop 获取在匹配的元素集中的第一个元素的属性值。 attr(属性名 属性值) 设置属性 全选全部选 $("#sex").change(function(){ // $(":checkbox").attr("checked",true) var chk1=$(this).prop("checked 阅读全文
posted @ 2021-11-09 22:39 .Nice 阅读(32) 评论(0) 推荐(0)
jQuery基础
摘要：一、基本选择器 element 一个用于搜索的元素。指向 DOM 节点的标签名。 .class 一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。 * 找到每一个元素 二、基本筛选器 :first 获取匹配的第一个元素 var $div=$("*:first") 可以单独使用 :e 阅读全文
posted @ 2021-11-08 21:24 .Nice 阅读(15) 评论(0) 推荐(0)
DOM
摘要：一、DOM对象 document.getElementById(id) 通过元素 id 来查找元素 document.getElementsByTagName(name) 通过标签名来查找元素 document.getElementsByClassName(name) 通过类名来查找元素 docum 阅读全文
posted @ 2021-11-05 22:45 .Nice 阅读(19) 评论(0) 推荐(0)
Js正则表达式
摘要：什么是正则表达式？ 是构成搜索模式的字符序列。 该搜索模式可用于文本搜索和文本替换操作。 一、元字符 元字符正则表达式 \d 0-9任意一个数字 [] 方括号之间的任意一个字符 [^] 非其中的任意一个字符 \w 数字、字母、下划线 . 除换行符外的任意一个字符 | 或（多用于月份） ? 0-1次 阅读全文
posted @ 2021-11-04 20:24 .Nice 阅读(171) 评论(0) 推荐(0)
JS 基本语法
摘要：一、基本数据类型 number 数值（整数 小数） string 字符串（字符）" " ' ' Bool 返回值是true/false null 没有 undefined 未被定义 object 对象 ：正则、数组 字面量（json对象） 二、语法 在编程语言中，变量用于存储数据值。 var 来声明 阅读全文
posted @ 2021-11-02 20:08 .Nice 阅读(112) 评论(0) 推荐(0)
JS基本用法
摘要：JS基本用法 第一种 1 <div class="div" onclick="alert(0)">点击</div> 第二种 //js部分<script> window.onload=function(){ var div=document.querySelector(".div"); div.onc 阅读全文
posted @ 2021-11-02 18:45 .Nice 阅读(107) 评论(0) 推荐(0)
JS中设置或获取自定义方法setAttribute getAttribute attributes
摘要：用JS 实现切换 1 window.onload=function(){ 2 // 获取所有的A标签 3 var btns=document.querySelectorAll(".box .title a"); 4 var forms=document.querySelectorAll(".box 阅读全文
posted @ 2021-11-01 19:55 .Nice 阅读(617) 评论(0) 推荐(0)