javascript
小小小少年_
这个人很懒,没有添加个人简介...
展开
-
前端实现视频录制功能
前端录制视频,截图,视频录制播放原创 2022-05-27 17:27:25 · 2668 阅读 · 0 评论 -
MediaDevices.getUserMedia` undefined 的问题
MediaDevices.getUserMedia undefined原创 2021-01-14 09:49:43 · 1913 阅读 · 0 评论 -
websql 和 indexedDB本地存储
websq // 创建|打开 var db = openDatabase("person", 1, "test", 0); // '数据库名 版本号 描述 存储容量限制' // 创建表 db.transaction((tx) => { tx.executeSql("create table if not exists student (id unique,name)"); }); // 新增数据 db.transaction((tx) => { tx.executeSq原创 2021-10-18 10:19:21 · 223 阅读 · 0 评论 -
js代码实现复制功能
前端js代码简单实现文本内容复制应用于类似复制链接打开场景等。。。// 准备一个文本类标签 textarea 、input ...<input id="text" value="要复制的内容!!!" /><button id="btn">copy</button>btn.onclick = () => { text.select(); // 选中文本标签的内容 document.execCommand("Copy"); // 执行copy复制原创 2021-08-06 09:51:36 · 755 阅读 · 0 评论 -
前端处理ios 安卓移动端 页面出现无法滑动问题
或是用手划到最顶端和最底端容易出现,又或是其他操作导致,页面卡住 无法滑动,解决如下给需要滑动的盒子添加监听事件,要是滑动到最顶部 或者最顶部 就阻止默认时间出发页面滑动// 处理页面卡顿无法滑动 const layerBox = this.lv; var targetY = null; layerBox.addEventListener('touchstart', function(e) { //clientY-客户区坐标Y 、pageY-页面坐标Y原创 2021-03-12 15:26:36 · 2089 阅读 · 0 评论 -
移动端适配rem布局
// 移动端适配方案:以750px设计稿为基准,1rem = 100px。eg:font-size: 0.32rem;(字体大小为32px)。(function (document, window) { let designWidth = 750 // 设计稿宽度,需根据设计稿进行调整。 document.documentElement.style.fontSize = document.documentElement.clientWidth / designWidth * 100 + "px"原创 2020-10-29 16:38:12 · 178 阅读 · 0 评论 -
防抖和节流
防抖和节流1.什么是防抖和节流?2.防抖和节流的共同点和区别?3.实例1.防抖2.节流1.什么是防抖和节流?防抖:从字面意思理解就是防止抖动,众所周知,在抖动的情况下容易发生高频触发。为了避免这种情况,防抖的核心就是<延迟执行>,当间隔时间大于规定时间,才会触发执行方法。适用场景:实时搜索、拖拽。节流:字面翻译–>节省流量。节流是指若在规定的间隔时间内仍频繁重复操作,请求方法并不会重新发送,直到中间间隔时间大于规定的间隔时间,才会重新触发请求。适用场景:抢购疯狂点击。2.防抖和原创 2020-10-06 14:21:48 · 368 阅读 · 1 评论 -
单例模式,组合模式,观察者模式
什么是设计模式针对"特定问题",给出的简洁而优化的处理方法市场上常用的设计模式 23种三大类创建型模式(五种): 工厂方法模式, 抽象工厂模式, 单例模式, 建造者模式, 原型模式结构型模式(七种): 适配器模式, 装饰者模式, 代理模式, 外观模式, 桥接模式, 组合模式, 享元模式行为型模式(十一种):策略模式, 模板方式模式, 观察者模式, 迭代子模式, 责任链模式, 命令模式, 备忘录模式, 状态模式, 访问者模式, 中介者模式, 解释器模式单例模式一个构造函数一生只原创 2020-09-20 17:13:36 · 887 阅读 · 0 评论 -
js继承,es3,es6的实现继承
简单了解继承出现在两个构造函数之间的关系, 当A构造函数定义的属性和方法被B构造函数的实例使用了那么我们就说B继承自A构造函数A是B构造函数的父类,B是A构造函数的子类继承方式1:原型继承通过改变原型链的方式来达到继承目的//构造函数:Afunction A(name){ this.name = name }//给构造函数的原型添加方法,这样的方法会被所有实例所共享A.prototype.sayName = function(){ console.log('my原创 2020-09-20 16:09:35 · 189 阅读 · 0 评论 -
字符串的常用方法js
length:计算字符串里面有多少个字符var str = "hello"console.log(str.length) // 5charAt(索引):找到字符串中指定索引位置的字符,如果没有找到,返回空字符串var str = "hello"console.log(str.charAt(0)) // hcharCodeAt(索引):找到字符串中指定索引位置的字符的Unicode编码var str = "hello"console.log(str.charCodeAt(0)).原创 2020-09-20 12:45:22 · 135 阅读 · 0 评论 -
javaScript常用的数组方法
数组是一个复杂数据类型,操作的时候就不同于简单数据类型数组常用方法(ES3)1: pushpush是用来在数组的末尾追加一个元素会改变原数组返回值:添加完元素以后数组的长度var arr = [1,2,3]var pushReturn = arr.push(5)console.log(arr) //(4) [1, 2, 3, 5]console.log(pushReturn) // 42: poppop是用来在数组末尾删除一个元素会改变原数组返回值: 被删除的元素var原创 2020-09-20 10:45:28 · 117 阅读 · 0 评论 -
用 JavaScript 简单写了一个 电子时间
前端 JavaScript 电子时钟 电子时间原创 2020-07-15 20:27:04 · 526 阅读 · 0 评论 -
数组的经典排序 冒泡和选择
1.冒泡排序规则:前后两两进行比较,如果符合条件就交换两个数的位置。假定要排序的数组为:var arr = [5, 4, 3, 2, 1];要求:按照从小到大进行排序。 分析(手动排序过程): 第一轮:(5 4 3 2 1) 4 5 3 2 1 4 3 5 2 1 4 3 2 5 1 4 3 2 1 5 第原创 2020-07-14 15:28:36 · 148 阅读 · 0 评论 -
JavaScript 递归 函数 算法
在编程的世界里面,递归就是一个自己调用自己的手段,函数内部,调用了自己,循环往复,一种编写函数的特殊写法。原创 2020-07-11 15:07:07 · 892 阅读 · 2 评论