还记得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项目的加载时间。 为什么？ 接下来通过一个简单的…
什么是前端模块化开发？
模块化开发是当下最重要的前端开发规范之一，随着项目需求日益复杂，前端代码已经膨胀到需要花费大量时间去管理的程度，模块化是最主流的解决方式，通过将代码按照功能进行拆分，从而降低开发复杂度。 模块化是一种理论思想，并不包含具体的实现，接下来我们…
javascript原型与原型链到底是什么？
一看到javascript中的prototype、__proto__、constructor这些单词是不是有点懵呢？网上有很多高大上的原型链的讲解图，例如下面的这张： 首先把他列出来不是说他不好，只是作为一个对比，我觉得用实例的方式去剖析更…
js获取表单失去鼠标焦点前光标在字符串中的位置
首先说一下这个需求的应用场景： 上图中，需要在文本框中插入一个词条，词条是服务端获取的，我们需要使用鼠标指定需要插入词条的位置。 从前端的角度来说，问题的点就是：当表单失去焦点时，我们要获取它失去焦点前在文本字符串中的位置，获取到了这个位置…
什么是IIFE，IIFE有什么优点？
1、名称解释： IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。 2、存在的原因以及用法 在javascript（ES5）中，是…
vi/vim常用命令，一分钟学会
还记得当年不懂vi/vim操作命令的时候，不小心打开了一个文件并且进入了编辑模式，然后就各种乱点，最终也没有实现保存、编辑和退出，当时真的很尴尬，想着这个到底是什么gui啊 看了一下网上的很多常用命令，确实都很常用，但是还不够精简，所以我就…
nodejs报错：SyntaxError: Cannot use import statement outside a module
首先来看一下报错的源码，大概意思是nodejs不支持import语法，如果要支持，需要babel来支持。 SyntaxError: Cannot use import statement outside a module?[90m at M…