weixin_48062613的博客

nginx 重启失败

weixin_48062613 — Thu, 28 Apr 2022 19:42:54 +0800

问题描述 /usr/local/tapd/nginx/sbin/nginx -s reload 报错 nginx: [error] open() “/usr/local/tapd/nginx-1.8.0-tlinux/logs/nginx.pid” failed (2: No such file or directory) 解决方法 /usr/local/nginx/sbin/nginx -c/usr/local/nginx/conf/nginx.conf /usr/local/tapd/nginx/

git分支相关代码

weixin_48062613 — Tue, 27 Jul 2021 20:55:20 +0800

添加新分支： git checkout -b [分支名] 查看新分支：git branch 切换分支： git checkout [分支名] 添加到暂存区: git add . 也可以通过“+”来进行添加到本地仓库： git commit -m "注释" 提交到远程服务器中： git push origin [分支名] 撤销操作：git reset --soft HEAD^ ...

静态页面和动态页面

weixin_48062613 — Sat, 17 Jul 2021 23:26:41 +0800

静态页面在静态Web程序中，客户端使用浏览器连接到服务器上，使用HTTP协议发起一个请求，告诉服务器我现在需要得到哪个页面，所有的请求交给Web服务器，之后WEB服务器根据用户的需要，从静态页面的磁盘取出内容，通过Web服务器返回给客户端，客户端接收到内容之后经过浏览器渲染解析，得到显示的效果。为了让静态web页面显示更加好看，利用JavaScript/AJAX等技术。但是这些特效都是在客户端上借助于浏览器展现给用户的，所以在服务器上本身并没有任何的变化。静态web无法连接数据库；静态web资源开

服务器渲染

weixin_48062613 — Wed, 14 Jul 2021 13:41:17 +0800

一、浏览器端渲染 CSR：是Client Side Render简称，页面上的内容是由js文件进行渲染的，js文件在浏览器上运行，服务器返回一个html模板过程：用户发送请求，返回页面，此时页面是一个模板页面，通过js解析，通过接口去读数据，利用模板进行渲染，注入网站内容，不便于爬取二、服务器端渲染 SSR：是Server Side Render简称，页面有服务器渲染生成，浏览器直接进行显示过程：用户发送请求，后端先获取一些数据，通过其渲染引擎利用模板进行页面的渲染，渲染好之后由后端将注入好的数据

React与Vue对比

weixin_48062613 — Mon, 21 Jun 2021 21:13:34 +0800

1、组件化方面模块化：是从代码的角度来进行分析的，即把一些课复用的代码，抽离未单个模块，便于项目的维护和开发。组件化：是从UI界面的角度来进行分析的，即把一些可复用的UI元素，抽离为单独的组件。组件化的好处：项目规模增大，组件会增多，组件化开发就可以很方便的将现有组件拼接成一个完整的页面。 Vue中的组件化：通过 .vue 文件来创建对应组件 .vue模板文件中的内容： template 结构（内容） script 行为 style 样式 React实现组件化：Re

Symbol

weixin_48062613 — Tue, 15 Jun 2021 18:11:43 +0800

Symbol是六大数据类型之一，其余的有Undefined、Null、Boolean、Number、String。它是ES6中新增的，其实例时唯一不可变的。且不可以与 new 同时使用基本用法在使用时，需要初始化 Symbol() 。 let a = Symbol('a'); let b = Symbol('a'); console.log(a);// Symbol(a) console.log(b);// Symbol(a) console.log(a == b);// false 创建全局对象

JS常见报错信息

weixin_48062613 — Thu, 10 Jun 2021 11:40:54 +0800

RangeError 范围错误，即当一个值不在其所允许的范围或者集合中。当试图传递一个number参数给一个范围内不包含该number的函数时则会引发RangeError。当传递一个不合法的length值作为Array 构造器的参数创建数组，或者传递错误值到数值计算方法（Number.toExponential()，Number.toFixed() ，Number.toPrecision()），会出现RangeError。 ReferenceError 引用错误，即当引用一个不存在（被删除）的变量时引起的

严格模式的部分差异

weixin_48062613 — Mon, 07 Jun 2021 20:28:36 +0800

在ESCMAScript5中增加严格模式。目的：消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的Javascript做好铺垫。使用方式：在代码头部增加 "use strict"; "use strict"; var x; x=3; console.log(x); 限制：不能使用为声明的变量（在正常模式下，未声明就赋值的变量默认为全局变量） "use strict"; x=3; x=3; function aaa() {

HTML和XML

weixin_48062613 — Sun, 06 Jun 2021 14:18:23 +0800

HTML HTML：超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。特点：简易性：采用超集方式，更加方便可扩展性：增加标识符等平台无关性：个人计算机或者MAC均可使用通用性：可以被其他任何人、任何类型的电脑均可访问 XML 可扩展标记语言，标准通用标记语言的子集，简称XML。它可以用来标记数据、定义数据

vue组件通信方式 --父子组件通信

weixin_48062613 — Sun, 25 Apr 2021 20:37:35 +0800

父子组件通信方式子组件通过 props 属性来接受父组件的数据，然后父组件在子组件上注册监听事件，子组件通过 emit 触发事件来向父组件发送数据。通过 ref 属性给子组件设置一个名字。父组件通过 $refs 组件名来获得子组件，子组件通过 $parent 获得父组件，这样也可以实现通信使用 provider/inject，在父组件中通过 provider 提供变量，在子组件中通过 inject 来将变量注入到组件中。不论子组件有多深，只要调用了 inject 那么就可以注入 prov.

CSRF攻击

weixin_48062613 — Sun, 18 Apr 2021 18:40:51 +0800

CSRF：跨站请求伪造攻击。主要是攻击者诱导用户进入第三方网站，若用户在被攻击网站保存信息，攻击者窃取后，绕过后台向服务器执行操作。主要利用的是cookie在同源请求中可以被携带发送给服务器的特性。类型： Get型 Post型链接型，如存在于标签中防护同源检测：利用请求头中的refer或origin进行检测，但refer信息因为可以被伪造，所以安全性不高 token验证：在第一次请求后由服务器生成的随机数，保存在客户端中，再次请求时，请求体中包含该数

XSS攻击及预防

weixin_48062613 — Thu, 08 Apr 2021 23:23:30 +0800

XSS 跨域脚本攻击，即在渲染DOM树的过程中发生了不在预期内执行的JS代码。访问劫持用户会话，插入恶意内容、重定向用户、使用恶意软件劫持用户浏览器、繁殖XSS蠕虫，甚至破坏网站、修改路由器配置信息等。分类持久性跨站：危害最大的一种，跨站代码存储在服务器（数据库）中非持久性跨站：最常见的一种，网页中会存在嵌入好的恶意链接，用户点击后触发 DOM跨站：客户端的脚本程序可以通过DOM动态地检查和修改页面内容，它不依赖于提交数据到服务器端，而从客户端获得DOM中的数据在本地执行，如果DOM中的数据没有经过

ES6

weixin_48062613 — Tue, 06 Apr 2021 12:38:07 +0800

ES6 一、Set 1. 基本用法 var arr= [1,2,2,3,4,5,3,4,1] console.log(arr) const s = new Set(arr) console.log(s) var next = Array.from(s) console.log(next) 2.实例的属性和方法属性 Set.prototype.constructor：构造函数，默认为Set函数 Set.prototype.size：返回Set实例的成员总数方法 add(value)：添

节流与防抖

weixin_48062613 — Sat, 03 Apr 2021 23:48:37 +0800

相同点节流与防抖都是为了限制函数的执行频次，优化函数因触发过多响应速度跟不上出现的卡顿问题。区别