一分钟学会看懂 chrome network 瀑布图

2020-04-09
阅读 1 分钟
6.1k
Queueing. 浏览器在以下情况下将请求排入队列: 有更高优先级的请求。 已为该来源打开了六个TCP连接,这是限制。仅适用于HTTP / 1.0和HTTP / 1.1。 浏览器正在磁盘缓存中短暂分配空间 Stalled. 出于Queueing描述的任何原因,该请求都可能被暂停。 DNS Lookup. 浏览器正在解析请求的IP地址 Proxy negotiation. 流览器正在...

你不知道的linear-gradient小知识

2020-02-23
阅读 1 分钟
1.3k
假设我们想要得到以下结果:带有一束等宽的垂直条纹的渐变颜色的十六进制值为:#5461c8,#c724b1,#e4002b,#ff6900,#f6be00,#97d700,#00ab84和#00a3e0。

canvas简单连线动画

2020-01-16
阅读 5 分钟
4.6k
首先创建个标签<canvas id="canvas" width="400" height="400"></canvas>设置几个点的坐标

过年啦,用canvas画个烟花吧

2020-01-16
阅读 7 分钟
2.7k
前言:马上过年了,我打算在后台里面偷偷地埋个新春祝福+放烟花的彩蛋。项目是基于react+typescript的,因此最后封装成了一个组件,设置好开启时间就可以显示了。

nodejs 压缩文件夹

2020-01-08
阅读 2 分钟
9.5k
前言:开发环境没接jenkins,每次打完包后需要手动压缩上传服务器再解压,体验比较差,因此打算写个自动部署的脚本,在这之前呢,需要对我们打包后的文件做个压缩。

三分钟搞懂js属性描述符之基础知识

2019-12-31
阅读 3 分钟
1.5k
前言:这年头所有用过vue的人都知道get,set,Object.defineProperty,可听到属性描述符却有点懵。另外实际使用的场景有哪些,又有哪些坑可能很多人并不清楚,因此打算分两篇文章,一篇讲基础知识,另一篇讲实际应用中的坑。

ueditor自定义控件和图片请求

2019-12-30
阅读 3 分钟
3.3k
ueditor时百度出的一款非常强大的富文本编辑器,但是并不能将它理解为一个现成的编辑器。富文本编辑器的原理并不复杂,核心api是document.execCommand,以及Selection和Range操作。对于一些自定义的控件,则可以用原生的dom操作完成。然而正式因为dom操作和状态判断非常复杂,因此ueditor铺设了整个编辑器的底层逻辑。所...

React中使用UMEditor

2019-12-26
阅读 3 分钟
2.4k
最近项目中需要使用富文本编辑器,参考了运营小姐姐日常使用平台上的编辑器,最后考虑采用百度的UMEditor。因为轻量,功能和配置简单,没有很多定制化的功能,所以没采用UEditor。不过我后续会出一篇文章将UEditor的二次开发。

三分钟搞懂正则之反向引用和零宽断言

2019-09-04
阅读 2 分钟
3.7k
其中1, 2的语法就叫做反向引用,他们分别表示捕获到的第一个,第二个内容,最多可以使用到9,表示捕获到的第9个内容。注意引用的,是捕获到的内容,而不是捕获规则。所以(\w)(\w)\1\2 表示的就是一个xyxy的结构,因此匹配到了"cdcd"。下面举几个小栗子:

三分钟搞懂正则之捕获

2019-09-03
阅读 2 分钟
2.3k
如果把正则看做一门语言,那么元字符就是其最基本的语法,只有熟练掌握了元字符,才能敲开正则的大门。熟悉的同学可以跳过这一部分。常用的元字符有一下这些:

使用less生成公共样式

2019-08-02
阅读 2 分钟
6.2k
项目初始阶段需要根据设计稿抽离出公用的样式,比如width,height,padding,margin,这时候就可以使用less的变量,函数,循环,快速生成原子级样式

