javascript
文章平均质量分 84
thlzjfefe
这个作者很懒,什么都没留下…
展开
-
superagent使用代理
superagent是一个轻量级的Ajax api,既可以在服务端的nodejs中使用,也可以在客户端的javascript中使用,其api相对简单易上手。大家在工作中应该经常会使用到,但是superagent通过代理去调用服务,应该很少使用,下面就给大家具体介绍下如何使用:由于superagent本身不支持代理的方式进行http请求,因此需要借助第三方的模块,本文介绍的是superagent-proxy。安装$ npm install superagent-proxy示例var r原创 2022-04-08 22:55:33 · 1537 阅读 · 0 评论 -
ABP规则语法
ADM支持绝大数的ABP规则语法,基本规则基于ABP规则,并进行了字符替换部分的扩展。ABP规则请参考:https://adblockplus.org/zh_CN/filtersCSS选择器参考:http://www.w3school.com.cn/cssref/css_selectors.asp"!" 为行注释符注释行以该符号起始作为一行注释语义,用于规则描述。"|" 为管线符号来表示地址的最前端或最末端 比如 "|http://" 或 |http://www.abc.com/a.js|转载 2022-03-29 09:15:27 · 813 阅读 · 0 评论 -
yarn install 工作流程解析
通过解析yarn install工作流程,分析 lockfile、缓存、请求Registry、扁平化依赖树、install scripts 各个部分之间的协作关系。或许能帮助大家理解一些 yarn 的常见操作,在实际解决问题的过程中产生一些启发。如果对包管理、lockfile 的概念有些疑问,可以先浏览《前端包管理介绍》这篇短文。概览在进入主流程之前,yarn 会先检查当前项目目录下是否存在 npm-shrinkwrap.json 和 package-lock.json 文件。如果存在 npm-转载 2022-03-19 11:35:28 · 10722 阅读 · 0 评论 -
yarn 安装及使用教程
目录快速入门安装Install via npmAlternativesWindows安装后检查用法官网链接快速入门Yarn 对你的代码来说是一个包管理器。它可以让你使用并分享 全世界开发者的(例如 JavaScript)代码。 Yarn 能够快速、安全、 并可靠地完成这些工作,所以你不用有任何担心。通过Yarn你可以使用其他开发者针对不同问题的解决方案,使自己的开发过程更简单。 使用过程中遇到问题,你可以将其上报或者贡献解决方案。一旦问题被修复, Yarn会更原创 2022-03-18 22:31:16 · 1462 阅读 · 0 评论 -
深入理解Shadow DOM v1
翻译:疯狂的技术宅https://blog.logrocket.com/un...本文首发微信公众号:前端先锋欢迎关注,每天都给你推送新鲜的前端技术文章shadow DOM不是超级英雄电影中的恶棍,也不是DOM的黑暗面。 shadow DOM只是一种解决文档对象模型(或简称DOM)中缺少的树封装方法。网页通常使用来自外部源的数据和小部件,如果它们没有封装,那么样式可能会影响HTML中不必要的部分,迫使开发人员使用特定的选择器和!important规则来避免样式冲突。尽管如此,在编写大型程.转载 2021-07-04 19:41:01 · 810 阅读 · 0 评论 -
HTML5 <script> 标签里的 crossorigin 属性到底有什么用?
最近Bootstrap 4已经正式发布了,可能已经有爱尝鲜的小伙伴在 alpha 阶段就尝试过 BS4。不过今天要说的不是 BS4,而是官网里引入 BS4 框架依赖的 jQuery 的代码:<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" ..转载 2021-05-30 19:25:33 · 745 阅读 · 0 评论 -
我所了解的JavaScript异步编程
Javascript语言将任务的执行模式分成两种:同步(Synchronous)和异步(Asynchronous)我们知道 javascript语言是单线程机制。所谓单线程就是按次序执行,执行完一个任务再执行下一个。对于浏览器来说,也就是无法在渲染页面的同时执行代码。 单线程机制的优点在于实现起来较为简单,运行环境相对简单。缺点在于,如果中间有任务需要响应时间过长,经常会导致页面加载错误或者浏览器无响应的状况。这就是所谓的“同步模式”,程序执行顺序与任务排列顺序一致。 对于浏览器来说,同步模式效转载 2021-04-28 09:06:34 · 106 阅读 · 0 评论 -
jQuery自定义插件
总结:jQuery编写插件的两种方法1.添加jQuery对象级的插件,是给jQuery类添加方法写法:;(function($){ $.fn.extend({ "函数名":function(自定义参数){ //这里写插件代码 } });})(jQuery);或者;(function($){ $.fn.函数名=function(自定义参数){ //这里写插件代码 }})(jQuery...转载 2021-04-18 19:00:47 · 240 阅读 · 0 评论 -
解决浏览器会自动填充密码的问题
本篇文章主要介绍了解决浏览器会自动填充密码问题的方法。具有很好的参考价值。下面跟着小编一起来看下吧解决办法是在form上或input上添加autoComplete="off"这个属性。form表单的属性如下所示:但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。1.'autocomplete="off"'在Chrome中不起作用解决方案网站项目中,有登录和注册的弹框,在除chrome的浏览器中一切都ok,一旦在谷歌浏览器中,问题来了:首先从登录弹框中登陆成功,.转载 2021-03-23 22:15:12 · 1546 阅读 · 0 评论 -
揭开正则表达式的神秘面纱
引言 正则表达式(regular expression)就是用一个“字符串”来描述一个特征,然后去验证另一个“字符串”是否符合这个特征。比如 表达式“ab+” 描述的特征是“一个 'a' 和 任意个 'b' ”,那么 'ab', 'abb', 'abbbbbbbbbb' 都符合这个特征。 正则表达式可以用来:(1)验证字符串是否符合指定特征,比如验证是否是合法的邮件地址。(2)用来查找字符串,从一个...转载 2021-03-14 19:20:48 · 125 阅读 · 0 评论 -
键盘事件keydown、keypress、keyup随笔整理总结(摘抄)
原文1:http://www.cnblogs.com/silence516/archive/2013/01/25/2876611.html原文2:http://www.cnblogs.com/leolai/archive/2012/08/01/2618386.html英文输入法:事件触发顺序:keydown - > keypress - > keyup中文输入法:firfox:输入触发keydown,回车确认输入触发keyupchrome:输...转载 2021-02-03 19:47:37 · 1571 阅读 · 0 评论 -
JS中的箭头函数与this
JavaScript在ES6语法中新增了箭头函数,相较于传统函数,箭头函数不仅更加简洁,而且在this方面进行了改进。this作为JavaScript中比较诡异的存在,许多文章对于this的解释也不尽相同,本篇文章试图厘清JS中函数与this的关系。一、JS中函数的写法1.常规函数的写法在ES6语法之前,JS中的函数由function关键字、params参数和被花括号包裹的函数体组成。为了与后面说到的箭头函数相区别,我们先把这样的函数叫做常规函数,常规函数既可以用声明式写法也可以用赋值式写法.转载 2020-11-01 18:17:43 · 146 阅读 · 0 评论 -
JavaScript箭头函数中的this详解
前言箭头函数极大地简化了this的取值规则。普通函数与箭头函数普通函数指的是用function定义的函数: 1 2 3 varhello = function() { console.log("Hello, Fundebug!"); } 箭头函数指的是用=>定义的函数: 1 2 3 varhello = () => { console.log("H...转载 2020-10-30 12:03:14 · 411 阅读 · 0 评论 -
取消鼠标的滚轮事件的默认行为
需求是这样的,有一个元素,比如div,通过鼠标滚动,实现该元素包含图片的放大缩小,即:在该元素上滚动鼠标滚轮,则滚动效果只在该元素上起作用,而不影响界面(即浏览器)的滚动条。何为滚轮事件的默认行为: 解释:在某个元素上滚动鼠标滚轮,比如下图中的id等于div1、div2的div元素,有两种情况: 1、元素上没有滚动条,比如:div1,则滚动滚轮时,由...原创 2020-04-15 21:37:33 · 2561 阅读 · 1 评论 -
js中forEach,for in,for of循环的用法
一、一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i) { console.log(i,array[i]); } 二、用for in的方遍历数组 for(let index in array) { ...转载 2020-04-14 15:31:14 · 159 阅读 · 0 评论 -
通过createElement创建html元素
创建link元素,并为起指定href、rel属性,并将其插入到head中var common = document.createElement('link');common.href="http://test.com/css/commons.css";// ref属性只能通过setAttribute的方式添加common.setAttribute("ref","stylesheet"...原创 2020-04-03 22:22:29 · 536 阅读 · 0 评论 -
ES6系列文章 异步神器async-await
视频讲解关于异步处理,ES5的回调使我们陷入地狱,ES6的Promise使我们脱离魔障,终于、ES7的async-await带我们走向光明。今天就来学习一下 async-await。async-await和Promise的关系经常会看到有了 async-await、promise 还有必要学习吗、async await优于promise的几个特点,接收了这些信息后,就蒙圈了。现在才知道...转载 2020-02-26 22:23:23 · 116 阅读 · 0 评论 -
js 去掉首尾引号
首先说下正则表达式:. 匹配除换行符(\n、\r)之外的任何单个字符。要匹配包括 '\n' 在内的任何字符,请使用像"(.|\n)"的模式。 (pattern) 匹配 pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到,在VBScript 中使用 SubMatches 集合,在JScript 中则使用 $0…$9 属性。要...原创 2019-12-08 12:02:02 · 9638 阅读 · 1 评论 -
WebRTC入门
什么是WebRTC?众所周知,浏览器本身不支持相互之间直接建立信道进行通信,都是通过服务器进行中转。比如现在有两个客户端,甲和乙,他们俩想要通信,首先需要甲和服务器、乙和服务器之间建立信道。甲给乙发送消息时,甲先将消息发送到服务器上,服务器对甲的消息进行中转,发送到乙处,反过来也是一样。这样甲与乙之间的一次消息要通过两段信道,通信的效率同时受制于这两段信道的带宽。同时这样的信道并不适合数据流的...转载 2019-11-21 22:01:39 · 154 阅读 · 0 评论 -
JS bind()方法、JS原生实现bind()
JS bind()方法、JS原生实现bind()puxiaotaoc关注12018.09.09 00:50:08字数 134阅读 29,413一、arguments的含义// arguments 是一个对应于传递给函数的参数的类数组对象 function a(){ console.log(arguments); } a(); // Arguments [c...转载 2019-11-09 16:01:55 · 929 阅读 · 0 评论 -
DOMContentLoaded, load, beforeunload, unload
原文连接:https://javascript.info/onload-ondomcontentloadedThe lifecycle of an HTML page has three important events:DOMContentLoaded– the browser fully loaded HTML, and the DOM tree is built, but exte...转载 2019-07-18 17:41:59 · 340 阅读 · 0 评论 -
js 中{},[]中括号,大括号使用详解
原文连接:https://www.cnblogs.com/chayan/p/5792862.htmljs 中{},[]中括号,大括号使用详解一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗...转载 2018-11-26 09:15:31 · 2762 阅读 · 0 评论 -
全面解析JavaScript中“&&”和“||”操作符(总结篇)
原文连接:https://www.jb51.net/article/88781.htm 这篇文章主要介绍了全面解析JavaScript中“&&”和“||”操作符(总结篇)的相关资料,需要的朋友可以参考下 1、||(逻辑或),从字面上来说,只有前后都是false的时候才返回false,否则返回true。? 1 2 3 4 ...转载 2018-11-23 20:51:26 · 206 阅读 · 0 评论 -
js中的正则表达式入门
原文连接:https://www.cnblogs.com/chenmeng0818/p/6370819.html 什么是正则表达式呢?正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个字符串是否含有某种子串、将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等。说白了正则表达式就是处理字符串的,我们可以用它来处理一些复杂的字...转载 2018-11-06 17:55:23 · 167 阅读 · 0 评论