摘要: <script> // 11.有n个人围成一圈,顺序排号。从第一个人开始报数(从1到3报数), //凡报到3的人退出圈子,问最后留下的是原来第几号的那位。 //写一个数组 存所有的人 function fn(n){ //初始化一个数组 var nums = [] for(var i=0;i<n;i+ 阅读全文
posted @ 2022-08-20 18:55 叮叮巴士 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 1.添加购物车 <style> * { margin: 0; padding: 0; } #addGoodContent { border-radius: 5px; padding: 10px; border: 1px solid #000; line-height: 30px; width: 40 阅读全文
posted @ 2022-08-20 18:50 叮叮巴士 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 构造函数构建 es6的形式 class class Person{ constructor(){ //构造器 this.name = 'jack' } } es3的形式 function function Person(){ this.name = 'jack' } 使用new关键词 var per 阅读全文
posted @ 2022-08-20 18:45 叮叮巴士 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 闭包和promise 闭包 概述:闭包是一种书写代码一种结构,这种结构拥有的特性就是内部的空间在使用中不会被回收。(内部的变量以及对应的参数不会被gc回收) 函数的预编译过程 开辟函数的内存空间 开辟一个代码的对应的内存空间。 将对应的代码块的引用放入这个函数的内存空间 函数的执行过程 开辟一个执行 阅读全文
posted @ 2022-08-20 18:41 叮叮巴士 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 事件对象兼容: let e = evt || event //凡是使用到事件的时候无脑兼容 阻止事件冒泡的兼容: e.stoPropagation?e.stopPropagation():e.cancelBubble=true 阻止浏览器默认行为 e.preventDefault?e.prevent 阅读全文
posted @ 2022-08-20 18:37 叮叮巴士 阅读(15) 评论(0) 推荐(0) 编辑
摘要: class Magnifier { constructor(smallBox, bigBox) { this.smallBox = smallBox this.bigBox = bigBox this.move = smallBox.querySelector('.move') this.bigIm 阅读全文
posted @ 2022-08-20 18:33 叮叮巴士 阅读(36) 评论(0) 推荐(0) 编辑
摘要: class Rotation { constructor(element) { this.banner = element.querySelector('.banner') this.length = this.banner.children.length this.element = elemen 阅读全文
posted @ 2022-08-20 18:32 叮叮巴士 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 运动 概述 运动主要是动画的操作,主要是操作某个document元素的属性变化(位置变化) 运动主要的三步骤 使用定时器来定时更改对应的内容 实时获取对应的元素的属性及相关内容 判断是否到达目标位置(到达后清除定时器) 匀速运动 概述:匀速运动的本质就是每次变化值都是同一个 示例 <!DOCTYPE 阅读全文
posted @ 2022-08-20 18:30 叮叮巴士 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 面向对象 概述 面向对象是一种编程思想(oop),他是将对应的过程替换成对应的对象,而不做去追求对应的过程实现,而通过去找对象的方式实现。综合思想:找有这个功能的对象,做这个事情。(面向对象同时具备一个点 万物皆对象(所有的内容都可以被充当为对象)) ######之前的编程模式:关注每一个元素,然后 阅读全文
posted @ 2022-08-14 18:38 叮叮巴士 阅读(71) 评论(0) 推荐(0) 编辑
摘要: es6的新特性 概述:es6对应数组 字符串 对象及函数以及循环,值类型,修饰符等都有加强(es6以后的内容都称为es6的内容) <script type='module'></script> //部分浏览器不解析es6时需书写 编译器会自动将所有type=module的代码编译为ES5,然后再交给 阅读全文
posted @ 2022-08-14 18:29 叮叮巴士 阅读(42) 评论(0) 推荐(0) 编辑