JavaScript的不断发展，功能不断增强，代码也就越来越复杂，伪类便于管理和维护，模块化必不可少 规范的作用就是统一一规则，让所有人都可以分享让自己制作的模块；比如USB接口，鼠标线、U盘、数据线，只要实现了接口就以插入电脑，连接上外设。 CommonJS 主要用于nodejs，服务端语言的，同步加载的模块规范 CommonJS也是一种规范，而nodejs的模块化内...
统一端开发
移动App开发 Native App Native App开发指的是移动端原生APP开发，比如qq，微信这种应用，不需要用浏览器打开的。原生应用的开发主要依赖于手机的操作体统，开发者调用操作系统的一些API完成一些交互。手机的操作系统主要有Android和IOS两种，这种不同操作系统都有各自的主流开发语言： Android使用Java IOS使用Object-c 这里...
three.js学习
环境本次是以学习为主，均为一些demo，不必要搞复杂。所以直接使用CDN资源。 12345678910111213141516171819<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http...
ES6:Iterator、Gengerator、Async/Await
Iterator概念iterator遍历器，为了给js中多种的数据结构（原来的Array，String和ES6的Set，Map）加一个统一简单的调用，加上了一个Iterator接口，可以统一使用for...of来按一定顺序遍历数据结构。【嗯，还有扩展运算符...】 ES6为以下一些结构实现了iterator接口 Array String Set Map argument...
面向对象编程
概念 ”你怎么理解面向对象编程的？“，面试的时候被问到这个问题，我突然才意识到我是不懂面向对象编程，我不知道它和其他范式的区别，为什么要有它？它有什么优势？我能回答出它的三个特征，编程也能写类，但我依然不知为什么要这样做。下面是查了一些资料后的理解。 先来顾名思义吧，”面向对象“，”面向“指的是侧重，更关注。核心是”对象“，对象指的是工作...
前端路由原理（vue-router源码）
路由原理前端路由：在单页应用里面，路由要做到的就是，改变url不刷新页面但是可以改变ui；一般有两种方式实现 hash方式 url中的#后的字符串称为hash，改变这一段是不会引起页面刷新的，一般用来做锚点进行页面内的导航； 有一个事件hashchange可以用来监听url中hash的变化；无论时浏览器的前进后退，还是<a>标签、还是location改变都会触...
前端抠图？
做了之前几篇文章，感觉自己可以了，突然想做一个浏览器的ps可以吗？然后上网搜了一下，发现有公司已经做出产品了。。。all right，伟大构思慢了一步，出生太晚了。 图片拼接？ drawImage两次，记一下图片的高度即可 图片水印？ 也是两次drawImage。。。一次原图，一次水印 然后发现一个比较有趣的功能——抠图。这个功能应该是特别常见，从原图中获取一部分...
图片马赛克
ImageData对象 canvas的ctx.getImageData(left.top,width,height)可以获取canvas图像内的特定位置宽高的像素信息，这些信息存放在一个ImageData对象里面。 ImageData内就是数组，根据特定公式获取对应位置的像素的R/G/B/Alpha的信息： 例如，要读取图片中位于第50行，第200列的像素的蓝色部份...
图片裁剪
CanvasRenderingContext2D.drawimage(el, …)canvas的APIcontext.drawimage(el, ...)，接口详情可以参考MDN，这个接口的作用就是在canvas中画出el元素，el可以是video，image，canvas元素，后面的参数就是一些位置宽高信息，从el元素的什么位置截取多少宽高，得到一个图像，在把这个绘制...
图片压缩
图片格式前置概念 图片格式：图片本质上也是文件，写着一些信息，是一些数据；图片用图片浏览软件打开，是软件解析文件，屏幕绘制的结果。即图片是图片信息的编码后的二进制数据，图片格式表示的是图片用何种编码方法。不同图片格式使用的编码方法不一样和有可能对图片进行压缩，如保存图片为jpeg格式，这种格式的编码方式是有损压缩，即可能会丢失一些信息，而png是无损压缩图不丢失（可恢复）...