使用 Canvas 制作图片油画效果
借鉴了https://wow.techbrood.com/fiddle/31235的例子,里面的参数自己手动调了调,效果如下:
所有代码:
<!DOCTYPE html>
<html>
<head>
<title>油画效果滤镜</title>
……继续阅读 »
4年前 (2021-02-25) 1670浏览
0个赞
vue 后台模板推荐
vue-element-admin
第一当然是大名鼎鼎的 admin-element-vue 了,也是个人用的最熟练的一款后台框架,性能优异,加载速度快,使用 element-ui,视觉效果也不错,几乎没有缺点,值得一试!
vuesax
这个是使用 vuesax3.0 开发的一套后台框架,现在 vuesax 更新到 4.0,貌似作……继续阅读 »
4年前 (2021-01-27) 2205浏览
0个赞
分享 24 个解决工作问题的 ES6 代码块(转载)
这篇文章基于实际使用场景总结了 24 个 ES6 代码片段，可用来解决项目中遇到的一系列问题.在这里做个记录,以后工作中用到可以来看看!
该文章引用自
1、如何隐藏所有指定元素？
const hide = (...el) => [...el].forEach(e => (e.styl……继续阅读 »
4年前 (2021-01-08) 1790浏览
0个赞
几个常用的 JS 库 (转载)
该文章引用自 几个常用 js 库，别再重复造轮子了 _ 泥瓦工 – SegmentFault 思否
color
==功能==：JavaScript 库，用于不可变的颜色转换和对 CSS 颜色字符串的支持。
npm install color
var color = Color('#7743CE……继续阅读 »
4年前 (2021-01-07) 2183浏览
1个赞
前端懒加载简单实现
懒加载(Lazy-Load)。它是针对图片加载时机的优化：在一些图片量比较大的网站（比如电商网站首页，或者团购网站、小游戏首页等），如果我们尝试在用户打开页面的时候，就把所有的图片资源加载完毕，那么很可能会造成白屏、卡顿等现象，因为图片真的太多了，一口气处理这么多任务，浏览器做不到啊！
懒加载 的目的是当页面的图片进入到用户的可视范……继续阅读 »
5年前 (2020-09-30) 2311浏览
0个赞
01.数组扁平化
数组扁平化是指将一个多维数组变为一个一维数组
const arr = [1, [2, [3, [4, 5]]], 6];
// => [1, 2, 3, 4, 5, 6]
方法一：使用 flat()
const res1 = arr.flat(Infinity);
方法二：利用正则
const res2 = J……继续阅读 »
5年前 (2020-09-24) 2279浏览
0个赞
100 个常用的 JavaScript 函数备忘录
数组 Array
数组去重
function noRepeat(arr) {
return [...new Set(arr)];
}
查找数组最大
function arrayMax(arr) {
return Math.max(...arr);
}
查找数组最小
……继续阅读 »
5年前 (2020-08-28) 2921浏览
1个赞
javascript 词法分析,作用域与闭包理解
首先我们看一个例子,以下 2 个函数创建过程一样吗?
function a(arg){
console.log(arg);
}
var b = function(arg){
console.log(arg);
}
在这里,直接 function a(){} 声明变量……继续阅读 »
5年前 (2020-08-21) 2398浏览
1个赞
使用正则从 html 标签中提取出图片地址
这是一个平时经常用到的技巧,最近做微信小程序,因为提取的产品详情页面是由 p 标签包裹 img 标签的 html 在小程序中不能直接使用,故使用此方法将图片的地址提取出来放入一个数组中
以下是代码:
<!DOCTYPE html>
<html lang="en">……继续阅读 »
8年前 (2017-09-13) 2833浏览
1个赞
javascript 设计模式之发布-订阅模式(观察者模式)
发布-订阅模式也叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知.在 javascript 开发中,我们一般用事件模型来替代传统的发布-订阅模式.
我们接下来实现一个简单的发布订阅模式,模拟售楼处可以给订阅者发送房屋消息,在这里售楼……继续阅读 »
8年前 (2017-08-10) 2921浏览
4个赞
javascript 设计模式之迭代器模式
迭代器模式是指提供一种方法访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示.迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式后,即使不关心对象的内部构造,也可以按顺序访问其中的每个元素.
jquery 中的迭代器
迭代器模式无非就是循环访问聚合对象中的各个元素.我们来看一个最常见……继续阅读 »
8年前 (2017-08-08) 2368浏览
1个赞
jquery 中的 isArraylike 函数详解
jquery 是我们学习前端最先接触的 javascript 类库,里面的很多函数都对我们学习 javascript 有很多参考意义,今天就来分析一下 jquery 中的 isArraylike 函数源码.
它的作用是判断一个对象是否是一个类数组的对象,即可以用 obj[n]来访问
首先看看它的源码……继续阅读 »
8年前 (2017-08-08) 2672浏览
1个赞
