JS
挣扎的蓝藻
欢迎大家来到小蓝枣的CSDN博客!每一次分享都是自己的提高!
展开
-
一键清除JavaScript代码中的注释:使用正则表达式实现
1 . \/\*[\s\S]*?\*\/ :匹配多行注释,包括 /* 开头和 */ 结尾之间的任何字符(包括换行符)。 [\s\S] 匹配任何字符, *? 表示非贪婪匹配,尽可能少地匹配字符。2 . \/\/[^\n]* :匹配单行注释,即以 // 开头的注释内容。 [^\n]* 匹配除换行符之外的任何字符。3 . :匹配 HTML 注释,即 结尾之间的任何字符(包括换行符)原创 2024-03-07 12:44:55 · 1010 阅读 · 0 评论 -
JavaScript中声明变量的差异和对比:var、let和const
var:var 是 JavaScript 中最早的变量声明关键字。它的作用域是函数作用域或全局作用域,而不是块级作用域。在 ES6 之前,var 是唯一的变量声明方式。let:let 是 ES6 新增的变量声明关键字。它引入了块级作用域概念,可以避免变量提升带来的问题。const:const 也是 ES6 新增的关键字,用于声明常量。声明后不可再重新赋值。与 let 类原创 2024-02-27 23:19:42 · 352 阅读 · 0 评论 -
JavaScript 技术篇 - Node.js、npm的安装过程演示
工具获取:node.js 官方 v14.17.3-x64 版本 msi 安装包Node.js 已经集成了 npm,安装好后,npm 就可以用了。可以看到会把 Node.js 和 npm 都添加到目录下。检测安装情况:如果是 vs code 检测,需要重新打开下工具。JavaScript 技术篇 - Node.js、npm的安装过程演示原创 2021-08-17 11:04:44 · 524 阅读 · 0 评论 -
Python 技术篇 - 使用unicode_escape对js的escape()方法编码后的字符串进行解码实例演示
这是 javascript 的 escape() 编码后的效果。这是 python 的解码过程:xpath = xpath.replace('%u', '\\u')xpath = xpath.encode('utf-8').decode('unicode_escape')这是 python 仿 js escape() 方法的编码过程。Python 技术篇 - 使用unicode_escape对js的escape()方法编码后的字符串进行解码实例演示原创 2021-08-09 16:04:18 · 678 阅读 · 3 评论 -
Python 自动化 - 浏览器chrome打开F12开发者工具自动Paused in debugger调试导致无法查看网站资源问题原因及解决方法,javascript反调试问题处理实例演示
这是 JavaScript 常用的手法用于网站方保护源码不被大家轻易的查看到,会一直循环调用 function anonymous() {debugger} 方法使网页始终处于调试状态,干扰大家查看网站资源。解决问题很简单,只要点击 Activate breakpoints 关闭浏览器默认启用的调试开关即可。浏览器chrome打开F12开发者工具自动Paused in debugger调试导致无法查看网站资源问题原因及解决方法,javascript反调试问题处理实例演示原创 2021-08-03 21:44:56 · 1438 阅读 · 1 评论 -
JavaScript 技术篇 - js读取Excel文档里的内容实例演示,js如何读取excel指定单元格的内容,js将excel的内容转化为json字符串方法
JavaScript 读取 Excel 文档里的内容实例演示第一章:准备① 下载 xlsx.full.min.js 支持包第二章:功能实现与使用演示① 实现代码② 使用效果演示③ 获取指定单元格的内容④ 将读取的 Excel 内容转化为 json 字符串原创 2021-07-12 17:28:42 · 6719 阅读 · 17 评论 -
JavaScript 技术篇 - js在一个元素节点下包含多个text文本情况下的指定文本提取方法
结构如下,该元素下包含两个 text 文本,我们只想提取第一个文本内容。常规的 innertext、textContent 和 outerText 方法只能提取到全部的文本。可以通过 childNodes[索引] 来指定 text 文本来进行提取。当然,childNodes[索引] 返回的是对象,再加个 nodeValue 就能返回文本了。原创 2021-06-29 15:37:35 · 950 阅读 · 0 评论 -
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法。原生 js 直接作为方法调用即可触发。jquery 通过 trigger() 方法触发点击事件。使用前提是该 dom 元素必须绑定的事件才能出发,他的祖先元素绑定的事件他触发不了,所以这里要把 Ancestors All 取消勾选一下。JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法原创 2020-12-26 14:40:39 · 711 阅读 · 2 评论 -
JavaScript 技术篇-通过代码获取dom元素绑定的监听事件,chrome浏览器查看js元素绑定的监听事件
JavaScript 技术篇-通过代码获取dom元素绑定的监听事件,chrome浏览器查看js元素绑定的监听事件。getEventListeners() 方法可以获取到 dom 元素的监听。可以看到当前 dom 节点的监听就是 mousedown 和 mouseout。取消勾选 Ancestors All 可以排除当前元素所有祖先元素的监听。反过来如果想通过代码获取某个元素所有祖先元素的监听可以遍历它的所有上级节点再依次获取所有 dom 节点的监听。原创 2020-12-09 22:52:01 · 5444 阅读 · 0 评论 -
JavaScript 技术篇-一段js代码展示可以随鼠标移动变换样式的卡通人物,动态女生眼睛跟着鼠转动
JavaScript 技术篇-一段js代码展示可以随鼠标移动变换样式的卡通人物,动态女生眼睛跟着鼠转动。把这段代码写在一个 html 文件里,然后用浏览器打开。<!DOCTYPE html><html><body> <script type="text/javascript"> L2Dwidget.init(); </script></body></html>原创 2020-09-22 09:32:19 · 11782 阅读 · 24 评论 -
JavaScript 技术篇-js自动转换类型,自动转换为字符串,js避免自动转换的坑
JavaScript 技术篇-js自动转换类型,自动转换为字符串,js避免自动转换的坑。自动转换类型当 JavaScript 尝试操作一个 “错误” 的数据类型时,会自动转换为 “正确” 的数据类型。而往往这种隐式的转化可能给程序带来很多莫名奇妙的问题,我们也很难查明原因,所以大家在平时写代码时一定要多多注意。自动转换为字符串当你尝试输出一个对象或一个变量时 JavaScript 会自动调用变量的 toString() 方法:原创 2020-09-16 19:55:49 · 1054 阅读 · 0 评论 -
JavaScript 技术篇-js代码获取当前操作系统信息、浏览器版本信息实例演示,windows NT版本对照表
JavaScript 技术篇-js代码获取当前操作系统信息、浏览器版本信息实例演示,windows NT版本对照表。中间的 Windows NT 6.1 从对照表可以看出包括 Windows7 还有 Windows Servers 2008 R2,我的操作系统就是 win7 的。后面的 Chrome/83 就代表我的浏览器版本,我的正好是 83 版本的 chrome。navigator.userAgent原创 2020-09-16 17:00:07 · 1760 阅读 · 1 评论 -
JavaScript 技术篇-JSON字符串在线快速格式化查看实例演示,json.cn网址格式化json字符串
JavaScript 技术篇-JSON字符串在线快速格式化查看实例演示,json.cn网址格式化json字符串。下面这个 json 串,默认是连着的一长串,我们不容易看出其结构。直接登录 http://json.cn/ 地址,左边把 json 串粘上,可以看到右边已经格式化好了。原创 2020-09-14 19:41:03 · 956 阅读 · 1 评论 -
JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法
JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法。新版本 chrome 执行document.execCommand('paste') 返回 false 因为读取剪切板涉及用户隐私安全,必须的用户允许的情况下可以进行访问,但是复制和剪切功能可以使用。navigator.permissions 方法可以在 https 协议下通过询问用户获取读取剪切板的权限来读取剪切板。原创 2020-09-10 20:18:55 · 7973 阅读 · 0 评论 -
JavaScript 技术篇-js检测原生对象类型实例演示,js的3种对象类型
JavaScript 的对象类型共有 3 种:Object、Date、Array。myArray.constructor 可以返回对象的内部构造函数,除了 Date 和 Array 对象外,其余的都是 Object 对象,但是 constructor 是可以被改变,所有可能会判断有误。Object.prototype.toString.call(myArray) 返回的是原生对象类型,这个是从对象创建时就固定好的,后面不会被改变,所以我们使用它来进行判断。原创 2020-08-26 19:31:19 · 866 阅读 · 10 评论 -
Python+selenium 自动化高级应用篇:借助pyautogui实现web前端带轨迹拖拽功能,解决ActionChains拖拽失效问题
有一些 web 前端的交互,必须有鼠标轨迹才能成功的实现拖拽功能。而 selenium 自带的 ActionChains 方法,是一瞬间从 A 点到 B 点的。解决思路:利用元素返回的相对浏览器的位置的方法, location[] 可以返回元素的坐标,再加上边框的位移量,确定好元素相对于电脑的位置,这个时候用浏览器最大化方法很有必要 driver.maximize_window(),可以固定浏览器相对于电脑位置的偏移量,这个偏移量需要大家自己来找,再利用 pyautogui 模拟鼠标操作完美的解决问题原创 2020-07-07 17:29:57 · 1968 阅读 · 0 评论 -
JavaScript 技术篇 - js通过xpath路径定位元素方法
JavaScript 技术篇 - js通过xpath路径定位元素方法。我先写好一段 xpath 路径,然后通过该路径可以查到对应的元素节点。通过 document.evaluate('...', document).iterateNext() 方法可以用 xpath 路径定位到元素节点。如下图所示,可以看到我定位到对应的元素节点了。原创 2020-07-07 16:52:24 · 9367 阅读 · 0 评论 -
JavaScript技术篇 - js的null值判断,js的undefined的判断,js的null与undefined的2种区分方法
JavaScript技术篇 - js的null值判断,js的undefined的判断,js的null与undefined的2种区分方法。undefined 和 null 用 == 比较是相等的,我们可以有两种方法来进行区分。区别方法一:因为他们的类型时不同的,=== 会先比较类型,再比较值,所有可以直接用 === 来进行区分。null 的类型是 object,undefined 的类型是 undefined。== 是先把左右两边转化为相同的类型,再进行区分。原创 2020-07-03 18:08:13 · 661 阅读 · 0 评论 -
JavaScript 技术篇 - js 查看哪个元素获取了焦点,js 指定元素获取焦点方法
JavaScript 技术篇 - js 查看哪个元素获取了焦点,js 指定元素获取焦点方法。查看焦点元素通过 document.activeElement 可以获取哪个元素获取到了焦点。如图所示,我的光标在这个查询框里。可以获取到该元素。使指定元素获取焦点focus() 方法可以使某个元素获取焦点。如图,我把输入框的这个元素存到变量 e 里面。然后手动把焦点指到别的元素上,再通过 focus() 方法让查询框重新获取焦点。可以看到焦点获取成功了。原创 2020-07-02 15:43:26 · 3929 阅读 · 0 评论 -
JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突,双击事件触发单击事件
js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突。我们加一个延迟时间就能很好的解决这个问题。原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 click_store 里,如果 0.3 秒内没有接收到双击事件,就去执行它,如果接收到了,我们把它清理掉,然后去执行双击事件。setTimeout() 可以实现延迟执行。原创 2020-01-11 10:46:20 · 1320 阅读 · 0 评论 -
JavaScript 技术篇-js正则表达式匹配中英文数字
JavaScript 技术篇-js正则表达式匹配中英文数字。/[a-zA-Z]/ 表示包含 英文。/[\u4e00-\u9fa5]/ 表示包含 中文。中文是 Unicode 编码表示的,而 \u4e00 表示第一个中文在 Unicode 里的编号,而 \u9fa5 表示最后一个中文在 Unicode 里编号。/[0-9]/ 表示包含 数字。原创 2019-07-07 22:45:59 · 8242 阅读 · 0 评论 -
JavaScript 技术篇-本地js文件里直接集成jQuery的方法,js文件不依赖html外部引用直接使用jquery方法
常规方法,依赖html里加参数:上面的是直接下载到本地的jquery文件。下面是在线的,直接引用百度,阿里等等提供的jquery网址。js里直接引用jQuery参数方法:直接把jQuery提供的代码复制到js文件顶部就好了,这样就不依赖html引用,直接可用了。下面就是我在官方拷贝的精简版代码,直接复制就好了。JavaScript 技术篇-本地js文件里直接集成jQuery的方法,js文件不依赖html外部引用直接使用jquery方法原创 2019-05-08 09:51:18 · 3659 阅读 · 0 评论 -
JavaScript 技术篇-简单的两行js代码获取password不可见密码实例演示,js获取密码输入框里的值
JavaScript 技术篇-简单的两行js代码获取password不可见密码实例演示,js获取密码输入框里的值如下图,chrome 控制台。先获取到密码框的dom节点,再通过value就能获取到不可见的值。密码框如下,其id是password。右键检查元素可以定位到该元素的 dom 节点,里面直接会显示出节点的 value 值。原创 2019-04-18 22:12:40 · 2314 阅读 · 0 评论 -
JavaScript 技术篇-js通过xpath获取dom节点,js校验xpath唯一性
document.evaluate()就是通过xpath获取dom节点。返回的结果通过.iterateNext()可以获得dom对象,每次调用会少一个,当没有时就返回空。JavaScript 技术篇-js通过xpath获取dom节点,js校验xpath唯一性。 document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);原创 2019-04-20 20:27:25 · 7584 阅读 · 1 评论 -
JavaScript 技术篇-js获取document的几种方式,js获取dom元素的常用方法。
第一类:通过属性获取。document.getElementById("fash")第二类:通过css选择器获取。document.querySelector(".fash")原创 2019-04-08 20:03:21 · 3479 阅读 · 3 评论 -
JavaScript 技术篇-js获取iframe内的元素方法实例演示
var a = document.querySelector("iframe")获取到 iframe。var b = a.contentWindow.document获取到 iframe 里的 document。b.getElementById("...")就能获取到 iframe 里指定 id 的元素了。JavaScript 技术篇-js获取iframe内的元素方法实例演示原创 2019-04-08 17:05:41 · 14134 阅读 · 2 评论 -
JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。
id、name 等属性通过 e.id e.name 可以直接获取到。但是自定义属性比如fieldname就不能直接获取到了。用 getAttribute(“属性名”) 就可以了。原创 2019-04-11 11:04:56 · 2421 阅读 · 0 评论 -
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
js 获取表格元素 tr、th、td 相对于父节点的索引。rowIndex 可以获取 tr 相对于根节点所有 tr 的索引,会计算之前所有的 tr。sectionRowIndex 可以获取 tr 相在当前 table 下的索引。以下面的第二个 tr 为例,rowIndex 的值是 1,sectionRowIndex 的值是 0。cellIndex 可以获取 th、td 相对于父节点的索引。原创 2019-04-11 09:48:15 · 5567 阅读 · 1 评论 -
JavaScript 技术篇-js只获取本节点text文本,不包含子节点
JavaScript 技术篇-js只获取本节点text文本,不包含子节点。innerText 和 textContent 都是获取所有节点的firstChild.nodeValue 是获取本节点的text文本,不包含子节点的。原创 2019-07-08 22:17:43 · 8119 阅读 · 2 评论 -
JavaScript 技术篇-js正则表达式匹配字符串左右两边是否包含空格
JavaScript 技术篇-js正则表达式匹配字符串左右两边是否包含空格。/(^\s)|(\s$)/ 这个是匹配左右两边的空格。/(^\s)/ 是匹配左侧的空格。同理 /(\s$)/ 是匹配右边的空格。所有空格是 /(\s)/。原创 2019-07-03 21:13:54 · 4574 阅读 · 0 评论 -
Mac 技术篇-VS Code插件安装方法,查看vscode已安装插件的方法
Mac 技术篇-VS Code插件安装方法,查看vscode已安装插件的方法。微软的 Visual Studio Code 编辑器,是目前主流的前端代码编写工具,非常好用。VS Code 插件安装方法。查看已安装插件方法。原创 2019-08-31 13:45:01 · 13856 阅读 · 0 评论 -
JavaScript 技术篇 - 实现一键压缩、格式化js代码实例演示,将js代码压缩为min.js方法,Notepad++工具JSTool插件安装
我们需要安装 JSTool 插件,选中后用快捷键 Ctrl+Alt+M 就好了JSTool插件安装方法:第一步:安装 Plugin Manager点开菜单的插件,看看有没有 Plugin Manager 这个选项,有的话可以跳过这一步,没有的话我们先来安装。点击 Plugin Admin 来进行安装。第二步:安装 JSTool然后再打开 Plugin Manager 的 Show Plugin Manager 来安装 JSTool 插件。原创 2019-08-01 15:15:06 · 7506 阅读 · 3 评论 -
JavaScript 技术篇-js提升网页视频播放速率,提高慕课网视频播放速度
JavaScript 技术篇-js提升网页视频播放速率,提高慕课网视频播放速度。document.querySelector(‘video’) 筛选出播放视频的组件,然后直接设置播放速率就搞定了。我用慕课网来举例子,我们看它的视频用的是 html5 的原生 video 组件播放视频,不是 flash,我们就可以进行操作。我提升了5倍速率后视频飞速的播放!原创 2019-07-26 22:56:42 · 8773 阅读 · 0 评论 -
JavaScript 技术篇-js字符串大小写转换,toLocalUpperCase()和toUpperCase()的区别详解
正常大小写转换原理都是改变对应的 ASCII 码的值来实现的,比如十进制 A 对应 65,a 对应 97,把 a 转化为 A 只要把 97 改为 65 就好了。一般语言的字符集比如 GBK,UTF-8 等,包含的特殊字符集是和标准的 ASCII 码一致的。但有一些特殊语言的字符集,比如土耳其语,对应的特殊字符集就跟我们的不一样,它的 A 不是 65 了,a 也不是 67 了,用 toUpperCase() 就不行了,需要用 toLocalUpperCase(),一般情况下使用效果是一样的。原创 2019-08-02 22:56:16 · 5495 阅读 · 0 评论 -
JavaScript 技术篇-js语句创建dom节点,并给节点设置属性
JavaScript 技术篇-js语句创建dom节点,并给节点设置属性。document.createElement() 是创建节点的方法。setAttribute() 是设置属性的方法。可用看到效果图:已经加入到 body 节点里的最下面位置了,而且样式就如我所设置的一样。原创 2019-07-21 19:27:32 · 3781 阅读 · 0 评论 -
JavaScript 技术篇-使用js代码获取浏览器窗口标题名,js获取页面URL地址
JavaScript 技术篇-使用js代码获取浏览器窗口标题名,js获取页面URL地址。用 Google 页面来举例子,Google 是它的窗口标题名,https://www.google.com是它的页面 url 地址。document.title 可以用来获取窗口标题名。location.href 用来获取它的页面URL地址。原创 2019-07-16 21:16:17 · 3782 阅读 · 0 评论 -
JavaScript 技术篇-chrome利用ClipboardEvent写入剪切板,chrome写入剪切板不成功解决方法
JavaScript 技术篇-chrome利用ClipboardEvent写入剪切板,chrome写入剪切板不成功解决方法。开始用 ClipboardEvent 怎么也不成功,后来仔细阅读开发文档才发现,需要通过 document.execCommand() 来执行 copy、paste 和 cut 命令,进而触发 ClipboardEvent 事件,才成功的。我的 el 是绑定的某个 dom 节点,你可以直接替换为 document 也可以。原创 2019-07-09 21:58:20 · 5726 阅读 · 0 评论 -
JavaScript 技术篇-textContent获取dom节点text文本内容带空格,js获取带空格的dom节点内容
JavaScript 技术篇-textContent获取dom节点text文本内容带空格,js获取带空格的dom节点内容。我们用 innerText 获取到的文本信息是除掉空格的。但有时根据需求我们需要获取到完整的文本信息。用 textContent 就可以很好的解决了。原创 2019-07-03 21:27:56 · 2200 阅读 · 1 评论 -
JS知识点笔记-常用方法
JavaScript知识点范围:常用方法标识:< script type = “text/javascript” \>引入外部js文件:< script src = “script.js” \>变量名字以字母,_和$符号开始,不能使用关键字与保留字;js是区分大小写的的,变量可以不声明直接使用,就是不规范;输出Html标签会直接起作用,比如换行符"<br&...原创 2019-01-26 18:25:43 · 419 阅读 · 0 评论