今天来说一下js阻止事件冒泡(stopPropagation)与阻止元素或方法的默认行为(preventDefault)的区别 dom事件流 说到阻止事件冒泡，那么就要先说一下dom事件流，因为事件冒泡属于事件流概念的一部分。 dom事件流…
手写一个高性价比的js观察者模式实例
观察者模式（Observer Pattern） 观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并自动更新。观察者模式属于行为型模式，行为型模式关注的是对象之间的通讯，观察者模式就是…
浏览器从url键入到页面渲染结束，这个过程发生了什么？
对于前端开发人员来说，缺少了浏览器，前端也就没有存在的意义。尽管我们每天都在用浏览器，但是浏览器从url键入到页面渲染结束，这个过程发生了什么呢？接下来我们就来了解一下。 我们可以分三步去拆解这个过程，每步其实还能继续拆解： 1、DNS解析…
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”…