js
文章平均质量分 66
thlzjfefe
这个作者很懒,什么都没留下…
展开
-
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 · 840 阅读 · 0 评论 -
yarn 安装及使用教程
目录快速入门安装Install via npmAlternativesWindows安装后检查用法官网链接快速入门Yarn 对你的代码来说是一个包管理器。它可以让你使用并分享 全世界开发者的(例如 JavaScript)代码。 Yarn 能够快速、安全、 并可靠地完成这些工作,所以你不用有任何担心。通过Yarn你可以使用其他开发者针对不同问题的解决方案,使自己的开发过程更简单。 使用过程中遇到问题,你可以将其上报或者贡献解决方案。一旦问题被修复, Yarn会更原创 2022-03-18 22:31:16 · 1493 阅读 · 0 评论 -
typeScript 变量名 冒号 类名 <–这种写法什么意思?
export class AppComponent { title = 'Tour of heroes'; hero: Hero = { id: 1, name: '张三' };}export class Hero { id: number; name: string;}就是这一段,看起来有点晕,这里是实例化一个Hero类型的对象hero,还是创建一个变量?后面是赋值,但是不知道什么意思?hero: Hero = { id: 1, na.转载 2021-07-18 19:30:52 · 1197 阅读 · 0 评论 -
TypeScript看完就会了
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开源的编程语言TypeScript是JavaScript的超集,遵循最新的ES5 ES6规范,TypeScript扩展了JavaScript的语法TypeScript更像后端 Java c# 这样的面向对象语言可以让js开发大型企业项目谷歌也在大力支持TypeScript的推广,React ,VUE 都集成了TypeScriptTypeScript安装安装-- 安装npm install -g type转载 2021-07-18 18:22:46 · 103 阅读 · 0 评论 -
TypeScript 定义函数的几种写法
参考链接1 参考链接2写法1 - 使用 function 关键字function greeter(fn: (a: string) => void) { fn("Hello, World");}function printToConsole(s: string) { console.log(s);}greeter(printToConsole);(a: string) => void上述语法的含义:表示一个函数,接收一个字符串作为输入参数,没有返回参数。可转载 2021-07-18 16:39:14 · 1409 阅读 · 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 · 770 阅读 · 0 评论 -
我所了解的JavaScript异步编程
Javascript语言将任务的执行模式分成两种:同步(Synchronous)和异步(Asynchronous)我们知道 javascript语言是单线程机制。所谓单线程就是按次序执行,执行完一个任务再执行下一个。对于浏览器来说,也就是无法在渲染页面的同时执行代码。 单线程机制的优点在于实现起来较为简单,运行环境相对简单。缺点在于,如果中间有任务需要响应时间过长,经常会导致页面加载错误或者浏览器无响应的状况。这就是所谓的“同步模式”,程序执行顺序与任务排列顺序一致。 对于浏览器来说,同步模式效转载 2021-04-28 09:06:34 · 117 阅读 · 0 评论 -
jQuery自定义插件
总结:jQuery编写插件的两种方法1.添加jQuery对象级的插件,是给jQuery类添加方法写法:;(function($){ $.fn.extend({ "函数名":function(自定义参数){ //这里写插件代码 } });})(jQuery);或者;(function($){ $.fn.函数名=function(自定义参数){ //这里写插件代码 }})(jQuery...转载 2021-04-18 19:00:47 · 253 阅读 · 0 评论 -
各种下载文件方式总结
文件下载有多种方式,链接跳转方式下载,打开新页面下载,ajax下载文件。以前ajax是不能下载文件的,现在的xhr2版本支持blob,可以将文件下载到内存中,然后弹出保存框,保存到本地。这样不能下载太大的文件,内存会被撑爆。新的fetch Api也可以下载文件。示例如下:1. 跳转下载function location_download(){ location.href = '/file/build';}2. 超链接下载(可自由调整为本页下载或新开页面下载)<转载 2021-02-28 19:22:14 · 875 阅读 · 0 评论 -
Visual studio code 页面放大、缩小
ctrl + 放大ctrl - 缩小原创 2021-02-27 12:26:05 · 9078 阅读 · 0 评论 -
jQuery获取父元素及父节点的方法小结
这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下本文实例总结了jQuery获取父元素及父节点的方法。分享给大家供大家参考,具体如下:jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解:先举个例子, 1 2 3 4 <ul class="paren转载 2021-02-25 11:13:44 · 7857 阅读 · 0 评论 -
Ajax 跨域分析及解决方式
关于跨域,有N种类型,本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器”同源策略”中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍),内容大概如下: 什么是ajax跨域 原理 表现(整理了一些遇到的问题以及解决方案) 如何解决ajax跨域 JSONP方式 CORS方式 代理请求方式 如何分析ajax跨域 http抓包的分析 .转载 2020-12-06 14:39:20 · 132 阅读 · 0 评论 -
canvas事件绑定
众所周知canvas是位图,在位图里我们可以在里面画各种东西,可以是图片,可以是线条等等。那我们想给canvas里的某一张图片添加一个点击事件该怎么做到。而js只能监听到canvas的事件,很明显这个图片是不存在与dom里面的图片只是画在了canvas里而已。下面我就来简单的实现一个canvas内部各个图片的事件绑定。 我先来讲下实现原理:其实就是canvas绑定相关事件,在通过记录图片所在canvas的坐标,判断事件作用于哪个图片中。这样讲是不是感觉跟事件代理有点相似咧。不过实现起来还是有稍许复杂的转载 2020-11-23 21:14:56 · 2002 阅读 · 0 评论 -
JavaScript正则表达式的分组匹配详解
本文给大家详细介绍了JavaScript正则表达式的分组匹配的概念以及具体的使用方法并附上了相关示例,有需要的小伙伴可以参考下。分组下面的正则表达式可以匹配kidkidkid: 1 /kidkidkid/ 而另一种更优雅的写法是: 1 /(kid){3}/ 这里由圆括号包裹的一个小整体称为分组。候选一个分组中,可以有多个候选表达式,用|分隔: 1 2 3 4 5转载 2020-11-13 12:52:50 · 928 阅读 · 1 评论 -
JS中的箭头函数与this
JavaScript在ES6语法中新增了箭头函数,相较于传统函数,箭头函数不仅更加简洁,而且在this方面进行了改进。this作为JavaScript中比较诡异的存在,许多文章对于this的解释也不尽相同,本篇文章试图厘清JS中函数与this的关系。一、JS中函数的写法1.常规函数的写法在ES6语法之前,JS中的函数由function关键字、params参数和被花括号包裹的函数体组成。为了与后面说到的箭头函数相区别,我们先把这样的函数叫做常规函数,常规函数既可以用声明式写法也可以用赋值式写法.转载 2020-11-01 18:17:43 · 152 阅读 · 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 · 423 阅读 · 0 评论 -
浅谈Es6中import * as xxx from几种基本用法
以为Es6,javascript第一次支持了module。ES6的模块化分为导出(export)与导入(import)两个模块,其中在项目中,我们会经常看到一种用法import * as obj from,这种写法是把所有的输出包裹到obj对象里。示例一 1 2 3 4 5 6 7 // index.js export function fn1(data){ console.log(1) } export f.转载 2020-09-18 09:05:54 · 22185 阅读 · 7 评论 -
window history pushState replaceState 跳转原理
一、pushState比如,当前打开的界面是:https://developer.mozilla.org/en-US/docs/Web/API/History,如下图所示:在chrome的console下,执行代码:history.pushState({},'','https://developer.mozilla.org/en-US/docs/Web/API/History_API')则浏览器中会看到以下三种变化:1、当前地址栏的url会变成:https://developer.原创 2020-06-04 22:29:53 · 2026 阅读 · 1 评论 -
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 · 127 阅读 · 0 评论 -
利用window.performance.timing进行性能分析
性能分析。。。window.performance.timing中相关属性语义:// .navigationStart 准备加载页面的起始时间// .unloadEventStart 如果前一个文档和当前文档同源,返回前一个文档开始unload的时间// .unloadEventEnd 如果前一个文档和当前文档同源,返回前一个文档开始unload结束的时间// ....转载 2019-08-19 09:20:24 · 4234 阅读 · 2 评论 -
Dom基础(回流与重绘)
1.页面呈现过程不同的浏览器略微会有些不同。但基本上都是类似的①.浏览器把html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对象。dom树就是html结构,里面包含了所有的html tag,包括用JS添加的元素。②浏览器把所有样式(主要包括css和浏览器自带的样式设置)解析成样式结构体,在解析的过程中会去掉浏览器不能...转载 2019-04-22 10:01:10 · 452 阅读 · 0 评论 -
Web前端之iframe详解
iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。<iframe src="demo_iframe_sandbox.htm"></iframe>但是,有追求的我们,并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性iframe常用属性:1.frameborder:是否...转载 2019-04-22 09:59:52 · 737 阅读 · 0 评论