- 博客(31)
- 收藏
- 关注
RSS订阅转载 小程序的点击事件bindtap和catchtap区别
(1) 事件是视图层到逻辑层的通讯方式。(2) 事件可以将用户的行为反馈到逻辑层进行处理。(3) 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。(4) 事件对象可以携带额外信息，如 id,dataset,touches。
2023-03-16 11:20:05
2000
原创 v-for里key的作用面试题
面试题：v-for中的key值有什么作用？为什么不推荐使用索引作为key值面试题关于keyVue更新使用v-for渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是简单复用在"就地复用"策略中，输入框没有与数据绑定，所以vuejs默认使用已经渲染的dom，然而文本是与数据绑定的，所以文本被重新渲染。这种处理方式在vue中是默认的列表渲染策略，因为高效。这个默认的模式是高效的，但是在更多的时候，并不需要这样去处理，所以，为了给Vue
2022-06-14 20:48:35
323
原创 vue的数组方法
1.变异方法push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。pop() 方法用于删除并返回数组的最后一个元素。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。sort() 方法用于对数组的元素进行排序。reverse() 方法用于颠倒数组中元素的顺序。2.替换数组filter() 方法创建一个新的数组，新数组中的
2022-06-13 17:28:22
1957
1
转载 js数据类型
数据类型一、数据类型：基本数据类型(值类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）。引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)。特殊的对象：正则（RegExp）和日期（Date）。特殊类型：underfined 未定义、Null 空对象、Infinate 无穷、NAN 非数字基本数据类型的值直接在栈内存中存储，值与值之间独立存在，修改一个变量不会影响到其他.
2022-05-10 16:36:15
243
原创 ajax封装 es6
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-05-10 11:35:48
165
原创 JQ轮播图
// 轮播图 $('.lunbozi').children().mouseenter(function () { $(this).addClass('lunbobian').siblings().removeClass('lunbobian') }) $(function () { // 每个图的宽度 let liWidth = $('.lunbotu li').eq(0).width console.log($('....
2022-04-28 16:04:45
63
原创 canvas制作闹钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...
2022-04-17 15:28:22
248
2
原创 数据遍历曲线图
function myCanvas(option,canvas){ var cas=canvas.getContext("2d"); var h=canvas.height, w=canvas.width, lengX=option.x.length, lengY=option.y.length, stepH=(h-100)/(lengY-1), stepW=(w-100)/(lengX-1); ...
2022-04-15 11:44:46
133
原创 canvas制作简易画板
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-04-14 15:55:38
95
原创 学生档案图
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-04-14 15:39:29
56
原创 数据驱动js购物车
html部分<div class="zhuti"> <div class="zhuti_shang"> <ul class="list" type='none'></ul> </div> <div class="zhuti_xia"> <p><input type="checkbox" class="ckall">
2022-04-12 20:40:51
138
原创 原型的继承
原型：prototype fn.prototype ===> fn.prototype.__proto__ ===constructor.prototype构造函数具备隐式原型：([[prototype]]) 私有状态__proto__ obj.__proto__对象才具备[].__proto__ ===Array.prototype.__proto__ === object.prototype =null使用场景：1、封装同一个构造函数的衍生对象的公共方法functio...
2022-04-11 08:28:01
183
原创 事件冒泡，事件捕获，事件委托
事件冒泡：默认触发机制(由内到外的触发方式)事件嵌套：事件连环触发(由内触发)阻止事件冒泡: event.cancelBabble = true; (是否取消冒泡) event/stopPagaion()默认行为： return false; event.preventDefault();事件捕获：addEventListenear('eventTtpe',fn,true)默认触发机制(由外至内的触发方式)事件嵌套: 事件连环触发(由外至内触发...
2022-04-11 08:27:23
67
原创 深浅拷贝，异步加载
深浅拷贝:js数据存储机制:数据 内存：栈：普通类型的数据堆：引用类型(值-->指针在栈)浅拷贝、浅copy、浅复制：var arr = []var arr2 = arr;双向绑定：深拷贝、深copy、深复制：序列化：将一个对象序列化为特定的字符串toString()JSON.stringify()序列化JSON.pares()反序列化场景：1、document.cookie='key='+JSON.stringify(arr|obj) 存值2、解决浅拷..
2022-04-11 08:25:27
101
原创 事件冒泡，事件捕获，事件委托
事件冒泡：默认触发机制(由内到外的触发方式)事件嵌套：事件连环触发(由内触发)阻止事件冒泡: event.cancelBabble = true; (是否取消冒泡) event/stopPagaion()默认行为： return false; event.preventDefault();事件捕获：addEventListenear('eventTtpe',fn,true)默认触发机制(由外至内的触发方式)事件嵌套: 事件连环触发(由外至内触发...
2022-04-07 08:30:54
74
原创 购物车js部分
window.onload=function(){//数据varimgPath=["./imgs/selectn.png","./imgs/selecty.png"];vardata=[{title:["长城（GreatWall）额定650W","长城（GreatWall）额定650W","长城（GreatWall）额定650W","长城（GreatWall）额定650W"]},{...
2022-04-06 08:38:33
59
原创 作用域拓展逻辑小题目
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-29 16:15:14
255
原创 轮播图的分页与点击
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>.banner{...
2022-03-29 09:53:41
372
原创 简单的表单验证
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-29 08:37:12
81
原创 弹动广告js
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-27 22:33:25
310
原创 轮播图初识
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-27 22:32:41
35
原创 选择器获取元素
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-22 12:38:40
205
原创 三目运算符
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-22 12:38:03
70
原创 6位随机颜色数字
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-22 12:37:18
82
原创 嵌套循环demo
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-22 12:36:42
31
原创 二维数组的遍历
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-22 12:35:25
102
原创 js 时间日期api
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-22 12:33:35
258
原创 js 时间日期api
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2022-03-22 12:32:29
357
原创 学习js 递归
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><...
2022-03-22 12:30:45
52
原创 第三周的学习
ECMA script 2015 (es6) java类型：客户端脚本语言：动态语言支持、使用变量运行机制： 解释性语言：一遍执行一遍解析(浏览器在运行过程中进行解析)、 编译性语言：jsp、python、php (解析器 html) -> 浏览器浏览器：html:搭建页面结构css：美化页面js：动态效果前后端分离：web前端：应用(application)的前台(html+css+js+数据渲染、交互)web后端：java php ..移动端: HY...
2022-03-14 08:49:09
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人