nodejs对项目下所有空文件夹创建gitkeep

2019-08-01
阅读 1 分钟
2k
项目/框架初始化时可能需要保留一些空文件,这时候就需要批量新增gitkeep {代码...}

解决antd icon打包过大的问题

2019-06-03
阅读 1 分钟
9.1k
1.webpack配置alias {代码...} 2.在src目录下编写icons.ts,内容是使用到的icon {代码...} 注:1.如果打包错误,请检查alias的配置和icons.ts的路径2.icon.ts的内容,包括自己用到的icon和组件用到的icon

asnyc/await的并行

2019-01-24
阅读 1 分钟
2.7k
一直以为es7里面的async和await可以用来简化串行异步代码,而没有想到还能并行。说到底,这俩货不过是promise的语法糖,await的作用只是串行解析promise。通常我们这样写:

使用postman循环调用某接口

2019-01-16
阅读 1 分钟
13k
接上篇: 使用postman创建collection测试接口上篇讲了使用postman创建工作流,第一步查询到职位列表,并保存id,第二步根据id查询到职位详情。那么这篇讲如何依次查询到列表中的每一个职位详情。核心代码也很简单,就是postman.setNextRequest()

使用postman创建collection测试接口

2019-01-15
阅读 1 分钟
4k
postman可以创建一个工作流按顺序测试多个接口,并可以将前面的接口的返回值作为变量传递给后面的接口使用。 比如要顺序测试智联卓聘的接口:1.[链接] 查询职位列表2.[链接] 查询职位详情 那么我们首先编辑两个接口: body部分 Pre-request Script中可以在请求发送前设置一个环境变量:Q;body中可以使用{{}}的形式获取环...

setState的"异步"小结

2019-01-05
阅读 1 分钟
2k
关于setState的异步,随便一搜就是一堆文章,从各种现象到海量源码,长篇巨制洋洋洒洒,像我这样的新手看得云里雾里,晕头转向。但这个问题又无比简单,仅需理解两点浅显的道理,便能拨云见日:1.同步代码不可能异步;2.如果"异步"了,一定是执行顺序发生了改变。

浏览器缓存小结

2018-12-28
阅读 3 分钟
1.5k
一. 分类 浏览器的缓存,从状态码来看一共有两种 304:确认没有修改 200:不发请求,直接读取缓存 从设置方式来看,有四种(暂不考虑Service Worker) maxAge Application Cache Last-Modified/If-Modified-Since Etag/If-None-Match maxAge 设置方法: {代码...} 说明: 浏览器在发送请求之前由于检测到Cache-Control和...

理解Redux

2018-12-11
阅读 4 分钟
1.2k
1.context 关键词: 状态共享--状态提升--this.context.xxx 父组件 {代码...} 子组件 {代码...} 2. dispatch 关键词:专门负责数据修改,dispatch==stateChanger 数据state {代码...} {代码...} 根据action对象,预设了type和响应的处理 3.store 关键词: store = state + dispatch(+subscribe) subscribe==addListener...

在安装了ABP去广告插件的情况下,如何免登录浏览csdn的博客

2018-12-11
阅读 1 分钟
2.4k
1.安装一个油猴加插件 2.进入油猴的管理面板新增一个js脚本,内容如下 {代码...} 其实就是把倒计时的数字改了一下,是不是很简单粗暴,哈哈

rsa 算法简单实例

2018-10-29
阅读 1 分钟
13.2k
(1)选择一对不同的、足够大的素数p,q。(2)计算n=pq。(3)计算f(n)=(p-1)(q-1),同时对p, q严加保密,不让任何人知道。(4)找一个与f(n)互质的数e,且1<e<f(n)。(5)计算d,使得de≡1 mod f(n)。(6)公钥KU=(e,n),私钥KR=(d,n)。(7)加密时,先将明文变换成0至n-1的一个整数M。若明文较长,可先分割成适...