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规定的
另起炉灶 or 顺藤摸瓜？聊聊 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
MVC 套路模板
代码最重要的模仿，就是把形式背下来模板// view
let view = document.querySelector('.xxx')
// model
let model = {
init: function() {},
fe
JS 怎么实现继承
继承的本质就是两件事：继承属性和继承方法看完这篇博客，你将了解：ES5 代码实现继承ES6 代码实现继承js 继承背后的原理ES5 代码实现继承ES5 代码两句解决：继承属性：调用父类构造函数继承方法：原型链指向父类原型function H
JS 怎么封装对象
对象封装的本质本质很简单，就是构造一个返回一个对象的函数想想 jQuery 中 api 的构造方式，它就是典型的 “函数返回对象” 式 api范例代码//这是构造函数，这里放差异属性
function 士兵(id) {
this.I
icon 全解
前端小问题：如何在 1 和 2 中间打两个空格？如果直接 <body>1 2</body>，显示的是 1 2（只留一个空格）正确做法是使用转义： （牛逼空格）或 这种叫 html entity
Cookie, Session, localStorage, sessionStorage 是什么鬼
本质Cookie 是服务器一个响应头，浏览器一个请求头Session 是一个值为随机数的 CookielocalStorage 是浏览器永久储存的一个哈希sessionStorage 是浏览器临时储存的一个哈希Cookie 详解详见 Coo
Cache-Control 缓存控制详解
Cache-Control 简单应用介绍 Cache-Control 就是缓存控制。为提高网页访问速度，我们命令浏览器将请求到的一些资源缓存下来（保存到本地）下次再请求相同资源时，不走服务器，直接从本地获取，这就是缓存控制代码 服务器简
自己写一个 jQuery api
jQuery api 的本质jQuery 本质是接受一个节点返回一个对象，一个对该节点各种操作方法组成的对象如下：let $div = $('div') // 形参 dom 获得实例
$div.addClass('blue') //
在登录注册中使用 Cookie 和 Session
准备知识无论 Cookie 还是 Session 的相关代码，都是在后台完成的，前端不用做Cookie 是什么见 Cookie 详解Session 是什么一句话总结：服务器通过 Cookie 给用户一个 sessionId, session