Website/SEO

推荐几个数据大屏可视化开发工具

目录 Antv Codemirror Vue.Draggable(Sortable.js) vue-draggable-resizable vue-grid-layout html2canvas vcolorpicker vue-form-maker 一个简单的数据大屏可视化编辑所需要的功能包括如下几点: 工具推荐 针对功能解剖后,拆解涉及的功能模块,不同模块中涉及到比如图表、拖拽、拉伸收缩、代码 […]

http1、http2、http3的特点和解析

HTTP2采用二进制格式传输,取代了HTTP1.x的文本格式,二进制格式解析更高效。 多路复用代替了HTTP1.x的序列和阻塞机制,所有的相同域名请求都通过同一个TCP连接并发完成。在HTTP1.x中,并发多个请求需要多个TCP连接,浏览器为了控制资源会有6-8个TCP连接都限制(chrome限制为6个)。 HTTP2中同域名下所有通信都在单个连接上完成,消除了因多个 TCP 连接而带来的延时和内 […]

JS 事件轮询机制,以及宏任务队列与微任务队列

先看一道经典的面试题: 这道题主要考察的是事件循环中函数执行顺序的问题,其中包括async ,await,setTimeout,Promise函数。下面来说一下本题中涉及到的知识点。 笔记结尾会分析该道题的逻辑,我们先复习一下题目涉及的知识点。 目录 一、为什么JavaScript是单线程? 二、事件轮询(Event Loop) 三、宏任务和微任务 四、举例说明示例(重要) 五、总结 一、为什么J […]

JS 深度优先遍历(DFS)和广度优先遍历(BFS)

在开发页面的时候,我们有时候会遇到这种需求:在页面某个dom节点中遍历,找到目标dom节点,我们正常做法是利用选择器document.getElementById(),document.getElementsByName()或者document.getElementsByTagName(),但在本文,我们从算法的角度去查找dom节点,同时理解一下深度优先遍历(DFS)和广度优先遍历(BFS)的原理 […]

JS 的防抖和节流的解释与运用

防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。 场景:监听滚动条实现回到顶部功能 返回按钮只会在滚动到距离顶部一定位置之后才出现,那么我们现在抽象出这个功能需求– 监听浏览器滚动事件,返回当前滚条与顶部的距离。这个需求很简单,直接写: 但是,在运行的时候会发现存在一个问题:这个函数的默认执行频 […]

利用 hexo 搭建自己的静态博客

介绍 hexo是一款基于Node.js的静态博客框架,方便、快捷。并且有丰富的主题可供选择,是大多数开发者的首选。 环境配置 安装node.js 安装git,注册github账户, nodejs可以到nodejs官网下载相应的版本; git是目前比较流行的版本控制系统,这里推荐廖雪峰老师的git教程,大家可以安装学习,github的安装注册更不用我再废话了,我们这里主要是利用 github 提供的 […]

一篇文章彻底了解 HTTP 发展史

转自公众号:极客猴 目录 HTTP 0.9 HTTP 1.0 HTTP 1.1 HTTP 2.0 HTTP 3.0 HTTP 协议可以算是在人们日常生活、工作用得比较多的协议。我们使用浏览器访问网页,就是通过 HTTP 来传递数据;客户端跟服务器交互,大部分会使用到 HTTP 协议。对于我们做数据采集的人来说,也是再正常不过。Requests 和 Scrapy 都是对 HTTP 进行封装的支持自定 […]

如何发布自己的 npm 包

目录 什么是 npm? 如何发布一个自己的 npm 包 什么是 npm? npm 是 javascript 著名的包管理工具,是前端模块化下的一个标志性产物,简单地地说,就是通过 npm 下载模块,复用已有的代码,提高工作效率;和移动端开发中,iOS 使用的 Cocoapods,Android 使用的 maven 有异曲同工之妙。 如何发布一个自己的 npm 包 1、创建一个 npm 的账号 发布 […]

使用 jsDelivr 来优化网站访问速度

优化原理 想要提升网站的访问速度,基本上切入点无非是优化前后端的访问性能。第一步肯定是 Profile,通过各种方法,看看速度的瓶颈在哪里。 我的 Blog 架构比较简单,问题不出在后端,通过 Chrome 的 Developer Tools 的 Network 可以评测得出,还是出在网络访问性能上,前端加载的一些资源文件(JS、CSS 等)太耗时,加载时长要好几百 ms,部分甚至超过 1s。导致 […]

CSRF 攻击与防御

CSRF 是什么 CSRF(Cross Site Request Forgery) 跨站请求伪造。也被称为 One Click Attack和Session Riding,通常缩写为 CSRF 或 XSRF。如果从名字你还不不知道它表示什么,你可以这样理解:攻击者(黑客,钓鱼网站)盗用了你的身份,以你的名义发送恶意请求,这些请求包括发送邮件、发送消息、盗取账号、购买商品、银行转账,从而使你的个人隐 […]