![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
Zhi.C.Yue
这个作者很懒,什么都没留下…
展开
-
tcpdump 抓包
tcpdump 抓包原创 2022-05-21 11:57:50 · 1793 阅读 · 0 评论 -
终端常用的命令
零碎工具记录原创 2022-05-16 20:42:07 · 865 阅读 · 0 评论 -
Linux 网络命名空间
Linux network namespace原创 2022-04-25 23:19:10 · 1013 阅读 · 0 评论 -
sql查询语句记录
常用的sql 脚本攻击记录原创 2022-04-11 20:04:32 · 541 阅读 · 0 评论 -
设计模式之策略模式实践
设计模式原创 2022-04-02 17:02:08 · 971 阅读 · 0 评论 -
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 · 762 阅读 · 0 评论 -
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 · 409 阅读 · 0 评论 -
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 · 125 阅读 · 0 评论 -
TCP/IP 协议相关
TCP/IP 协议https://calibreapp.com/blog/react-performance-profiling-optimization(待更新)原创 2021-02-24 10:46:20 · 135 阅读 · 0 评论 -
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 · 349 阅读 · 0 评论 -
磁盘读写能力检测方法
磁盘读写能力检测方法安装 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 · 595 阅读 · 0 评论 -
Docker 搭建mysql 环境
通过 vagrant 搭建的虚拟机docker 环境,执行命令时如何去掉前面的 sudo?sudo groupadd dockersudo gpasswd -a vagrant docker重新ssh 进入虚拟机,即可。原创 2020-04-05 12:20:46 · 195 阅读 · 0 评论 -
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 · 216 阅读 · 0 评论 -
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 · 713 阅读 · 0 评论 -
一秒入门服务器搭建
搭建服务器时,在服务器上启动了node 项目,外网通过ip 没发访问。然后进行了下面的配置:# 1. 安装firewalldyum install firewalld firewall-config# 2. 运行firewalldsystemctl start firewalld# 3. 查看firewalld状态systemctl status firewalld 或者 firew...原创 2019-07-27 11:28:41 · 169 阅读 · 0 评论 -
实现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 · 148 阅读 · 0 评论 -
JavaScript 高级程序设计----String类型
String类型String 类型是字符串的对象包装类型,可以像下面这样使用 String 构造函数来创建。var stringObject = new String("hello world");基本的方法:继承的 valueOf()、toLocaleString()和 toString(),还有length。记录点 1 即使字符串中包 含双字节字符(不是占一个字节的 ASCII 字符...原创 2019-01-10 23:12:15 · 174 阅读 · 0 评论 -
JavaScript 高级程序设计----Date类型
Date 类型Date.parse : 接收一个表示日期的字符串参数,然后尝试根据这个字符串返回相应日 期的毫秒数。var someDate = new Date(Date.parse(“May 25, 2004”));var someDate = new Date(“May 25, 2004”);两种方式等价,后者会自动调用date.parseDate.UTC: 同样也返回表示日期...原创 2019-01-06 17:37:47 · 461 阅读 · 2 评论 -
JavaScript 高级程序设计----Array类型
Array 类型转换方法记录点 1 所有对象都具有 toLocaleString()、toString()和 valueOf()方法。array.join栈方法array.push, array.pop队列方法array.shift, array.push重排方法array.reverse, array.sortsort()方法可以接收一个比较函数作为参 数,以便我们指定哪...原创 2019-01-06 17:40:17 · 1499 阅读 · 0 评论 -
浏览器兼容性 css 笔记
清除ie10 select 框的下拉箭头:/*清除ie的默认选择框样式清除,隐藏下拉箭头*/select::-ms-expand { display: none; }原创 2019-02-27 18:37:26 · 186 阅读 · 0 评论 -
前端优化笔记
前端优化DNS预解析(待完成)原创 2019-04-10 20:12:26 · 274 阅读 · 0 评论 -
CSS 伪类选择器
CSS 伪类选择器:first-child兼容性:IE8+、FireFox、Chrome、Safari、Opera<style> section:first-child { color: yellowgreen; }</style><!-- 只有第一个section 被选中 --><section> <di...原创 2019-02-26 23:41:48 · 421 阅读 · 0 评论 -
Vue 源码学习
Vue 源码学习资料熟悉设计模式AST 抽象语法树https://www.cnblogs.com/ztfjs/p/vue2.html(未完,待续)原创 2019-05-02 11:27:58 · 1649 阅读 · 0 评论 -
mac 安装python & pip3
自行学习python 时,记录一些工具的安装方式。参考资料:下面是python3 和 flask 示例:1. 安装python3 & pip3brew install python3# 执行完上面的指令,可能没有 pip3,可以继续执行下面的指令brew postinstall python32. 配置python3 flask2.1 虚拟环境# 安装 virtua...原创 2019-06-14 00:14:01 · 402 阅读 · 0 评论 -
js 中的bind
记录Understanding JavaScript Bind ()转载 2019-07-12 18:56:32 · 227 阅读 · 0 评论 -
CSS重绘、回流
CSS 重绘、回流触发页面重布局的一些css属性盒子模型相关属性会触发重布局widthheightpaddingmargindisplayborder-widthbordermin-height定位属性及浮动也会触发重布局topbottomleftrightpositionfloatclear改变节点内部文字结构也会触发重布局text-align...原创 2019-07-15 19:32:53 · 306 阅读 · 0 评论 -
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 · 156 阅读 · 0 评论 -
JavaScript 高级程序设计----RegExp类型
遇到的一些正则表达式,经常翻看,以温故知新。正则中包含竖线:// 可以匹配 &quot;main.js&quot;, &quot;/main.js&quot;, &quot;?main.js&quot;jsExtRegExp = /^\/|:|\?|\.js$/; 至此,结束!原创 2019-01-09 22:23:37 · 196 阅读 · 0 评论