自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 nvm管理node版本

nvm安装下载地址node历史版本下载地址nvm直接安装nodenvm install xx.xxxnvm连不上网无法安装的时后安装其他版本的node下载需要的历史node版本下载node免安装版.png把下载好的node版本解压放到nvm目录下用户名.pngnvm下就可以看到刚才的目录了image.png...

2023-03-17 20:06:37 85

原创 Slowhttptest安装步骤

Linux环境配置系统版本Red Hat Enterprise Linux release 8.5 (Ootpa)安装Redhat过程中把选择软件那一步所有软件都勾选上了,要不系统可能缺少g--OpenSSL版本OpenSSL 1.1.1kSlowhttptest安装软件版本slowhttptest-1.9.0安装步骤tar -xzvf slowhttptest-x.x.t...

2022-08-30 18:05:46 489

原创 Wireshark使用指导

Wireshark使用指导安装下载地址注意:最新版本在win7系统不可用,若是win7系统需要安装旧版本(Wirehshark-win64-3.2.6)方可使用使用打开Wireshark,选择拦截分析的网卡,此图选择“本地连接8”wireshark1.png选择网口之后可以看到抓包的数据数据包.png过滤要分析数据,下图以ip地址为例...

2022-08-29 19:39:21 109

原创 pikachu安装步骤

下载pikachu安装pikachu的代码下载下来放到对应web服务运行即可,在这之前需要配置相对应的php环境预备环境安装1、安装下载phpStudy(集成了php + apache + mysql)2、 配置phpStudy配置vhosts① 右键菜单中选择 【打开文件位置】-【Apache】会打开Apache所在目录,找到目录下的conf/vhosts.conf,配置Vir...

2022-07-14 19:48:51 454

原创 HTTP缓存策略

定义HTTP缓存策略实例一 、协商缓存Last-Modified\ If-Modified-Since 与 Etag/If-None-match第一次请求png文件时,可以在响应标头中看到服务端设置的Etag和Last-Modified。image.png第二次请求png文件时,如下面两幅图首先可以从状态码上看到区别;第一次请求响应的状态码是200,第二次是304...

2022-07-05 19:59:14 48

原创 服务端设置跨域

