- 博客(49)
- 收藏
- 关注
原创 万字整合 JS高级
在js中,原型和原型链是一个很重要的知识点,只有理解了它,我们才能更深刻的理解js,在这里,我们将分成几个部分来逐步讲解。构造函数是使用了new关键字的函数,用来创建对象,所有函数都是Function()的实例原型对象是用来存放实例对象的公有属性和公有方法的一个公共对象,所有原型对象都是Object()的实例原型链又叫隐式原型链,是由__proto__属性串联起来,原型链的尽头是Object.prototype。
2024-06-24 15:31:38
995
原创 小程序简单版音乐播放器
小程序简单版音乐播放器核心代码音乐数据🆗,接下来创建播放列表数据切换功能来实现一些页面之间简单的切换播放功能接下来就是一些必不可少的小功能了🆗,最后的就剩下node服务了,这边node服务只是为了挂载音乐文件这些静态资源。这边我也会将上传到本篇博客,把自己需要的3或格式文件放入到中即可。最后附上完整代码最后编辑时间 2024,06,17;10:11
2024-06-17 10:12:17
800
原创 小程序简单版录音机
到这里呢,一个简单版的录音机基本功能就已经完全实现了,下面将附上完整代码,如有错误的地方,请斧正。这边是一个计时函数,写得比较繁琐,要是各位大大有更好的办法也欢迎补充。最后一步就很简单了,给音频设置上路径播放音频就好。🆗,接下来要实现点击录音按钮,进行一个计时效果。接下来我们来进行保存录音和把计时器清零的操作。有了这些咱们就可以正常的进行计时和录音功能。最后编辑时间 2024,6,07;现在开始为播放按钮设置事件,那我们先来。
2024-06-07 09:41:06
917
原创 无限视差滚动(轮播)
这种效果在国外用得很多,不过最近几年国内也慢慢开始使用了,这只是演示效果,具体还得看实际要求。无限视差滚动(轮播)可以给用户一种无限滚动的感觉,视觉效果非常的好。话不多说,先来看效果。核心代码咱都写好了,现在就是css样式部分来完善咱们得无限视差滚动(轮播)这样下来,无限视差滚动(轮播)就已经完成了,是不是挺简单的。这边因为得控制GIF图片大小在5MB以内,导致看着不太丝滑。最后编辑时间 2024,05,11;HTML结构的话 就是一个div即可。ok,接下来我们来看js代码部分。接下来咱们来看代码部分。
2024-05-11 17:40:25
494
原创 Vue 全局事件总线
new Vue({...Vue.prototype.$bus = this // 安装全局事件总线,$bus 就是当前应用的 vm},...})
2024-04-14 15:06:49
282
原创 Vue 自定义事件
一种组件的通信方式,适用与子组件→父组件在父组件中<Demo @事件名 = '方法‘>在父组件中this.$refs.demo.$on('事件名',方法)......mounted(){若想让自定义事件只能触发一次,可以使用once修饰符,或$once方法这里是引用this.$emit('事件名',数据)this.$off('事件名')组件上也可以绑定原生DOM事件,需要使用native修饰符 @click.native=“show”
2024-04-14 14:56:02
260
原创 Vue.CLI ref、props、mixin、plugin、scoped
新建一个 plugin 文件夹 在文件夹中新建 plugins.js 文件。最后编辑时间 2024,4,04;接下来写一个vue示例。
2024-04-03 09:55:58
666
原创 Vue生命周期
mounted发送Ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作清除定时器、解绑自定义事件、取消订阅消息等收尾操作update页面和数据都是新的。
2024-03-21 17:27:50
943
原创 Vue指令(一)
1.v-text和v-html相同点:都会覆盖文本,不同点:v-text只读取文本,v-html读取标签。methods 是存放函数的方法,函数名不能与变量名一致。最后编辑时间 2024,03,07;v-text和v-html,插值区别。
2024-03-07 15:53:36
330
原创 Vue初识
可以看到 插值不光可以实现字符串拼接、运算还能实现三目运算符、函数等。最后编辑时间 2024,3,05;如图这种情况 可以使用。//关闭Vue启动的提示。
2024-03-06 17:32:52
336
1
原创 Express
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。
2023-12-11 10:36:06
60
原创 ES6 笔记合集
ES6 let与constES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。Letlet 特性声明变量只有在let所在的代码块内有效。let只能声明一次。不存在变量提升。不影响作用域。 注意:通常与循坏一起使用Constconst 特性声明一个只读常量,一旦声明,常量的值就不能改变。声明必须赋初始值。标识符一般为大写。只能声明一次。不允许修改。块级作用域。 注意:对象和数
2023-11-20 10:07:35
184
原创 ES6 Reflect 与 Proxy
用于拦截 HasProperty 操作,即在判断 target 对象是否存在 propKey 属性时,会被这个方法拦截。此方法不判断一个属性是对象自身的属性,还是继承的属性。target 表示目标对象,ctx 表示目标对象上下文,args 表示目标对象的参数数组。如果目标对象自身的某个属性,不可写且不可配置,那么set方法将不起作用。用于拦截 delete 操作,如果这个方法抛出错误或者返回 false ,propKey 属性就无法被 delete 命令删除。用于拦截 new 命令。
2023-11-18 14:56:30
64
原创 AJAX --
最后编辑时间 2023,11,12;- put 方式:偏向更新(全部更新);- delete 方式:偏向删除信息;- post 方式:偏向后端提交数据;- get 方式:偏向数据获取;
2023-11-12 18:27:31
77
原创 ES6 Promise 对象
是异步编程的一种解决方案。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。resolve:成功reject:失败});});});});
2023-11-09 22:46:08
51
原创 JavaScript的异步和单线程
"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。最后编辑时间 2023,10,26;不进入主线程、而进入"
2023-10-26 11:49:06
79
原创 ES6 函数
3.apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,[‘成都’, …, ‘string’ ])。bind 除了返回是函数以外,它 的参数和 call 一样。2.call 的参数是直接放进去的,第二第三第 n 个参数全都用逗号分隔,直接放到后面 obj.myFun.call(db,‘成都’, …4.当然,三者的参数不限定是 string 类型,允许是各种类型,包括函数 、 object 等等!1.call 、bind 、 apply 这三个函数的第一个参数都是。
2023-10-13 14:49:20
70
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