学习
关注
分享
扫一扫
Zhi.C.Yue
这个作者很懒，什么都没留下…
展开
-
openssl 创建证书
openssl 创建证书原创 2022-08-07 17:10:16 · 798 阅读 · 1 评论 -
tcpdump 抓包
tcpdump 抓包原创 2022-05-21 11:57:50 · 1922 阅读 · 0 评论 -
openssl 生成rsa 秘钥
openssl 生成 rsa原创 2022-05-19 21:40:09 · 1085 阅读 · 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 · 441 阅读 · 0 评论 -
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 · 207 阅读 · 0 评论 -
TCP/IP 协议相关
TCP/IP 协议https://calibreapp.com/blog/react-performance-profiling-optimization(待更新)原创 2021-02-24 10:46:20 · 165 阅读 · 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 · 432 阅读 · 0 评论 -
yum 换源
yum 换源参考：https://blog.youkuaiyun.com/inslow/article/details/54177191至此，结束。原创 2020-05-07 10:29:32 · 280 阅读 · 0 评论 -
性能统计工具 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 · 2509 阅读 · 0 评论 -
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 · 888 阅读 · 0 评论 -
Docker 搭建mysql 环境
通过 vagrant 搭建的虚拟机docker 环境，执行命令时如何去掉前面的 sudo？sudo groupadd dockersudo gpasswd -a vagrant docker重新ssh 进入虚拟机，即可。原创 2020-04-05 12:20:46 · 224 阅读 · 0 评论 -
babel 转码示例探究
目前的前端开发中，基本都要使用babel 来进行对应的代码处理，例如es2015 规范的代码转码为浏览器支持的es5。那么babel 是如何做的处理的？babel 插件阮一峰 es6 这里是一小段代码，可以根据不同的babel 插件进行测试，对balel 的transform 来一探究竟。打开终端，执行如下命令：>> mkdir babel-test &&...原创 2020-01-26 20:17:07 · 309 阅读 · 0 评论 -
react 自动化测试
目前比较流行的react 测试框架有 jest 和 Enzyme。自动化测试需要一个持续集成服务器（CI）将整个流程自动化。如果使用Github，可以使用 Travis CI；如果使用了GitLib，可以使用Circle CI。其他~（待更新）...原创 2019-12-30 09:31:11 · 619 阅读 · 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 · 175 阅读 · 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 · 186 阅读 · 0 评论 -
简单易懂的XSS & CSRF（资源引用）
XSS & CSRF资料https://github.com/YvetteLau/Blog至此，结束。原创 2019-08-13 14:55:13 · 197 阅读 · 0 评论 -
圣杯布局和双飞翼布局
圣杯布局和双飞翼布局圣杯布局：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圣杯布局</title> <style> html, body, .parent { ...转载 2019-07-15 17:37:21 · 149 阅读 · 0 评论 -
深入浅出webpack 引用记录
分享一篇介绍webpack 非常好的网址。引用网址：http://webpack.wuhaolin.cn/至此，结束。原创 2019-10-01 19:33:25 · 191 阅读 · 0 评论 -
Chrome开发者工具的Performance 使用指南
React 官方文档中附加的外链。资料：Profiling React performance原创 2019-07-14 10:12:46 · 2824 阅读 · 0 评论 -
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 · 372 阅读 · 0 评论 -
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 · 1049 阅读 · 0 评论 -
ES Modules
ES Modules资料：图解 ES Modules原创 2019-09-08 12:22:26 · 340 阅读 · 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 · 759 阅读 · 0 评论 -
vscode 配置eslint & vue
vscode 配置 elsint & vue分享的文章描述的比较好，自己也自测成功。现记录分享资料：VSCode环境下配置ESLint 对Vue单文件的检测至此，结束原创 2019-09-22 17:38:27 · 245 阅读 · 0 评论 -
ES7 装饰器使用示例
ES7 装饰器使用示例示例代码：// ts 装饰器// 类装饰器function aClass(target: any): void { // target 为当前装饰的类 target.prototype.name = '动态扩展的属性' target.prototype.run = () => { console.log('2.动态扩展的...原创 2019-10-01 19:17:55 · 471 阅读 · 0 评论 -
完全理解 redux （内容为其他网站引用）
完全理解redux引用网上分享的文章：https://mp.weixin.qq.com/s/SEtYfMofnGNoxYpXWx1wDg附：（上面的文章参考的文章）从零实现一个 reduxreact.js 小书至此，结束。...原创 2019-10-03 10:55:26 · 198 阅读 · 0 评论 -
js 事件循环整理
参考博文：https://blog.youkuaiyun.com/duola8789/article/details/833148801. setTimeout 中的document.write先看代码:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset=&a原创 2019-01-01 23:21:38 · 188 阅读 · 0 评论 -
location 简介
日常开发中经常忘记，不能够非常准确编码。因而写博客记录：资料：https://developer.mozilla.org/zh-CN/docs/Web/API/History_APIwindow.location 简介打开浏览器输入：https://juejin.im/foo/bar?name=Jay&age=12#ba以下是获取的各自对应值：// hash 返回URL ...原创 2019-07-04 14:53:29 · 366 阅读 · 0 评论 -
js 中的bind
记录原创 2019-07-12 18:56:32 · 268 阅读 · 0 评论 -
浏览器缓存机制
浏览器缓存机制参考：实践这一次,彻底搞懂浏览器缓存机制分三部分：DNS缓存、CDN缓存、浏览器缓存(http缓存)DNS缓存？什么是DNS全称 Domain Name System，即域名系统。DNS 解析将域名解析为对应 IP 地址。www.dnscache.com (域名) - DNS解析 -> 11.222.33.444 (IP地址)DNS 缓存有dns的...原创 2019-03-04 23:17:42 · 191 阅读 · 0 评论 -
html5 video/audio 标签
html5 video/audio 标签Video认识video支持的常见格式：mp4、webm、ogv浏览器兼容：safari 只支持 mp4 格式；ie9 支持video标签，格式只支持mp4；&lt;!-- 写法一 --&gt;&lt;video src="static/video.mp4" controls&gt;&lt;/video&gt;原创 2019-02-24 11:26:08 · 1074 阅读 · 0 评论 -
html 5 特性
html 5 特性input说明：移动端效果略。<input type="email" name="email"><input type="url" name="url"><input type="tel" name="tel"><input type="number&q原创 2019-02-24 00:12:03 · 192 阅读 · 0 评论 -
es6 中 promise 实现原理
es6中promise 实现原理以下是学习promise 原理时看到的比较好的版本：版本一参考链接：https://github.com/muwoo/blogs/** * index.js * @author monkeywang * Date: 2018/3/5 */var PENDING = 0;var FULFILLED = 1;var REJECTED = 2;...原创 2019-02-27 22:44:39 · 795 阅读 · 0 评论 -
html 5 新的标签
html 5 新标签介绍(部分吧，非完整)结构化标签使用关系并列：header、section、footer嵌套：header、section、footer &gt; aside、article、figure、hgroup、nav &gt; div多媒体标签video、audio、source、canvas、embed状态标签meter、process&lt;meter ...原创 2019-02-23 14:22:37 · 360 阅读 · 0 评论 -
JS 内存泄漏
https://auth0.com/blog/four-types-of-leaks-in-your-javascript-code-and-how-to-get-rid-of-them/原创 2019-01-06 10:37:55 · 324 阅读 · 1 评论 -
JavaScript 高级程序设计----String类型
String类型String 类型是字符串的对象包装类型，可以像下面这样使用 String 构造函数来创建。var stringObject = new String("hello world");基本的方法：继承的 valueOf()、toLocaleString()和 toString()，还有length。记录点 1 即使字符串中包 含双字节字符(不是占一个字节的 ASCII 字符...原创 2019-01-10 23:12:15 · 204 阅读 · 0 评论 -
javascript 对象注册自定义监听器
事件监听的方式实现js 对象事件的订阅/发布。eventEmitter 主要有三个接口方法：registe: 注册事件监听on: 订阅事件emit: 发布事件使用示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=原创 2018-12-31 18:07:39 · 413 阅读 · 0 评论 -
UMD 模块编码模板
UMD 模块编码模板。根据jquery 源码提取。代码如下：(支持amd、cmd、commonjs规范的模块加载);(function( global, factory ){ "use strict"; if ( typeof module === "object" &amp;&amp; typeof module.exports === "object&qu原创 2019-01-03 20:59:24 · 1327 阅读 · 1 评论 -
js 模块化规范（commonjs、AMD、ES6、CMD）
开发中最流行的 commonjs、AMD、ES6、CMD 规范。原文地址：https://mp.weixin.qq.com/s/MPEhWlS9KiIc9I6Of5GpOQ在原文基础上，增加个人的理解学习笔记commonjsNode 应用由模块组成，采用 CommonJS 模块规范。每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可...原创 2018-12-31 12:55:39 · 522 阅读 · 0 评论 -
js 数组一些高级操作
js 数组一些高级操作参考地址：JS 面试之数组的几个不 low 操作前言本文主要从应用来讲数组 api 的一些操作，例如一行代码扁平化n 维数组、数组去重、求数组最大值、数组求和、排序、对象之间的转化等。记录一：扁平化 n 维数组 [1, [2, 3]].flat(2); // [1, 2, 3][1, [2, 3, [4, 5]]].flat(3); // [1, 2, 3,...原创 2019-03-20 19:52:02 · 1512 阅读 · 0 评论