自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(60)
  • 收藏
  • 关注

原创 前端性能监控

作为前端,我们肯定比较关心我们页面实际上的性能是如何的,业界比较常见的开源解决方案是sentry,接入方式,官方文档都有说明,本文主要是研究调研,sentry的性能指标计算方式。

2023-03-21 22:52:00 133

原创 typescript常用工具类型

【代码】typescript常用工具类型。

2023-03-19 12:33:51 110

原创 web前端问题总结

Vue生命周期vue一共有如下几个生命周期:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestoryDestoryed上图直接搬运vue官网api文档,充分说明了这几个生命周期的触发时机https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA

2020-12-15 01:25:51 328

翻译 常规设置-Sinon.JS

本文是个人对原文的翻译版,由于本人水平有限,如有理解上的错误,希望路过的大佬能指点一二,感激不尽。正文:在使用过程中,我们将会创建“伪造“(fakes),”间谍“(spies),”存根“(stubs)等对象。默认情况下,这些对象都会被创建在一个默认的“沙箱(sandbox)”中,每次测试之后必须restore这些沙箱。例如:如果你使用mocha你可以在测试代码的最外层使用如下代码:...

2020-03-28 13:06:06 256

原创 记录windows常用命令

ipconfig /all 查看网络配置信息windows自带查dns命令:nslookup www.baidu.com

2020-03-11 16:01:41 212

转载 (转)搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

转载自:https://www.imooc.com/article/17571网页可见区域高:document.body.clientHeight网页正文全文高:document.body.scrollHeight网页可见区域高(包括边线的高):document.body.offsetHeight网页被卷去的高:document.body.scrollTop屏幕分辨率高:wi...

2020-03-01 11:55:48 120

转载 (转)Windows下查看dll被哪个进程调用

转载自:https://www.cnblogs.com/leipei2352/archive/2013/02/05/2892482.html卸载程序,结果没卸载干净---程序的安装目录中还剩下一个dll文件。想删,结果系统提示说dll文件被某个进程占用了,不让删。先前碰到这种做法,我都是直接使用unlocker先unlock一下,然后删的。不过公司的电脑,不让随便安装软件,于是只能想...

2020-01-20 09:52:06 2323

原创 查看系统进程

windows:wmic Path win32_process Where "Name = 'FeiSuMiniNews.exe'" Get CommandLine,ProcessIdlinux:ps -eo "pid,args"

2020-01-19 10:18:41 164

原创 js异常缺陷

目录1、背景2、问题描述2.1、如何产生2.1、demo代码1、背景最近在拜读thinging in java第四版中文版,里面提到java的异常实现存在瑕疵(12.8.3缺憾:异常丢失),心想试试js不知道会不会也有这种问题,写了个demo,发现原来js也有这种情况,于是在这里总结一下。2、问题描述2.1、如何产生以下情况会导致异常被吞1、在finally...

2019-12-15 16:05:20 139

转载 (转)windows kill 结束指定端口进程

转载自:https://www.cnblogs.com/xzhg/p/7977950.htmlnetstat -ano |findstr "8099" window查看端口占用tskill 6124 结束进程

2019-04-22 15:44:07 625

转载 (转)为什么auth2.0中access_token不能被直接返回,code可以

转载自:https://blog.csdn.net/qq_37699037/article/details/81285490因为浏览器的redirect_uri是一个不安全的信道,虽然HTTPS安全但是可能会存在浏览器的cache或者log文件中,这就给攻击者盗取access_token带来了很多机会。但authorization_code不像access_token那么敏感。因为交换acc...

2019-04-05 11:11:36 297

原创 总结:git常用命令

git常用命令$ git config --global user.name "John Doe"$ git config --global user.email [email protected] init --bare xxx.gitchown git:git -R xx.gitgit branch dev // 创建dev分支git checkout dev // 签...

2019-03-06 18:04:06 147

转载 (转):[ECMAScript] TC39 process

