- 博客(20)
- 收藏
- 关注
原创 JS 正则表达式 控制文本框只能输入中文、英文、数字与指定特殊符号
只能输入中文: οnkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5\w]/g,'')" 只能输入数字: οnkeyup="value=value.replace(/[^\d]/g,'') " 只能输入数字和字母: οnkeyup="value=value.replace(/[\W]/g,'') " JS控制只能输入小写英文和数字οnkeyup="value=value.replace(/[^\a-z\0-9]/g,'.
2022-04-22 13:06:18 12093
原创 使用audio标签异常没法播放声音
项目场景: 使用audio标签异常问题描述: 使用audio标签来播放一个音频,但是没有声音,,音频路径正确,也可以在浏览器正常播放,我的电脑的外放正常,驱动正常, <audio ref="audioPlayer" :id="`my${target.audio.id}${target.display.id}`" v-if="ta
2021-06-23 17:57:38 4837
原创 vue-google-map2里面为什么使用$mapPromise在mounted里面初始化没有作用
最近公司休要我更改以前的项目是使用的vue2-google-maps来作用谷歌地图的但是地图的$mapPromise方法突然间就没有了效果有没有大佬帮帮忙。
2021-06-11 16:02:19 234 2
原创 webRTC简介
WebRTC是HTML5支持的重要特性之一,有了它,不再需要借助音视频相关的客户端,直接通过浏览器的Web页面就可以实现音视频对聊功能。而且WebRTC项目是开源的,我们可以借助WebRTC源码快速构建自己的音视频对聊功能。无论是使用前端JS的WebRTC API接口,还是在WebRTC源码上构建自己的对聊框架,都需要遵循以下执行流程:上述序列中,WebRTC并不提供Stun服务器和Signal服务器,服务器端需要自己实现。Stun服务器可以用google提供的实现stun协议的测试服务器(stun:s
2021-05-14 15:52:13 273
原创 ts的装饰器
// 装饰器一种特殊的类的声明, 扩展类、属性、方法。function logClass(params:any) { console.log(params); // params代表HttpClict这个类 params.propotype.apiurl = ‘fadsf’;}// 普通装饰器@logClassclass HttpClict { constructor() {} getdata() {}}// 装饰器工厂//类装饰器function logClass1(
2021-03-18 10:41:04 234 1
原创 typeScritp的高级函数
1.交叉类型交叉类型是将多个类型合并为一个类型。 这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。 例如, Person & Serializable & Loggable同时是 Person 和 Serializable 和 Loggable。 就是说这个类型的对象同时拥有了这三种类型的成员。我们大多是在混入(mixins)或其它不适合典型面向对象模型的地方看到交叉类型的使用。 (在JavaScript里发生这种情况的场合很多!) 下面是如何创建混入的
2021-03-17 17:37:56 653
原创 浅谈JSX语法糖
浅谈JSX语法糖jsx简单觉得来说就是在javascript里面使用html文档。JSX是一种语法糖,全称:javascript xml。JSX语法不是必须使用的,但是因为使用了JSX语法之后会降低我们的开发难度,故而这样的语法又被成为语法糖。看下面的DOM结构:<div class='app' id='appRoot'> <h1 class='title'>...
2020-04-18 21:03:39 748
原创 进程与线程的区别
根本区别:进程是操作系统资源分配的基本单位,而线程是任务调度和执行的基本单位。在开销方面:每个进程都有独立的代码和数据空间(程序上下文),程序之间的切换会有较大的开销;线程可以看做轻量级的进程,同一类线程共享代码和数据空间,每个线程都有自己独立的运行栈和程序计数器(PC),线程之间切换的开销小。所处环境:在操作系统中能同时运行多个进程(程序);而在同一个进程(程序)中有多个线程同时执行(通过C...
2020-04-18 20:02:31 106
原创 浅谈this的指向问题
this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象。this永远指向的是最后调用它的对象,也就是看它执行的时候是谁调用的普通函数中的this指向:1.在全局模式下,this的指向就是window2.在函数作用域下在非严格模式下, 如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向...
2020-04-14 19:52:42 272
原创 浅谈设计者模式
浅谈设计者模式设计模式是我们在 解决问题的时候针对特定问题给出的简洁而优化的处理方案我们有很多的设计模式如:单例模式 (Singleton Pattern)组合模式 (Composite Pattern)观察者模式(Observer Pattern)…单例模式什么是单例模式呢?我们都知道,构造函数可以创造一个对象,我们 new 很多次构造函数就能得到很多的对象。单例模式:...
2020-04-06 21:34:55 232
原创 浅谈vue-router
浅谈vue-router现在的大部分应用都流行SPA应用(single page application)。SPA与传统的MPA的最大的不同的就是SPA使用的是单页面结构而传统的MAP使用的就是多页面结构。MPA需要切换内容的时候往往会进行单个的页面的html的文件的跳转,这个时候受网络,性能的影响,浏览器会出现不定时间的空白界面,用户体验不好。单页面应用就是用户通过某些操作更改地址栏ur...
2020-03-28 21:00:22 355
原创 浅谈Vue组件的生命周期
生命周期组件的生命周期,是组件从创建到销毁的过程就叫做组件的生命周期。vue在整个生命周期里面提供了一些函数,可以在内部实现一些业务逻辑,并且这些函数会在一些特定的场合下去执行。(在生命周期的某一个时刻进行触发)生命周期的钩子函数钩子函数可以分为三个阶段:初始化,运行中,销毁。每一个阶段都有对应的钩子函数初始化阶段:beforeCreate created beforeMount m...
2020-03-24 20:42:08 152
原创 浅谈虚拟dom与Diff算法
虚拟dom为什么产生了虚拟Dom,Dom的操作有什么缺点?频繁且复杂的dom操作通常是非常消耗性能的,也由于前端的瓶颈的产生点。例如,第一次计算完,就渲染到页面上,紧接着下一个DOM更新请求,这个节点的地址就变了,前一次计算就相当于做了相当于什么都没做。计算DOM节点地址等都是白白浪费的性能。虚拟Dom就是为了解决浏览器的性能问题而被设计出来的。虚拟Dom的核心思想对复杂的文档DOM结...
2020-03-23 20:30:04 182
原创 js闭包
js闭包一.js闭包的条件: 1. 在函数 A 内部直接或者间接返回一个函数 B,2.B 函数内部使用着 A 函数的私有变量(私有数据),3. A 函数外部有一个变量接受着函数 B我们管这个不会销毁的 a 函数的执行空间叫做 闭包空间。 function a() { // 这个 num 变量就是函数 a 的私有变量 var num = 100 ...
2020-02-23 16:29:27 177
空空如也
uniapp 微信小程序 人体姿态识别方案
2023-12-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人