- 博客(85)
- 资源 (2)
- 收藏
- 关注
RSS订阅
1原创 Nginx 配置 https
本文介绍 nginx 建立站点或者做代理服务器配置 ssl 的方法。https://letsencrypt.org/直接上指令：# 安装工具yum install python2-certbot-nginx# 执行命令certbot --nginx --nginx-server-root=/usr/local/nginx/conf/ -d local.domain.comcertbot 将自动修改 nginx 对应配置，再次通过 https 的方式即可访问站点。至此，结束。....
2022-08-07 12:00:34
134
原创 HTTP 头部
本文解读常见的 http 请求、响应头部信息Part 1. 连接相关的头部信息Connect 头部如下是三种用法：Keep-Alive 长连接。客户端请求长连接 Connect: Keep-Alive，服务器表示支持长连接 Connect: Keep-Alive，客户端后续复用连接。HTTP/1.1 默认支持长连接，因此无需设置 Keep-Alive。Close 短连接对代理服务器的要求：不转发 Connect 列出头部，该头部仅与当前连接相关Connect 仅针对当前连接有效。假设
2021-12-05 21:06:43
704
原创 Http 响应码
记录一些常见的 http 响应码，及其对应含义：响应码规范：RPC6585 （2012.4）、RPC7231 （2014.6）响应码分类 1xx1xx 请求已接收到，需要进一步处理才能完成，HTTP1.0 不支持。100 Continue：上传大文件前使用。由客户端发起请求中携带 Expect: 100-continue 头部触发101 Switch Protocols：协议升级使用。由客户端发起请求携带 Upgrade: 头部触发，如升级 websocket 或 http/2.0102
2021-12-05 17:55:24
369
原创 React 拖拽
React 元素拖拽https://www.cnblogs.com/wenruo/p/10225377.html代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/react/17.
2021-10-11 10:40:37
139
原创 CSS3 不容易被使用的属性
CSS3 不容易被使用的属性主要内容1. 优化显示文本主要内容本博文主要记录平时看到的一些 CSS3 的高级用法，在需要的时候可以查阅。1. 优化显示文本有时，字体并不能在所有设备上都达到最佳的显示，所以可以让设备浏览器来帮助你：html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}注：请负责任地使用 o
2021-09-09 19:25:56
101
原创 MutationObserver 示例
MutationObserver 示例https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserverhttps://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/如下是使用 MutationObserver 来实现异步调度的 schedule 方法:<!DO
2021-07-17 16:09:36
187
原创 TCP/IP 协议相关
TCP/IP 协议https://calibreapp.com/blog/react-performance-profiling-optimization(待更新)
2021-02-24 10:46:20
114
原创 requestIdleCallback 示例
requestIdleCallback 示例通过具体实际例子，来理解浏览器性能优化相关的api，即requestIdleCallback.示例一/** * 原文网站 * https://www.cnblogs.com/galenyip/p/4856996.html */var eventsToSend = [];var isRequestIdleCallbackScheduled = false;function onNavOpenClick() { // animate th
2021-02-15 22:44:06
317
原创 Css sprites
Css sprites工具记录：http://alloyteam.github.io/gopng/http://fis.baidu.com/https://gruntjs.com/至此，结束
2020-10-03 14:26:53
126
原创 批量文件内容替换工具 replace.js
批量文件内容替换工具 replace.js递归遍历指定路径下的目录文件，并替换内容replace.js// replace.jsconst path = require('path');const fs = require('fs');const SRC_PATH = path.resolve(__dirname, '..', 'src');const rArray = [ [/@mdf\/baseui/g, 'yonui-ys/lib/index']]const doRep
2020-05-28 14:08:33
507
原创 yum 换源
yum 换源参考：https://blog.csdn.net/inslow/article/details/54177191至此，结束。
2020-05-07 10:29:32
220
原创 磁盘读写能力检测方法
磁盘读写能力检测方法安装 fio 工具sudo yum install fio -y命令行fio -filename=/data/test -direct=1 -iodepth 1 -thread -rw=randrw -ioengine=psync -bs=16k -size 2G -numjobs=10 -runtime=30 -group_reporting -name=mytest...
2020-05-05 15:30:46
571
原创 性能统计工具 sysstat 使用介绍
Centos 环境下性能统计工具 sysstat 的使用介绍：可监控cpu、网络、IO等系统中各种资源的占用情况等环境准备安装 sudo yum install sysstat -y查看cron 信息 sudo cat /etc/cron.d/sysstat日志目录 sudo cat /var/log/sa/xxx常用命令cd /var/log/sa1. cpu任务负载sa...
2020-05-05 10:52:14
2323
原创 Docker 命令笔记
学习中，记录了一些docker 相关的命令：创建容器docker run -d --name test1 busybox /bin/sh -c 'while true; do sleep 3600; done'交互式进入容器docker exec -it df61ea7da8ce /bin/sh执行容器环境指令docker exec e465753a90aa ip anetwork ......
2020-04-18 08:32:07
695
原创 分辨率适配规则
UI的多端适配分为4种尺寸：XL：>1441px（适用于大尺寸或高清屏）L：1025px-1440px（适用于一般尺寸PC）M：641px-1024px（适用于Pad）S：<640px（适用于手机端）Breakpoint :当屏幕尺寸达到641px时，按照M尺寸处理；当屏幕尺寸达到1025时，按照L尺寸处理； 当屏幕尺寸达到1441时，按照XL尺寸处理。pc端标...
2020-04-16 14:48:34
903
原创 Docker 搭建mysql 环境
通过 vagrant 搭建的虚拟机docker 环境，执行命令时如何去掉前面的 sudo？sudo groupadd dockersudo gpasswd -a vagrant docker重新ssh 进入虚拟机，即可。
2020-04-05 12:20:46
177
原创 babel 转码示例探究
目前的前端开发中，基本都要使用babel 来进行对应的代码处理，例如es2015 规范的代码转码为浏览器支持的es5。那么babel 是如何做的处理的？babel 插件阮一峰 es6 这里是一小段代码，可以根据不同的babel 插件进行测试，对balel 的transform 来一探究竟。打开终端，执行如下命令：>> mkdir babel-test &&...
2020-01-26 20:17:07
247
原创 react 自动化测试
目前比较流行的react 测试框架有 jest 和 Enzyme。自动化测试需要一个持续集成服务器（CI）将整个流程自动化。如果使用Github，可以使用 Travis CI；如果使用了GitLib，可以使用Circle CI。其他~（待更新）...
2019-12-30 09:31:11
567
原创 React 组件的构建方法
React 组件构建的三种方法React.createClassconst Button = React.createClass({ getDefaultProps() { return { color: 'blue', text: 'Confirm' } }, render() { <button className={`btn btn-${color}...
2019-12-15 19:47:17
203
原创 完全理解 redux （内容为其他网站引用）
完全理解redux引用网上分享的文章：https://mp.weixin.qq.com/s/SEtYfMofnGNoxYpXWx1wDg附：（上面的文章参考的文章）从零实现一个 reduxreact.js 小书至此，结束。...
2019-10-03 10:55:26
163
原创 深入浅出webpack 引用记录
分享一篇介绍webpack 非常好的网址。引用网址：http://webpack.wuhaolin.cn/至此，结束。
2019-10-01 19:33:25
149
原创 ES7 装饰器使用示例
ES7 装饰器使用示例示例代码：// ts 装饰器// 类装饰器function aClass(target: any): void { // target 为当前装饰的类 target.prototype.name = '动态扩展的属性' target.prototype.run = () => { console.log('2.动态扩展的...
2019-10-01 19:17:55
405
原创 vscode 配置eslint & vue
vscode 配置 elsint & vue分享的文章描述的比较好，自己也自测成功。现记录分享资料：VSCode环境下配置ESLint 对Vue单文件的检测至此，结束
2019-09-22 17:38:27
196
原创 React 自定义hook
React 自定义hook学习react 做的示例示例代码example.jsimport React, { useState, useEffect, useCallback } from 'react';function useWinSize() { const [size, setSize] = useState({ width: document.docu...
2019-09-14 13:01:42
687
原创 JS实现waterfall
js 实现waterfall引用：https://github.com/Krryxa/krry_wallpaper代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...
2019-08-17 09:05:39
958
原创 spider with puppeteer
学习puppeteer 记录示例直接上代码：// spider.js// 爬取美女网站的图片const puppeteer = require('puppeteer');const fs = require("fs");const rp = require("request-promise");(async () => { const browser = await pu...
2019-08-16 12:41:19
321
原创 简单易懂的XSS & CSRF（资源引用）
XSS & CSRF资料https://github.com/YvetteLau/Blog至此，结束。
2019-08-13 14:55:13
155
原创 一秒入门服务器搭建
搭建服务器时，在服务器上启动了node 项目，外网通过ip 没发访问。然后进行了下面的配置：# 1. 安装firewalldyum install firewalld firewall-config# 2. 运行firewalldsystemctl start firewalld# 3. 查看firewalld状态systemctl status firewalld 或者 firew...
2019-07-27 11:28:41
151
原创 实现Promise
实现Promise参考：手写 Promise 教程/** * 自己实现一个 promise * Promise */const STATUS = { PENDING: 1, FULFILLED: 2, REJECT: 3}class PPromise { constructor(executor) { this.status = STATUS.P...
2019-07-22 22:54:11
134
原创 CSS 小效果记录
CSS 小效果记录1. 弹性盒子布局（所有浏览器都兼容）<style> .box { width: 256px; height: 256px; text-align: justify; } .box::before { content: ''; display: inline-block; height: 100%; ...
2019-07-22 00:35:14
142
凯撒加密软件及其源码
2012-04-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人