转载自:https://www.jianshu.com/p/b0877d1fc2a4ECMAScript是由ECMA-262标准化的脚本语言的名称。JavaScript和JScript与ECMAScript相容,但包含超出ECMAScript的功能。从ES5 2009-ES6 2015经历了6年,语言的变化比较大。为了避免剧烈的变动,从ES7 2016开始,版本发布会变得更加频繁,每次...

2019-02-19 12:51:31 188

转载 (转)TCP中的RST标志(Reset)详解

转载自:https://blog.csdn.net/abv123456789/article/details/50132307 在谈RST攻击前,必须先了解TCP:如何通过三次握手建立TCP连接、四次握手怎样把全双工的连接关闭掉、滑动窗口是怎么传输数据的、TCP的flag标志位里RST在哪些情况下出现。下面我会画一些尽量简化的图来表达清楚上述几点,之后再了解下RST攻击是怎么回事。   ...

2019-01-30 11:43:21 1807

转载 (转):TCP异常终止(reset报文)

转载自:http://www.vants.org/?post=22 TCP异常终止(reset报文)TCP的异常终止是相对于正常释放TCP连接的过程而言的,我们都知道,TCP连接的建立是通过三次握手完成的,而TCP正常释放连接是通过四次挥手来完成,但是有些情况下,TCP在交互的过程中会出现一些意想不到的情况,导致TCP无法按照正常的四次挥手来释放连接,如果此时不通过其他的方式来释放TC...

2019-01-30 11:40:12 195

转载 (转):NodeJS mysql连接池使用及遇到的坑

转载自:https://blog.csdn.net/javafance/article/details/81437729 pool.getConnection没有回调.NodeJS中使用mysql连接池function query(sql, sqlParams, callback) {    pool.getConnection(function (err, conn) {  ...

2019-01-11 10:16:52 914

转载 (转)分块传输编码

转载自:https://zh.wikipedia.org/wiki/%E5%88%86%E5%9D%97%E4%BC%A0%E8%BE%93%E7%BC%96%E7%A0%81 分块传输编码(Chunked transfer encoding)是超文本传输协议(HTTP)中的一种数据传输机制,允许HTTP由网页服务器发送给客户端应用( 通常是网页浏览器)的数据可以分成多个部分。分块传输编码...

2018-12-26 13:59:02 499

转载 (转)你真的了解 Nginx rewrite 么?

转载自:https://cloud.tencent.com/developer/news/65131本篇文章介绍了Nginx rewrite语法、逻辑,借助几个示例加强对于原理的理解。回顾上篇文章:YARN 资源调度那些事儿重定向网站在使用 Nginx 时都会进行个性化配置满足自己的业务需要,而 URL 重写几乎是每个网站都必做的事情,Nginx 的 URL 重写规则不像 Apac...

2018-12-14 16:41:00 952

转载 (转):使用SFTP替代FTP来传输文件

转载自:http://www.freeoa.net/osuport/sysadmin/use-sftp-instead-ftp-transfer-files_2700.html 需要文件传输需求,用户只能通过sftp访问,不能通过OpenSSH登录到系统中。只开放一个sftp服务器给用户,用openssh 5.0以上的版本很容易做到,openssh新版自带一个自己实现的sftp serve...

2018-10-28 11:11:37 4342

转载 (转):优化webpack打包vendor体积

转载自:https://segmentfault.com/q/1010000008832754 1.使用externals选项,使用script标签引用公共库externals: {'vue': 'Vue','vue-router': 'VueRouter','vuex': 'Vuex','axios': 'axios'}<script src="//cdn.boo...

2018-10-25 17:15:45 1475

原创 记录linux常用命令

ls -la 查看所有隐藏文件netstat -apn 列出所有端口使用情况grep "xxx" *.conf 在所有.conf中查找关键字xxxunzip -qo xxx.zip -d /xxx/xxx 解压并覆盖(-q不显示额外信息,-o覆盖, -d解压到指定目录下)zip -r xxx.zip (-r连同递归目录一起压缩)tar -czf xxx.tar.gz 打包压缩成...