前言本文主要介绍服务端设置跨域的方式。正文1、首先看一下在没有设置允许跨域的时候,从A站点请求B站点的数据,会被浏览器拦截。跨域拦截.png2、服务端设置允许跨域服务端使用lighttpd,修改lightpd配置文件,修改点入下图,然后重启lighttpd服务setenv.add-response-header += ("Access-Control-Allow-Ori...

2022-05-06 11:50:56 291

原创 live-server

1、安装npm i -g live-server2、使用在项目目录下输入live-server 即可,即可在浏览器输入http://127.0.0.1:8080/ 看到页面效果且可以实现实时更新live-server效果...

2022-02-01 21:09:55 41

原创 nginx部署转发

1、下载ngix下载地址xxzd.png2、安装解压即用.png3、启动双击nginx.exe 命令行一闪而过,nginx 启动完成,或者进入所在目录命令行输入start nginx // 启动,nginx -s stop // 停止可以在任务管理器下查看进程已启动进程.png也可在浏览器下输入localhost,正常显示nginx默认页面...

2021-09-17 20:33:37 58

原创 鼠标事件中的位置相关的属性ScreenX,ClientX,pageX,layerX,offsetX

定义鼠标事件中属性和键盘相关的属性srceenX(通用属性)相对于屏幕左上角的位置clientX(通用属性)相对于浏览器的可视区域(浏览器窗口左上角),不包括滚动条pageX(非标准属性,IE9以上支持)相对于整个文档,包括滚动条layerX(非标准属性,IE9以上支持)对于当前事件结点而言,本身或者父元素有position:absolute/relative有定位点, 表示鼠标...

2021-09-01 21:27:26 77

原创 键盘事件KeyboardEvent

前言IE浏览器下按SrollLock键页面对这个键的监听没有变化,经定位由于IE下是用“Scroll”来表示,其他浏览器为“ScrollLock”正文1、引言键盘事件的处理主要通过keydown, keypress,keyup三个事件的监听进行一系列操作,这三个事件都继承了KeyboardEvent,也就是可以调用Keyboard的方法。KeyboardEvent.getModifie...

2021-08-31 20:03:36 230

原创 express-generator 生成简单express项目

1、全局安装express-generatornpm i express-generator -g2、生成简单项目目录express demo -edemo3、可按照提示的命令进行操作运行cd 目录npm installnpm start4、工程默认启动地址为 localhost:3000 ,端口号及地址可在 bin/www 文件进行修改web.png...

2021-08-25 22:10:13 29

原创 上传github

一、上传代码忽略node_modulescmd 目录git init // 之后可在.gitignore 文件中增加,默认已添加二、上传代码方式一:github 新建仓库新建仓库生成的仓库地址.png本地添加git add .git commit -m '描述信息’git remote add origin 地址git push -u o...

2021-08-21 19:57:05 29

原创 vscode配置ESLint: Fix all auto-fixable Problems快捷键

背景项目配置了ESLint 检查之后,如果代码里发下错误则有相对应提示,鼠标移至相对应命令上可以修复相对应错误。Error.pngcmd.png配置方法1、打开【File】-【Preferences】- 【Keyboard Shortcuts】kkjp.png2、搜索自己需要设置的项目key.png参考vscode添加eslint auto...

2021-06-10 19:41:32 265

原创 npm run build 出现dependency tree错误

问题运行 npm run build 进行编译时出现 dependency tree 错误。原因由于上层目录也有node_module,且安装了webpack 导致依赖找不到,编译失败Error.png解决方法1、根据错误提示如果忽略此检查,可以在.env 文件中添加 SKIP_PREFLIGHT_CHECK=true 来忽略此检查。在文件根目录下添加.env文件,然后写入SK...

2021-05-19 21:35:40 94

原创 在使用live-server的时候出现“系统中禁止直行脚本。有关详细信息,请参阅 “get-help about_signing””问题...

问题在使用live-server的时候出现“系统中禁止直行脚本。有关详细信息,请参阅 “get-help about_signing””错误.png解决方法1、打开Windows PowerShellpowersehll.png2、输入 set-ExecutionPolicy RemoteSigned, 回车,然后根据提示输入Y输入Y.png参考vue...

2021-05-18 20:45:59 45

原创 vscode中代码截图插件Polacode

1、vscode中搜索Polacode,然后安装2、ctrl + shift + p,输入polacodepolacode.png3、选中需要生成图片的代码块,就可以生成对应图片了。pola.png

2021-05-17 19:48:58 198

原创 vscode 插件生成注释神器

安装1、打开vscode,搜索“koroFileHeader”并安装。安装.png2、安装完成之后重启vscode。使用1、生成图案注释① ctrl + shift + p, 输入"codedesign" ,就可以选择你想要的图案了codedesign.png② 选择想要的图片,效果如下喷火龙.png2、文件头部注释① 新建文件,然后保存,文件头部...

2021-05-17 19:37:18 68

原创 蒙版

1 0.png2 1.png3 2.png4 3.png5 3.png6 4.png7 5.png8 6.png9 8.png蒙版.gifPS蒙版作用

2020-01-09 16:15:50 34

原创 人物星空效果

星空效果.jpg人物星空效果

2020-01-09 13:48:58 33

原创 人物错位分割效果

分割效果.jpg立体分割效果

2020-01-06 17:09:38 27

原创 目录结构树的生成

Windows环境下生成一个目录树1、打开 cmd2、cmd中进入要生成目录结构树的目录3、输入命令 tree /f > list.txt4、在当前目录下生成一个list.txt文件,打开此文件即可查看生成的目录结构树<meta charset="utf-8">常用命令tree 常见的命令如下:-a 显示所有文件和目录。-A 使用ASNI绘图字符显示树状图而非以...

2019-11-11 13:59:39 73

原创 match 、search、replace、exec、test

前言1. 正则表达式① 第一种定义(构造函数) 例:var reg = new RegExp("abc", "g");② 第二种定义(文本定义)字面量 :/pattern/atrribute 例:var reg = /abc/g;2. 从方法隶属对象上分类StringRegExpmatch()test()search()exec()replace()...

2019-11-11 13:57:32 24

原创 将博客搬至CSDN

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-11-07 15:45:59 75

原创 Polling、Long Polling、WebSocket

1、轮询(Polling)客户端(通常指浏览器)定时向服务端发送请求。不论服务端返回的数据是否更新,是否有值,客户端都会进行处理,然后再下一时间点再继续发送请求。常用方法定时器定时去请求。function sendRequest() { $(function() { $.ajax({ type: 'GET', url: "...

2018-07-27 07:51:20 53

原创 JavaScript教程学习笔记

1. JavaScript的函数亦是对象。// 第一种方法:函数声明function abs() { if (x >= 0) { return x; } else { return -x; }}abs(10); // 返回10// 第二种方法:函数表达式var abs = function (x) { if (x ...

2018-07-27 07:51:00 28

原创 Node.js 学习笔记

一、模块1. 在Node环境中,一个.js文件就称之为一个模块(module)。2. 模块化的优点:提高代码的可维护性、可重用性高、可以避免函数名和变量名冲突。3. 模块化示例// hello.js'use strict';var str = "Hello ";function greet(name) { console.log(str + name + '!');}mo...

2018-07-27 07:50:54 28

原创 innerHTML、 OuterHTML、innerText、OuterText和html()、text()、val()

定义针对API属性进行分类HTML DOM 属性JQuery APIinnerHTMLtext()outerHTMLhtml()innerTextval()outerTextinnerHTML设置或获取位于对象起始和结束标签内的 HTMLouterHTML设置或获取对象及其内容的 HTML 形式innerText 设置或获取位于对象...

2018-07-27 07:50:30 75

原创 浏览器环境和node环境下的this

1. 浏览器下控制台下直接输出this浏览器下输出严格模式下输出无论是否在严格模式下,在全局执行上下文中,this指向全局对象window。函数中输出严格模式下函数中输出在函数内部,this执行函数调用的对象;在严格模式下,this保持进入上下文时的值,禁止指向window。2. node 环境下打印this// demo.js...

2018-07-26 09:03:56 26

原创 JavaScript浅拷贝与深拷贝

定义浅拷贝(shallow copy):只复制指向某个对象的指针,而不复制对象本身,新旧对象共享一块内存。深拷贝(deep copy):复制并创建一个一摸一样的对象,不共享内存,修改新对象,旧对象保持不变。示例1. 基本数据类型// 基本数据类型var a = 1;var b = a;b = 2;console.log(a); // 1console.log(b); /...

2018-07-25 21:03:02 21

原创 第1章 JavaScript简介

1. JavaScript的组成JavaScript是一种专门为与网页交互而设计的脚本语言,由下列三个不部分组成:JavaScript 组成图核心 (EMCAScript)- 由ECMA-262定义,提供核心语言功能;文档对象模型 (DOM)- 提供访问和操作网页内容的方法和接口;浏览器对象模型 (BOM)- 提供与浏览器交互的方法和接口;1.1 EMCAScript...

2018-04-22 18:01:10 28

原创 事件冒泡和事件捕获

1 事件冒泡与事件捕获1.1 事件冒泡(event bubbling)事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点。<!DOCTYPE html><html><head> <title>Event bubbling</title></head><body> &l...

2018-03-28 19:09:37 19

空空如也

空空如也

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

TA关注的人

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