Jacoh的专栏

tcpdump 抓包

零碎工具记录

Linux network namespace

常用的sql 脚本攻击记录

设计模式

本文解读常见的 http 请求、响应头部信息Part 1. 连接相关的头部信息Connect 头部如下是三种用法：Keep-Alive 长连接。客户端请求长连接 Connect: Keep-Alive，服务器表示支持长连接 Connect: Keep-Alive，客户端后续复用连接。HTTP/1.1 默认支持长连接，因此无需设置 Keep-Alive。Close 短连接对代理服务器的要求：不转发 Connect 列出头部，该头部仅与当前连接相关Connect 仅针对当前连接有效。假设

记录一些常见的 http 响应码，及其对应含义：响应码规范：RPC6585 （2012.4）、RPC7231 （2014.6）响应码分类 1xx1xx 请求已接收到，需要进一步处理才能完成，HTTP1.0 不支持。100 Continue：上传大文件前使用。由客户端发起请求中携带 Expect: 100-continue 头部触发101 Switch Protocols：协议升级使用。由客户端发起请求携带 Upgrade: 头部触发，如升级 websocket 或 http/2.0102

CSS3 不容易被使用的属性主要内容1. 优化显示文本主要内容本博文主要记录平时看到的一些 CSS3 的高级用法，在需要的时候可以查阅。1. 优化显示文本有时，字体并不能在所有设备上都达到最佳的显示，所以可以让设备浏览器来帮助你：html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}注：请负责任地使用 o

TCP/IP 协议https://calibreapp.com/blog/react-performance-profiling-optimization(待更新)

requestIdleCallback 示例通过具体实际例子，来理解浏览器性能优化相关的api，即requestIdleCallback.示例一/** * 原文网站 * https://www.cnblogs.com/galenyip/p/4856996.html */var eventsToSend = [];var isRequestIdleCallbackScheduled = false;function onNavOpenClick() { // animate th

磁盘读写能力检测方法安装 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...

通过 vagrant 搭建的虚拟机docker 环境，执行命令时如何去掉前面的 sudo？sudo groupadd dockersudo gpasswd -a vagrant docker重新ssh 进入虚拟机，即可。

React 组件构建的三种方法React.createClassconst Button = React.createClass({ getDefaultProps() { return { color: 'blue', text: 'Confirm' } }, render() { <button className={`btn btn-${color}...

React 自定义hook学习react 做的示例示例代码example.jsimport React, { useState, useEffect, useCallback } from 'react';function useWinSize() { const [size, setSize] = useState({ width: document.docu...

搭建服务器时，在服务器上启动了node 项目，外网通过ip 没发访问。然后进行了下面的配置：# 1. 安装firewalldyum install firewalld firewall-config# 2. 运行firewalldsystemctl start firewalld# 3. 查看firewalld状态systemctl status firewalld 或者 firew...

实现Promise参考：手写 Promise 教程/** * 自己实现一个 promise * Promise */const STATUS = { PENDING: 1, FULFILLED: 2, REJECT: 3}class PPromise { constructor(executor) { this.status = STATUS.P...

String类型String 类型是字符串的对象包装类型，可以像下面这样使用 String 构造函数来创建。var stringObject = new String("hello world");基本的方法：继承的 valueOf()、toLocaleString()和 toString()，还有length。记录点 1 即使字符串中包 含双字节字符(不是占一个字节的 ASCII 字符...

Date 类型Date.parse : 接收一个表示日期的字符串参数，然后尝试根据这个字符串返回相应日 期的毫秒数。var someDate = new Date(Date.parse(“May 25, 2004”));var someDate = new Date(“May 25, 2004”);两种方式等价，后者会自动调用date.parseDate.UTC: 同样也返回表示日期...

Array 类型转换方法记录点 1 所有对象都具有 toLocaleString()、toString()和 valueOf()方法。array.join栈方法array.push, array.pop队列方法array.shift, array.push重排方法array.reverse, array.sortsort()方法可以接收一个比较函数作为参 数，以便我们指定哪...

清除ie10 select 框的下拉箭头：/*清除ie的默认选择框样式清除，隐藏下拉箭头*/select::-ms-expand { display: none; }

前端优化DNS预解析

CSS 伪类选择器:first-child兼容性：IE8+、FireFox、Chrome、Safari、Opera&lt;style&gt; section:first-child { color: yellowgreen; }&lt;/style&gt;&lt;!-- 只有第一个section 被选中 --&gt;&lt;section&gt; &lt;di...

Vue 源码学习资料熟悉设计模式AST 抽象语法树https://www.cnblogs.com/ztfjs/p/vue2.html(未完，待续)

自行学习python 时，记录一些工具的安装方式。参考资料：下面是python3 和 flask 示例：1. 安装python3 & pip3brew install python3# 执行完上面的指令，可能没有 pip3，可以继续执行下面的指令brew postinstall python32. 配置python3 flask2.1 虚拟环境# 安装 virtua...

记录

CSS 重绘、回流触发页面重布局的一些css属性盒子模型相关属性会触发重布局widthheightpaddingmargindisplayborder-widthbordermin-height定位属性及浮动也会触发重布局topbottomleftrightpositionfloatclear改变节点内部文字结构也会触发重布局text-align...

CSS 小效果记录1. 弹性盒子布局（所有浏览器都兼容）<style> .box { width: 256px; height: 256px; text-align: justify; } .box::before { content: ''; display: inline-block; height: 100%; ...

遇到的一些正则表达式，经常翻看，以温故知新。正则中包含竖线：// 可以匹配 &amp;quot;main.js&amp;quot;, &amp;quot;/main.js&amp;quot;, &amp;quot;?main.js&amp;quot;jsExtRegExp = /^\/|:|\?|\.js$/; 至此，结束！