2018-10-24 15:07:33 178

原创 搭建支持ssh,nvm的docker环境

1.安装docker(docker toolbox,这里需要开启bios cpu虚拟化)2.下载ubantu镜像3.ubantu换源:sed -i 's/archive.ubuntu.com/mirrors.ustc.edu.cn/g' /etc/apt/sources.listapt-get update4.安装必要的编辑器和路径补全:apt-get install vim bas...

2018-10-24 11:12:29 689

转载 (转)URL中的hash(井号)

转载自:https://www.cnblogs.com/joyho/articles/4430148.html1.#的含义#代表网页中的一个位置,其右边的字符,就是该位置的标识符。比如http://www.example.com/index.html#print就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。设置方法:st...

2018-10-16 12:48:12 452

转载 (转)getBoundingClientRect的用法

转载自:https://www.cnblogs.com/Songyc/p/4458570.htmlgetBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法:这个方法没有参数。rectObject = object.getBoundingClientRect();2.返回值类型:Text...

2018-10-08 17:18:12 308

转载 (转)如何在ie6/ie7/ie8中实现iframe背景透明

转载自:https://www.cnblogs.com/macliu/p/6388832.html最近做了一个项目,涉及到ie8iframe背景透明的问题,做了老半天,才把它搞定的,现在把我的经历贴出来和大家分享:众所周知的根据W3C CSS 2.1 规范规定,''''background-color'''' 特性的默认值为 ''''transparent'''',即透明;但是IE6/IE...

2018-09-28 20:33:34 147

转载 (转) IE6 浏览器常见兼容问题

转载地址:https://blog.csdn.net/zykon/article/details/78520330 1.<!DOCTYPE HTML>文档类型的声明。产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象;解决办法:书写文档声明。2.不同浏览器当中,很多的标签的默认样式不同,如默认的外部丁内补丁。产生条件:不同...

2018-09-20 11:31:06 194

转载 两种 js下载文件的方法(转)

转载自:https://www.cnblogs.com/qq78292959/p/3890899.htmlfunction DownURL(strRemoteURL, strLocalURL){ try{ var xmlHTTP = new ActiveXObject("Microsoft.XMLHTTP"); xmlHTTP.o...

2018-09-11 11:23:44 1995

转载 (转) 多线程还是多进程的选择及区别

转载自:https://blog.csdn.net/lishenglong666/article/details/8557215鱼还是熊掌:浅谈多进程多线程的选择关于多进程和多线程,教科书上最经典的一句话是“进程是资源分配的最小单位,线程是CPU调度的最小单位”,这句话应付考试基本上够了,但如果在工作中遇到类似的选择问题,那就没有这么简单了,选的不好,会让你深受其害。 经常在网络上...

2018-08-30 10:29:48 212

原创 js实现回调函数转es6 promise

