- 博客(16)
- 收藏
- 关注
原创 初识three.js创建第一个threejs3D页面
/ renderer中有domElement 是 canvas。// 调整渲染器大小。// 让立方体转起来。
2024-06-26 16:35:55
275
原创 JS仿淘宝滚动刷新简单实现
console.log("页面高度", documentHeight);console.log("窗口高度", windowHeight);console.log("滚动条位置", scrollTop);// console.log('页面滚动到达底部');-- 最大的容器 -->
2024-06-24 14:21:21
316
原创 JS仿淘宝滚动刷新简单实现
console.log("页面高度", documentHeight);console.log("窗口高度", windowHeight);console.log("滚动条位置", scrollTop);// console.log('页面滚动到达底部');-- 最大的容器 -->
2024-06-24 14:16:58
371
原创 探索Vue 3 reactive()原理及其实现步骤
function createReactiveHandler(target, isShallow = false, isReadonly = false) { return new Proxy(target, { get(target, key, receiver) { // 依赖收集逻辑 // ... return Reflect.get(target, key, receiver);在这场革新中,reactive()函数了扮演核心角色,它使得开发者能够轻松创建响应式对象,从而驱动UI的动态更新。
2024-06-17 09:27:03
557
原创 使用计算属性和监听属性实现查询功能
input type="text" placeholder="请输入需要查询的姓名" v-model="bangding">{name:"张三",age:"18",sex:"男"},{name:"李四",age:"19",sex:"男"},{name:"王五",age:"20",sex:"男"},{name:"谢华明",age:18,sex:"女"},{name:"华明",age:19,sex:"女"},{name:"明明",age:12,sex:"女"},computed方法实现查询功能。
2024-04-24 10:01:07
598
原创 事件 V-model修饰符
3.capture捕获模式 打乱冒泡顺序(即可以理解为给元素添加一个监听器,当元素发生冒泡时,先触发带有该修饰符的元素。4.self 阻止自身事件促发,但不会阻止冒泡,间接性有捕获效果.在冒泡事件中,点击设置了self的子类,才不会触发自身,点击设置了self本身是可以触发的。5.event.stopPropagation()阻止冒泡。2.number有效转换"1"== 1 为数字。3.trim清除前后空格-->1.lazy 失去焦点后提交值。2.stop阻止冒泡事件。3.once只触发一次。
2024-04-14 22:52:04
153
1
原创 使用vue组件需要注意什么
2.my-school和mySchool都会转换为同样的格式MySchool,但是mySchool只能在脚手架环境使用。1.全局注册Vue.component("mainq",mainq);不在脚手架环境下使用这种格式<schoolQq/>不会再运行之后的代码。使用的组件名可以不和组件定义的名字相同,组件名字可以自定义。局部注册 在变量a中注册,就只能在a中使用组件。全局注册 只要注册一次,在任何组件都可以使用。1.可以使用小写和大写情况下,首字母都会转换为大写。1.局部注册components:{}
2024-04-03 23:47:36
211
1
原创 vue指令
规则:定义指令名称不能使用驼峰和v-,要是用-连接,记得添加引号。inserted(节点,绑定对象){},Vue.directive ,定义在实例化之前。update(节点,绑定对象){}bind(节点,绑定对象){},directives ,写入Vue实例中。重新解析时调用(值发生改变)名称(节点,绑定对象){}使用时要v-自定义名称。
2024-03-25 21:22:30
129
原创 递归的用法
递归的概念:递归,就是在运行的过程中不断地调用自己。递归有两个过程,简单地说一个是递的过程,一个是归的过程。// console.log(`值---${arr[i]}`);输出11,22,33,44,55,66,77,88,99。
2024-01-13 12:47:27
341
1
原创 ES6箭头函数的特性
let Fun = ()=>{} let zs = new Fun() console.log(zs) //Fun is not a constructor(构造函数)let fun = ()=>{ console.log(arguments) //报错 arguments is not defined } fun()2.本身没有this的概念,捕获其所在上下文的 this 值,作为自己的 this 值,this指向全局。console.log(this) //this指向obj。
2024-01-08 15:47:08
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人