这可能是最简单的 b 站封面提取教程
不多废话，直奔主题第一步. 打开浏览器，添加一个书签以谷歌浏览器为例，其他类似第二步. 填写名称和网址名称:：封面(随便起)网址：javascript:window.open(__INITIAL_STATE__.epInfo? __INIT
Map对象
介绍这个对象是在 leetcode 刷题时遇到的，用作哈希表。MDN 的描述是Map 对象保存键值对，任何值都可以作为一个键或一个值Object 和 Maps 都允许存取键值，过去我们一直把对象当成 Maps 使用。不过Map 的键更自由
从一份 Pong 游戏源码到 JS 游戏框架的思考
扯淡前言今天在 codepen 上发现一个 pong （也就是乒乓）的 Canvas 游戏，做的挺不错的，于是解读了它的源码，从中总结了一种 Canvas 游戏设计的思路和框架。运用这份框架，我写了一个 贪吃蛇 和 黑桃王 (一种扑克游戏)
js解密：获取 bilibili 弹幕的引用
因为脚本开发需要，为了获取 b 站弹幕的引用，琢磨了一整天 b 站源码。一. 查看全局变量首先，用 js 扫描 b 站所有自定义变量和方法var results
(function () {
var currentWindow,
解读一份炫酷 canvas 动画源码
效果预览无意发现一个很好玩的canvas特效，好奇它是怎么运行的，遂拷贝代码运行。效果如下：网址源码html给一个canvas标签，id为canvas var canvas,
ctx,
从 AnimeShare 下载 16 万张图片教会我的事
一. 在浏览器上运行爬虫第一步：获取文件下载链接与文件名，整理为数组（借助油猴脚本这个工具）let curIdx = parseInt(window.location.pathname.match(/\d+/g)[1])
let nxtUr
webSocket.io demo
第一步. 准备var express = require('express');
var app = express();
var serv = require('http').Server(app)
webSocket两端代码
client.jsvar connection = new WebSocket('ws://127.0.0.1:1337')
connection.onopen = function() {}
connection.o
rgba 取值指北
扯淡前言这是一个比较奇葩的需求，但我确实遇到了。直接取最终显色, 因为有透明度属性和背景色叠加，获取的rgb并不是原来的rgb，a的值更是无从确定。如果是参照网页，最推荐的方法当然是开发者工具，直接找它到相关属性就 ok但也有参照对象非网页
nodejs 爬虫思路与代码(附模板)
扯淡本文来源于视频 从零开始写一个 nodejs 爬虫逻辑声明起始 Url获取页面数组遍历页面数组，在每个页面获取所有图链数组遍历图链数组，下载图片关键 API页面请求响应request 函数可以发出网址，接收响应字符串request(网址
手写一个 jQuery 版 ajax
手工实现 ajax，根据上一篇文章 原生js实现jsonp和ajax，我们只需将原生 js 优化为一个简洁的 api。本文的实现，从原生版 ajax 出发看完本文，你将了解：1.利用对象传参的套路将参数表简化2.利用 ES6 的解构赋值去冗
原生 JS 实现 jsonp 和 ajax
看完这篇文章，你将了解1.XMLHttpRequest 对象简要2.JSON 简要3.原生 js 如何实现 JSONP4.原生 js 如何实现 AJAX5.同源策略与 CORS 跨域6.其他小知识一. 预备知识 XMLHttpRequest
捕获与冒泡
捕获与冒泡，是 js 事件传播的相关概念。当一个元素及其父元素，父元素的父元素等身上绑定了多个点击事件时，它们规定了这些事件的执行线索。1.预备知识1：onclick与addEventListener的区别onclick：只能定义一个点击事
JS 数组与常用方法
看完这篇文章，你将了解：js 数组的本质数组的构造函数数组各种常用方法其他小知识一. 数组到底是什么？js里，数组就是一个对象，一个由Array构造出来的对象。区分数组与伪数组（类似数组的对象）的方法是：看它的原型链是否指向Array.pr
JS拾遗(全局对象，临时转换，原型链)
看完这篇博客，你将了解：1.全局对象 window2.基本类型如何调用对象方法？3.公用属性藏在哪？一. 全局对象window全局对象在浏览器中是存在的，比如window对象。window对象，它的属性分两种：1.ECMAScript规定的
JS 内存图与垃圾回收
另起炉灶 or 顺藤摸瓜两个对象的关系，最模棱两可的疑惑往往源于搞不清它们之间是另起炉灶还是顺藤摸瓜a = b同样是赋值操作，b 是对象，拷贝的就是地址。对新地址而言 a 可以顺腾摸瓜，对旧地址而言 a 是另起炉灶b 是基本类型，拷贝的是值
JS 的数据类型
看完这篇博客，你将了解：1.js 都有哪些数据类型？2.简单类型相关细节3.对象类型相关细节4.null与undefined的区别5.其他小知识一. js有七种数据类型简单类型：数字,字符串,布尔,Symbol,null,undefined
初识 HTTP 请求与响应
看完这篇文章，你将了解：1.HTTP 请求包括哪些部分，如何用 Chrome 开发者工具查看 HTTP 请求内容2.HTTP 响应包括哪些部分，如何用 Chrome 开发者工具查看 HTTP 响应内容3.如何使用 curl 命令一. HTT
JS 函数与作用域
看完这篇文章，你将了解：1.js 函数的五种声明方式2.js 函数的本质3.this 和 arguments 是什么4.树与作用域5.其他小知识一. 函数的5种声明方式1：具名函数function f(x,y){ }2：匿名函数var f
vue 组件详解
看完这篇文章，你将了解：为什么要使用组件？全局注册和局部注册组件父组件如何给子组件传递数据？子组件如何给父组件传递数据？非父子组件如何通信？什么是单向数据流？单向数据流的两种应用常景为什么要使用组件？组件 (Component) 是 Vue