一看到javascript中的prototype、__proto__、constructor这些单词是不是有点懵呢？网上有很多高大上的原型链的讲解图，例如下面的这张： 首先把他列出来不是说他不好，只是作为一个对比，我觉得用实例的方式去剖析更…
canvas入门项目之当年的红包图片
还记得16年有段时间微信上线的红包照片功能吗？今天我们就通过canvas来尝试一下具体的实现。 1、效果： 随机 显示 图片来源：图虫网 2、思路： 1、通过css3的filter中的blur实现人物图片的高斯模糊 2、通过定位将canva…
canvas绘制悬浮框
先上效果。 一下是源码，格式化一下就好看了哈 <!DOCTYPE html><html lang="en"><head> <meta…
canvas入门：canvas画布绘制时钟
话不多少，先上效果，哈哈 接下来直接上源码，全部手码，喜欢的记得点个赞哦 代码张的难看？复制下来格式化一下不就好看了么，哈哈 <!DOCTYPE html><html lang=”en”><head…
vue优化：路由懒加载作用，路由为什么要按需加载？
vue优化是个多角度的综合题，今天来通过实例聊一下vue优化中的路由懒加载，也叫按需加载。 路由懒加载作用的直接作用 使用路由懒加载后，可以减小app.js文件的大小，从而缩短第一次打开vue项目的加载时间。 为什么？ 接下来通过一个简单的…
js深拷贝浅拷贝的本质：栈内存与堆内存
不管是工作中还是面试过程中，我们都经常会遇到js深拷贝浅拷贝的问题，那么js为什么会有深拷贝和浅拷贝呢？为什么说它的本质是栈内存与堆内存的问题呢？ 为了从根本上理解深拷贝浅拷贝，那么我们首先说说js的栈内存与堆内存，如果我么理解了栈内存与堆…
js创建对象的方式有哪些？
总： 字面量模式 new Object() Object.create() 工厂模式 构造函数 构造函数+原型组合模式 动态原型 寄生构造函数模式 稳妥模式 分： 字面量 new Object() 直接通过构造函数创建一个新对象。 使用字面…
js判断设备类型的方法：移动端、PC、微信端等等
<script> let ua = navigator.userAgent; // 移动端 let isMobile = (“ontouchstart”…
js实现数组快速乱序
实现原理：使用原生的sort方法，打乱每次的排序规则 <script> var arr = [4, 7, 6, 8, 9] arr.sort(function (a, b) { ret…
js数组去重(js多维数组)
条条大道通罗马，废话不多说，先上一个简洁版的大路： /** * 元素为非数组则直接对数组去重 * 元素为数组则对元素去重 * @param {array} arr * @return {array} */function uniqueArr…
什么是前端模块化开发？
模块化开发是当下最重要的前端开发规范之一，随着项目需求日益复杂，前端代码已经膨胀到需要花费大量时间去管理的程度，模块化是最主流的解决方式，通过将代码按照功能进行拆分，从而降低开发复杂度。 模块化是一种理论思想，并不包含具体的实现，接下来我们…