08 2022 档案
摘要：<script> // 11.有n个人围成一圈，顺序排号。从第一个人开始报数（从1到3报数）， //凡报到3的人退出圈子，问最后留下的是原来第几号的那位。 //写一个数组 存所有的人 function fn(n){ //初始化一个数组 var nums = [] for(var i=0;i<n;i+
阅读全文
摘要：1.添加购物车 <style> * { margin: 0; padding: 0; } #addGoodContent { border-radius: 5px; padding: 10px; border: 1px solid #000; line-height: 30px; width: 40
阅读全文
摘要：构造函数构建 es6的形式 class class Person{ constructor(){ //构造器 this.name = 'jack' } } es3的形式 function function Person(){ this.name = 'jack' } 使用new关键词 var per
阅读全文
摘要：闭包和promise 闭包 概述：闭包是一种书写代码一种结构，这种结构拥有的特性就是内部的空间在使用中不会被回收。（内部的变量以及对应的参数不会被gc回收） 函数的预编译过程 开辟函数的内存空间 开辟一个代码的对应的内存空间。 将对应的代码块的引用放入这个函数的内存空间 函数的执行过程 开辟一个执行
阅读全文
摘要：事件对象兼容： let e = evt || event //凡是使用到事件的时候无脑兼容 阻止事件冒泡的兼容： e.stoPropagation?e.stopPropagation():e.cancelBubble=true 阻止浏览器默认行为 e.preventDefault?e.prevent
阅读全文
摘要：class Magnifier { constructor(smallBox, bigBox) { this.smallBox = smallBox this.bigBox = bigBox this.move = smallBox.querySelector('.move') this.bigIm
阅读全文
摘要：class Rotation { constructor(element) { this.banner = element.querySelector('.banner') this.length = this.banner.children.length this.element = elemen
阅读全文
摘要：运动 概述 运动主要是动画的操作，主要是操作某个document元素的属性变化（位置变化） 运动主要的三步骤 使用定时器来定时更改对应的内容 实时获取对应的元素的属性及相关内容 判断是否到达目标位置（到达后清除定时器） 匀速运动 概述：匀速运动的本质就是每次变化值都是同一个 示例 <!DOCTYPE
阅读全文
摘要：面向对象 概述 面向对象是一种编程思想（oop），他是将对应的过程替换成对应的对象，而不做去追求对应的过程实现，而通过去找对象的方式实现。综合思想：找有这个功能的对象，做这个事情。（面向对象同时具备一个点 万物皆对象（所有的内容都可以被充当为对象）） ######之前的编程模式：关注每一个元素，然后
阅读全文
摘要：es6的新特性 概述：es6对应数组 字符串 对象及函数以及循环,值类型，修饰符等都有加强（es6以后的内容都称为es6的内容） <script type='module'></script> //部分浏览器不解析es6时需书写 编译器会自动将所有type=module的代码编译为ES5，然后再交给
阅读全文
摘要：ES5 es表示ECMASCript ，他是从es3，es5，es6，es5是2009.12月发布的，es6是2015.6月发布的。vue2完全支持es5的（vue3完全支持es6的），react完全支持es6 es5的新特性 严格模式（对应的相反的称为怪异模式） 'use strict' //一般
阅读全文
摘要：##正则表达式 ###概念： 一个用于规范字符串的表达式。 简单来说，就是写一个规则，然后通过这个规则可以从一个杂乱的字符串中找出符合规则的部分，也就可以用于判断 一个字符串是否符合某个规则。还可以将一个字符串中符合规则的部分进行替换。 ###初体验： 正则表达式其实就是一种规则，其实把正则称作规则
阅读全文
摘要：事件委托 概述: 将对应的子元素的事件添加给父元素，用e.target来获取真实操作的元素 从而完成相关的操作（不能用到事件委托的 mouseenter 和 mouseleave 以及 mousemove..） //事件委托 利用父元素添加事件 通过e.target获取真实的操作元素来进行相关的操作
阅读全文
摘要：事件（上） 概述： 事件是一个流程，就是一个监听（预备） 一个触发（当前内容执行了 （进行处理） 用户在页面上操作（监听这个操作）, 然后我们要调用函数来处理（进行处理）. 监听过程 触发过程 处理过程 这个流程就是完整的一个事件 事件的组成 触发者.on+对应的事件名 = 处理的函数 对应的事件组
阅读全文
摘要：DOM 概述： DOM 全称（document object model）文档对象模型（文档指定为对应html文档），对应的DOM就是操作HTML文档的（增删改查） DOM结构 document 文档对象 方法 1.获取全局的内容 document.getElementById() //通过id属性
阅读全文
摘要：BOM 概述：称为浏览器对象模型（bowser object model）,可以获取浏览上的所有内容以及相关的操作。BOM缺乏规范的，存在共有对象来解决这个问题，但是共有对象也存在兼容问题（ie10以后） BOM由一系列相关的对象构成，并且每个对象都提供了一些方法与属性. 我们可以通过这些属性和方法
阅读全文
摘要：Date日期 Date类型使用自UTC(Coordinated Universal Time,国际协调时间) 1970年1月1日午夜(零时)开始经过的毫秒数来保存日期。Date类型保存的日期能够精确到1970年1月1日之前或之后的 285616年. 日期对象的定义（使用new关键词） 1.获取当前的
阅读全文
摘要：字符串 字符串概述 字符串也，是一个数据结构，将同样的内容传在一块。因为在对应的js里面字符串属于一个值类型（值类型是常量 常量不会变）字符串是不能改变的。字符串也是一个存储结构，作为存储结构增删改查的方法（字符串的增删改查不能针对于本身 而是返回一个新的字符串） 字符串的声明 1.值类型赋值 va
阅读全文
摘要：数组 数据结构 1.逻辑结构 2.存储结构：数据存储的结构方式 线性结构 数组（顺序表） 队列 栈 堆 链表 非线性结构 树 图 hash（散列表） （只要是能存数据的容器 就必须具备增删改查的方法） 3.算法 数组 数组概述：数组固定一类数据的组合（一般情况下数组里面的类型一致）（多个数据） 数组
阅读全文
摘要：函数 函数概述 ######函数就是具备某个功能的一个工具。是完成某个功能的一段代码。 ######系统提供了很多函数，但是并不能包含所有的功能，所以有些功能需要我们自己来写 自定义函数。函数定义好以后，就可以像系统函数一样使用了，不用再重复写了。所以经常写的代码，就写一个函数，需要的时候调一下好了
阅读全文
