分类：前端技术

非三角函数方案实现canvas转盘抽奖小游戏，源码和demo

上个案例转盘中的文字，绘制点是通过三角函数精确计算后绘制的，本方案中的文字，没有使用三角函数，而是将文字在（0,0）点旋转后，再进行偏移实现，本案例逻辑上比较简洁。 <!DOCTYPE html><html&nb…

先上源码： <!DOCTYPE html><html lang=”en”><head> <meta …

function getQueryString(name) {var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”…

今天来说一下js阻止事件冒泡(stopPropagation)与阻止元素或方法的默认行为(preventDefault)的区别 dom事件流说到阻止事件冒泡，那么就要先说一下dom事件流，因为事件冒泡属于事件流概念的一部分。 dom事件流…

观察者模式（Observer Pattern）观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并自动更新。观察者模式属于行为型模式，行为型模式关注的是对象之间的通讯，观察者模式就是…

对于前端开发人员来说，缺少了浏览器，前端也就没有存在的意义。尽管我们每天都在用浏览器，但是浏览器从url键入到页面渲染结束，这个过程发生了什么呢？接下来我们就来了解一下。我们可以分三步去拆解这个过程，每步其实还能继续拆解： 1、DNS解析…

还记得16年有段时间微信上线的红包照片功能吗？今天我们就通过canvas来尝试一下具体的实现。 1、效果：随机显示图片来源：图虫网 2、思路： 1、通过css3的filter中的blur实现人物图片的高斯模糊 2、通过定位将canva…

先上效果。一下是源码，格式化一下就好看了哈 <!DOCTYPE html><html lang="en"><head> <meta…

话不多少，先上效果，哈哈接下来直接上源码，全部手码，喜欢的记得点个赞哦代码张的难看？复制下来格式化一下不就好看了么，哈哈 <!DOCTYPE html><html lang=”en”><head…

vue优化是个多角度的综合题，今天来通过实例聊一下vue优化中的路由懒加载，也叫按需加载。路由懒加载作用的直接作用使用路由懒加载后，可以减小app.js文件的大小，从而缩短第一次打开vue项目的加载时间。为什么？接下来通过一个简单的…