![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JS
JS
一只漫步前行的羊
这个作者很懒,什么都没留下…
展开
-
JS——canvas 拼装图片、复制图片
【代码】JS——canvas 拼装图片、复制图片。原创 2023-06-14 12:10:58 · 732 阅读 · 0 评论 -
JS——复制文字或图片
【代码】JS——复制文字或图片。原创 2023-03-13 18:16:34 · 545 阅读 · 0 评论 -
JS——类型判断
【代码】JS——类型判断。原创 2023-03-09 15:52:29 · 95 阅读 · 0 评论 -
JS——截至时间倒计时 返回日、时、分、秒
【代码】JS——截至时间倒计时。原创 2023-03-07 16:51:03 · 287 阅读 · 0 评论 -
JS——一些常用的正则表达式
【代码】JS——正则匹配中文、emoji字符。原创 2023-02-27 15:37:29 · 128 阅读 · 0 评论 -
JS——对象代理 Proxy
【代码】JS——对象代理 Proxy。原创 2023-02-27 10:44:06 · 367 阅读 · 0 评论 -
JS—— 常用图片后缀正则校验
1.jsfunction verifySuffix(fileName) { suffix = `(bmp|jpg|png|tif|gif|pcx|tga|exif|fpx|svg|psd|cdr|pcd|dxf|ufo|eps|ai|raw|WMF|webp|jpeg)` var regular = new RegExp(`.*\.${suffix}`) return regular.test(fileName)}原创 2021-02-04 15:50:15 · 5008 阅读 · 0 评论 -
JS——字符串转驼峰
【代码】JS——字符串转驼峰。原创 2023-02-08 14:20:51 · 660 阅读 · 0 评论 -
JS——图片下载
【代码】JS——图片下载。原创 2022-10-26 11:55:17 · 557 阅读 · 0 评论 -
HTML——ES6 一些常用的新增属性
返回找到的那一项,不会改变数组,回调函数返回true表示找到了,找到后就会停止循环,找不到返回undefined。不会改变原数组,返回的结果是过滤后的新数组,回调函数中如果返回true表示这一项放到新数组中 (适用删除某项)返回找到的那一项,不会改变数组,回调函数返回true表示找到了,找到后就会停止循环,找不到返回 -1。将原有的数组映射成一个新的数组 返回是新数组,回调函数中的返回什么这一项就是什么 (适用更新)扁平化数组并返回新的数组,数值为多层的嵌套,默认是1。原创 2022-09-28 10:15:17 · 1175 阅读 · 0 评论 -
JS——Math 数学函数、toFixed 保留小数位、取整
代码】JS——Math 数学函数、toFixed 保留小数位。原创 2022-08-12 17:04:12 · 2840 阅读 · 0 评论 -
Vue、JS——定时器倒计时封装
代码】Vue、JS——定时器倒计时封装。原创 2022-08-03 11:46:12 · 549 阅读 · 0 评论 -
js 公共库 cdn 推荐
bootcdnhttps://www.bootcdn.cn/loli (cdnjs)https://cdnjs.loli.net/Staticfilehttps://staticfile.org/75CDNhttps://cdn.baomitu.com/今日头条 CDNhttps://cdn.bytedance.com/cdnjshttps://cdnjs.com/jsDelivrhttps://www.jsdelivr.com/unpkghttps://unpkg.com/unpkg 自建转载 2022-06-25 16:35:10 · 2414 阅读 · 0 评论 -
JS——图片转base码 、base转File对象
【图片转base码】【base码转File对象】原创 2022-06-25 15:51:06 · 2470 阅读 · 0 评论 -
JS——Canvas 基本用法
【创建canvas标签】【初始化画布】【矩形】【路径】【圆形】【文字】【图片】封装的组件:https://download.csdn.net/download/qq812457115/85564165原创 2022-06-06 16:26:15 · 9495 阅读 · 1 评论 -
JS——数组去重
【Set去重】const weightRemoval1 = (ary)=>{ return [...new Set(ary)]}【indexOf去重】const weightRemoval2 = (ary)=>{ let ary2 = [] ary.forEach(item=>{ ary2.indexOf(item) == -1 && ary2.push(item) }) return ary2}【includes去重】const weigh原创 2022-05-30 15:31:52 · 71 阅读 · 0 评论 -
JS——使用VConsole
【npm】//安装npm install vconsole//使用import VConsole from 'vconsole';const vConsole = new VConsole();【cdn】<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>原创 2022-05-20 11:07:11 · 3006 阅读 · 0 评论 -
JS——Url 转码、获取Url上的参数
【Url转码】encodeURI 对整个URL进行编码,除了常见的符号以外,对网址中有特殊含义的符号"; / ? : @ & = + $ , #",也不进行编码encodeURIComponent 对URL的组成部分进行个别编码//转码encodeURI()encodeURIComponent()//解码decodeURI()decodeURIComponent()【获取Url上的参数】function getUrlParams(url){ if(url.inde原创 2022-05-20 10:43:30 · 2199 阅读 · 0 评论 -
JS——曲线轨迹动画
1. 贝塞尔曲线算法,包含了3阶贝塞尔/** * @desc 贝塞尔曲线算法,包含了3阶贝塞尔 */class Bezier { /** * @desc 获取点,这里可以设置点的个数 * @param {number} num 点个数 * @param {Array} p1 点坐标 * @param {Array} p2 点坐标 * @param {Array} p3 点坐标 * @param {Array} p4 点坐标原创 2021-08-26 14:34:31 · 2154 阅读 · 0 评论 -
JS——事件循环机制
1. js就把所有任务分为了两种:同步任务和异步任务而异步任务的两种分类分别为:宏任务和微任务2. 同步任务就是在主线程上排队执行的任务,只有在前面的任务执行完后,才能执行后面的任务3. 异步任务是指不进入主线程,而是进入“任务队列”的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行4. 事件循环1.指同步任务进入主线程后,当异步事件完成后,会将回调函数放入事件队列中,当同步任务完成后,会从事件队列中读取事件放入主线程执行,这个过程不断循环执行原创 2021-06-04 17:28:47 · 68 阅读 · 0 评论 -
JS——Cookie 的使用
1. Cookie 的属性1.name 名称2.value 值3.domain 访问此cookie的域名4.path 可以访问此cookie的页面路径5.expires cookie超时时间6.size cookie大小7.http cookie的httponly属性。若此属性为true,则只有在http请求头中会带有此cookie的信息,而不能通过document.cookie来访问此cookie8.secure 设置是否只能通过https来传递此条cookie2. 创建Cooki原创 2021-06-01 15:29:15 · 129 阅读 · 0 评论 -
JS——数组/array 操作filter、map、includes、find、some、every、reduce、flat
一、filter 不会改变原数组,返回的结果是过滤后的新数组,回调函数中如果返回true表示这一项放到新数组中 (适用删除某项)四、find 返回找到的那一项,不会改变数组,回调函数返回true表示找到了,找到后就会停止循环,找不到返回undefined。二、map 映射 将原有的数组映射成一个新的数组 返回是新数组,回调函数中的返回什么这一项就是什么 (适用更新)五、some 找true 找到true后停止,返回true,找不到返回false。...原创 2020-12-01 18:12:42 · 1149 阅读 · 0 评论 -
JS—— 上传视频截取视频第一帧作为封面
1.html<input type="file" name="file1"><img/>2.js$("input").change(function(){ var file = $(this)[0].files[0] var fileUrl = URL.createObjectURL(file); var videoElement = document.createElement("VIDEO") videoElement.src = fileUrl原创 2021-02-04 15:46:48 · 1854 阅读 · 0 评论 -
JS——基于高德地图api接口获取的 省市区数据文件
省市区数据文件:原创 2021-03-19 16:33:25 · 867 阅读 · 0 评论 -
JS——基于百度地图 关键字提示输入+地址逆解析
引入百度jsapi1.https://api.map.baidu.com/api?v=2.0&ak=自己申请的AK2.https://api.map.baidu.com/api?type=webgl&v=1.0&ak=自己申请的AK创建baiduMap.js// 初始化百度地图API功能var map, ac, myValue, geoc, addressCallback , config/*初始化地图*/function initializeamap(o.原创 2021-03-29 14:34:54 · 1220 阅读 · 0 评论 -
JS—— 防抖/节流
1.防抖在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担1.当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次2.将几次操作合并为一此操作进行。原理是维护一个计时器,规定在delay时间后触发函数,但是在delay时间内再次触发的话,就会取消之前的计时器而重新设置。这样一来,只有最后一次操作能被触发。//fn 执行函数 wait 延迟时间function debounce(fn, wait) {原创 2021-05-17 10:43:40 · 65 阅读 · 0 评论 -
JS——将原生的ajax封装成promise
varmyNewAjax = function (url) { return new Promise(function (resolve, reject) { var xhr = new XMLHttpRequest(); xhr.open('get', url); xhr.send(data); xhr.onreadystatechange = function () {原创 2021-05-17 16:21:50 · 574 阅读 · 0 评论 -
JS——如何实现sleep的效果(es5或者es6)
1. while循环的方式function sleep(ms) { var start = Date.now(), expire = start + ms; while (Date.now() < expire) ; return; }2. 通过promise来实现function sleep(ms){ return new Promise(function (resolve) { setTimeo原创 2021-05-17 17:32:16 · 672 阅读 · 0 评论 -
JS——事件模型 常用方法
1. 阻止捕获和冒泡阶段中,当前事件的进一步传播event.stopPropagation2. 阻止调用相同事件的其他侦听器event.stopImmediatePropagetion3. 取消该事件(假如事件是可取消的)而不停止事件的进一步传播event.preventDefault4.判断事件是否支持冒泡event.bubbles5. 指向触发事件的元素,在事件冒泡过程中这个值不变event.target6. 返回其监听器触发事件的节点,即当前处理该事件的元素event.原创 2021-05-19 09:54:52 · 79 阅读 · 0 评论 -
JS—— 浅拷贝 和 深拷贝
1. 浅拷贝function shallowCopy(target) { var target = target || {} var obj = {} for(var key in target){ obj[key] = target[key] } return obj }1. 深拷贝function deepCopy(obj){ if(typeof obj!=='obje原创 2021-05-19 11:13:17 · 44 阅读 · 0 评论 -
JS——ES6 的一些新特性
1. 声明变量增加了let、const声明变量,有局部变量的概念2. 对字符串、数组、正则、对象、函数等拓展了一些方法字符串方面的模板字符串、函数方面的默认参数、对象方面属性的简洁表达方式3. 新的数据类型symbol4. 异步回调promise 和 generator...原创 2021-05-19 17:18:50 · 159 阅读 · 0 评论 -
JS——里的模块化
1. 定义模块化开发是一种管理方式,是一种生产方式,一种解决问题的方案,一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块2. 规范AMD(依赖前置)CMD(依赖就近)CommonJSES6的模块化2.1. AMD规范(异步模块定义)AMD依赖前置,即在定义模块的时候就要声明其依赖的模块。使用此规范的代表有requireJS,requireJS定义了一个函数 define,它是全局变量,用来定义模块//id:可选参数,用来定原创 2021-05-26 16:08:03 · 99 阅读 · 0 评论