/** * 前面是异步函数除了回调以外的参数,最后一个参数是异步函数 */function cb2promise(asyncFn) { return function () { var args = getArgs(arguments); return new Promise(function(resolve){ var cb...

2018-08-28 23:05:46 2042 1

转载 (转)Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案

原贴地址:https://www.cnblogs.com/zamhown/p/6709932.html Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案由于IE8不支持HTML5,而它又是Win7的默认浏览器,我们即使讨厌它,在这几年却也拿它没办法。最近做了个需要兼容IE8的项目,不可避免地用了HTML5+CSS3,甚至canvas和svg,做兼容工作的时...

2018-08-24 09:49:08 297

转载 (转)Linux常用指令---grep(搜索过滤)

转载自:https://www.cnblogs.com/ITtangtang/p/3950497.htmlLinux系统中grep命令是一种强大的文本搜索工具,它能使用正则表达式搜索文本,并把匹 配的行打印出来。grep全称是Global Regular Expression Print,表示全局正则表达式版本,它的使用权限是所有用户。grep的工作方式是这样的,它在一个或多个文件中搜索字...

2018-08-21 15:05:16 183

转载 (转)wireshark抓包过虑规则

(转)wireshark抓包过虑规则简介Wireshark(前称Ethereal)是一个网络封包分析软件。网络封包分析软件的功能是撷取网络封包,并尽可能显示出最为详细的网络封包资料安装下载地址:https://www.wireshark.org/download.html规则描述规则 说明 备注 http.request.uri 过滤出所有uri...

2018-08-10 14:45:41 285

原创 js实现函数的柯里化

/** * 递归返回包装函数 * @param {Function} fn * @param {Array} args */var funcWraper = function(fn,args) { var needArgs = fn.length; return function() { var newArgs = Array.prototype.s...

2018-06-16 23:42:11 697

转载 起步 - 初次运行 Git 前的配置

转载自:https://git-scm.com/book/zh/v1/%E8%B5%B7%E6%AD%A5-%E5%88%9D%E6%AC%A1%E8%BF%90%E8%A1%8C-Git-%E5%89%8D%E7%9A%84%E9%85%8D%E7%BD%AE初次运行 Git 前的配置一般在新的系统上,我们都需要先配置下自己的 Git 工作环境。配置工作只需一次,以后升级时还会沿用现在的配置。当...

2018-06-14 09:54:00 260

转载 (转)windows删除node_modules 文件名或扩展名太长

转自:https://www.cnblogs.com/taoshengyijiuai/p/5600866.html安装    npm install -g rimraf使用 cd xxx[include node_modules folder] rimraf node_modules删除的速度看电脑,我这边大概十来秒就完整的干掉整个项目的node_modules;干干净净。也不会报什...

2018-06-10 18:04:01 423

原创 安卓远程调试webview

步骤如下:1:手机开启usb调试2:数据线链接机子3:用驱动精灵等软件确保手机驱动完全安装完毕4:拔出数据线,重新插到刚刚的usb口5:在chrome地址栏输入 chrome://inspect/#devices6:在app中打开webview,看见网页上多了一个选项,点inspect,(第一次需要翻墙)...

2018-04-24 09:28:02 829

转载 PHP调试利器XDebug Mac下在phpstorm中的安装与使用

转载自:https://ifunbox.top/mac_php_xdebug_phpstorm_install之前一直用比较原始的调试方法echo、print_r()、var_dump()、printf(),可能小项目比较小吧最近有时间,就研究了Mac系统下集成phpstorm的xdebug安装配置使用,下面记录一下~安装篇1.xdebug的安装下载地址https://xdebug.org/我是直...

2018-03-23 21:16:23 1836 2

转载 vscode增加xdebug扩展

转载自:https://www.cnblogs.com/wanghaokun/p/6103894.html首先确保php增加了xdebug扩展,方法很多,百度一下。可通过phpinfo()查看是否已开启支持。[xdebug]; XDEBUG Extensionzend_extension = "C:/phpStudy/php56n/ext/php_xdebug-2.4.0-5.6-vc11-n...

2018-03-23 15:00:32 1007

原创 Apache:详解QSA,PT,L,E参数的作用

 [QSA]当被替换的URI包含有query string的时候,apache的默认行为是,丢弃原有的query string 并直接使用新产生的query string,如果加上了[QSA]选项,那么旧的query string 将会与新产生的query string组合起来,产生一个新的query string Demo:RewriteRule "/pages/(.+)" "/page.php...

2018-03-01 18:42:28 8204

转载 (转载)nginx下支持PATH_INFO详解

原文地址:http://www.nginx.cn/426.html要想让nginx支持PATH_INFO,首先需要知道什么是pathinfo,为什么要用pathinfo?pathinfo不是nginx的功能,pathinfo是php的功能。php中有两个pathinfo,一个是环境变量$_SERVER['PATH_INFO'];另一个是pathinfo函数,pathinfo() 函数以数组的形式返...

2018-03-01 14:23:34 283

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除