QYDUAN-CSDN博客

原创键盘对应的key-code

主键盘上的 key-code按键KeyCode按键KeyCode按键KeyCode按键KeyCodeA65J74S83149B66K75T84250C67L76U85351D68M77V86452E69N78W87553F70O79X88654G71P80Y89755H72Q81Z90856I73R8209

2021-05-15 17:00:30 766

Array.from()方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]console.log(Array.from([1, 2, 3], (x) => x + x));// expected output: Array [2, 4, 6]语法Array.from(arrayLike[,mapFn[,th...

2021-03-01 10:13:02 1708 3

原创 Git 使用过程遇到的几个问题

Git 使用过程遇到的几个问题1. 文件修改名称git mv mv.txt newmv.txt![image.png](https://img-blog.csdnimg.cn/img_convert/275642e5f3cc12e8253fb161b49b1263.png#align=left&display=inline&height=108&margin=[object Object]&name=image.png&originHeight=108&am

2020-11-16 16:53:33 265

原创 ES6代码段

ES6代码在实际场景中的应用1、隐藏所有指定元素2、确认元素是否具有指定的类3、切换元素的类4、获取当前页面的滚动位置5、平滑滚动到页面顶部6、确认父元素是否包含子元素7、确认指定元素是否在视口可见8、获取一个元素内的所有图像9、将一个字符串复制到剪贴板10、页面的浏览器选项卡是否处于前台活跃状态11、创建一个不存在的目录12、为指定选择器创建具有指定范围、步长和持续时间的计时器13、对传递的 URL 进行 POST 请求14、获取两个日期之间的天数间隔15、获得给定毫秒数的可读格式16、移除一个元素的事

2020-11-05 09:28:43 263

原创 JavaScript 数组对象分割成多个子数组

实际开发中，总是会遇到数组对象分割成子数组的应用，以下示例是我在开发中使用的的删除的方法，仅供参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组分割成子数组</t.

2020-09-27 11:45:49 2512

原创 JavaScript 数组对象去重

实际开发中，总是会遇到数组对象去重的应用，以下示例是我在开发中使用的的删除的方法，仅供参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组去重</title>.

2020-09-27 11:34:48 474

原创 JavaScript 数组对象删除某些元素

实际开发中，总是会遇到数组对象中，删除指定的元素对象，以下示例是我在开发中使用的的删除的方法，进攻参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组对象删除元素对象&l.

2020-09-27 11:03:08 3958

原创 js实现深拷贝（对象、数组、日期等）

该方法可以实现对对象、数据、日期、正则等的深拷贝直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>深拷贝</title></head>.

2020-09-21 20:26:16 1482 2

原创 Promise深入理解（二）

Promise深入理解颜色在开始正文前，先提前定个基调。Promise 哪些 API 涉及了微任务？Promise 中只有涉及到状态变更后才需要被执行的回调才算是微任务，比如说 then、catch 、finally，其他所有的代码执行都是宏任务（同步执行）。new Promise((resolve) => {// 此处为同步执行 resolve(1)}).then((data) => {// 此处为异步执行（丢到微任务队列中） console

2020-09-10 00:05:05 585

原创 Promise深入理解（一）

Promise深入理解前言基本用法前言在异步编程中，Promise 扮演了举足轻重的角色，比传统的解决方案（回调函数和事件）更合理和更强大。有些朋友对于这个几乎每天都在打交道的“老朋友”，貌似全懂,但稍加深入就可能疑问百出，本文带大家深入理解这个熟悉的陌生人—— Promise.基本用法语法new Promise( function(resolve, reject) {...} /* executor */ )构建 Promise 对象时，需要传入一个 executor 函数，主要业务

2020-09-09 23:25:46 929

原创 JavaScript 文件流转 blob对象

JavaScript 文件流转blob对象项目中，很多时候会涉及到文件下载的场景，有的项目组是返回的是文件，直接下载即可，但有的项目返回的是文件流，需要前端进行二次处理，一下是我在实际项目中，涉及到文件流下载的方法，仅供参考var paramData = {'params': '参数'};var xhr = new XMLHttpRequest();var url = 'https://ip:port';// 例如： https://10.103.20.11/dynamicModel/expo

2020-09-08 11:18:57 7883

原创控制chrome中PDF预览工具栏

在实际开发中，遇到使用chrome自带的PDF预览功能，前端把后台返回的地址，通过XMLHttpRequest转换成blob，并在blob地址后拼接上文件名称，通过创建embed展示PDF；这种方法展示出来的PDF会带有工具栏，并且是在新的页签打开，没有 url，导致工具栏中的下载按钮无法进行操作，测试提出缺陷，下载按钮可以下载文件；最后开发决定隐藏该工具栏。隐藏工具栏的方法是，在PDF文件url地址后面拼接#scrollbars=0&toolbar=0&statusbar=0 .

2020-08-25 11:15:03 4228 1

原创重学前端笔记（二）JavaScript类型

JavaScript 类型对每个前端程序员来说，几乎都是最为熟悉的概念了。但是你真的很了解它们吗？我们不妨来看看下面的几个问题。为什么有的编程规范要求用 void 0 代替 undefined？字符串有最大长度吗？0.1 + 0.2 不是等于 0.3 么？为什么 JavaScript 里不是这样的？ES6 新加入的 Symbol 是个什么东西？为什么给对象添加的方法能用在基本类型上？ JavaScript 模块会从运行时、文法和执行过程三个角度去剖析 JS 的知识体系，本篇我

2020-08-20 13:07:52 461

原创重学前端笔记（一）前端知识架构图

前端的知识在总体上分成基础部分和实践部分，基础部分包含了 JavaScript 语言（模块一）、CSS 和 HTML（模块二）以及浏览器的实现原理和 API（模块三），这三个模块涵盖了一个前端工程师所需要掌握的全部知识。...

2020-08-20 11:29:35 1475

原创 JavaScript 常见的数据类型解析

目录数据类型变量类型转换合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入数据类型基本数据类型string 单双引均可number 数值型booleannullundefined 未定义（已声明、未赋值）复杂数据类型：obj

2020-07-16 09:58:08 493

原创 vue环境配置包含多环境

1.package.json作用：package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，项目执行入口文件，项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。文件结构如下：{ "name": "sop-vue", "version": "0.1.0", "author": "zhangsan <[email protected]>", "description": "sop-vue", "k

2020-07-16 09:57:43 702

原创 JavaScript封装拖动滑块验证

原生JS封装拖动验证滑块最终效果分析最终如何使用？编写库的整体初始框架编写核心函数1(创建dom和css)编写核心函数2(绑定事件)添加工具方法(核心函数2中用到的)最终完整可运行代码使用最终效果分析看到这个效果我们首先应该想到和拖动有关的api: onmousedown, onmousemove, onmouseup其次要支持用户传入放置这个组件的dom元素和完成的回调事件。最终如何使用？我们先来看下使用方式，再来决定我们怎么编写这个库编写库的整体初始框架(function (

2020-06-07 19:13:36 693

原创 JavaScript工具函数（二）

JavaScript工具函数（二）为元素添加on方法为元素添加trigger方法转义html标签HTML标签转义跨浏览器绑定事件加入收藏夹提取页面代码中所有网址返回顶部的通用方法实现base64解码确认是否是键盘有效输入值全角半角转换版本对比压缩CSS样式代码获取当前路径字符串长度截取时间日期格式转换跨浏览器删除事件判断是否以某个字符串结束返回脚本内容格式化CSS样式代码获取cookie值获得URL中GET参数值获取移动设备初始化大小获取页面高度获取页面scrollLeft获取页面scrollTop获取页面

2020-06-07 19:00:13 649

原创 JavaScript工具函数（一）

JavaScript工具函数1.匹配正整数2.匹配负整数3.匹配整数4.匹配非负浮点数5.匹配由 26 个英文字母组成的字符串6.匹配由 26 个英文字母的大写组成的字符串7.匹配由 26 个英文字母的小写组成的字符串8.匹配电子邮件地址9.返回数组中的最大值10.返回数组中的最小值11.将数组块划分为指定大小的较小数组12.从数组中移除 falsey 值13.计算数组中值的出现次数14.深拼合数组15.返回两个数组之间的差异16.返回数组的所有不同值17.返回数组中的每个第 n 个元素18.筛选出数组中的

2020-06-07 18:31:25 41950 1

原创 JavaScript常见数组方法总结

常见数组方法1、some()2、reduce（）3、Every（）4、map（）5、flat（）6、filter（）7、forEach（）8、 findIndex（）9、 find（）10、 sort（）11、 concat（）12、 fill（）13、 includes（）14、 reverse（）15、 flatMap（）在JavaScript中，数组是一个特殊的变量，用于存储不同的元素。它具有一些内置属性和方法，可用于根据需要添加，删除，迭代或操作数。并且了解JavaScript数组方法可以提升你的

2020-06-07 17:14:32 487

原创 JavaScript版数据结构与算法（一）

原文地址：https://blog.csdn.net/brand2014/article/details/106134844本文来自于学习《JavaScript数据结构与算法(第3版)》以及网路资料作为软件开发工作者，可能你听过这么一句话：程序 = 数据结构 + 算法。可见数据结构和算法在我们的编码工作中是非常的重要的。如果我们使用了不恰当的数据结构或者算法，可能会影响我们程序的性能。总之，对于算法和数据结构，我们只需要撸起袖子加油学。数组数组——最简单的内存数据结构数组存储一.

2020-06-06 17:43:46 839 1

QYDUAN的博客