自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 canvas粒子动画

canvas粒子动画实现,相邻节点会互相连线。

2023-03-15 10:04:49 82

原创 js实现排列组合打印

问题描述:输入一个数字n,提供一个排列组合方法combination(n),输出所有排列的可能,比如:combination(2) -> [1, 2]、[2, 1]; combination(3) -> [1,2,3]、[1,3,2]、[2,1,3]、[2,3,1]、[3,1,2]、[3,2,1]解决方法:const combination = n => { const aryNumber = Array.from({ length: n }).map((e, i) =&

2022-01-04 14:31:05 426

原创 canvas实现数字雨

闲来无事,用js实现了一波数字雨,效果如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-.

2021-12-24 16:48:39 659

原创 Vue实现拖拽布局组件 - yirujet-drag-drop-layout

拖拽布局组件、vue、页面最佳位置插入拖拽节点

2021-12-22 15:51:31 1387

原创 Vue仿kibana的日期选择组件

最近用vue将kibana的一个日期组件实现了下并发布到了npm,写次博客记录下。npm包名:yirujet-date-picker-range需要组件代码的小伙伴可到github拉取:https://github.com/Yirujet/yirujet-date-picker-range.gitkibana组件效果如下:仿制的组件效果如下:...

2021-09-24 16:05:26 277

原创 仿网易云音乐鲸云音效-孤独星球

闲来无事,打开网易云音乐,发现播放音乐时有好几款音效,属实夺人眼球,而网易云上的孤独星球音效是要vip权限才能开启的,这就让人不爽了,不想花钱那就手动撸一个出来自己边看边听歌,哇咔咔咔。由于是本人原创,所以转载或引用代码段还请标明来处~最后打波广告,本人网易云账号 阿豹欧巴,哈哈哈。网易云-《孤独星球》音效图:本地效果:canvas:var canvas = doc...

2019-12-11 15:22:25 2334

原创 对AMD(asynchronous module definition)实现的理解

原生js手动实现异步模块加载,整体设计如下:(function(exports) { var moduleCache = {}, // 模块缓存 _loadModule = function() {}, // 加载模块,私有方法不需知道实现细节 _setModule = function() {}, // 执行模块,私有方法不需知道实现细节 ...

2019-12-10 09:56:16 162

原创 原生js实现的拾色器插件 - ColorPicker

对一个前端来说,颜色选择的插件肯定不陌生,许多小伙伴对这类插件的实现可能会比较好奇。这里奉上原生js版本的拾色器,由于是本人纯手工撸出来的,所以转载还请标明来源。效果图:讲下实现方式:1.颜色除了RGB跟十六进制的表现外,还有一个HSV的表现形式。H(hue)是色相,值域是0度到360度,这个值控制的是你看到的是什么颜色,通俗点讲就是红橙黄绿...;S(saturation)是饱和...

2019-08-30 11:39:28 3414

原创 逐行解读John Resig对js中单继承的代码实现-understanding the simple inheritance of javascript from John Resig

最近重温了下John Resig经典的js单继承实现,觉得很有必要记录下来目前自己对大牛代码的理解,对自己来说也是一种阶段性的总结。如下是作者的代码实现(注:方便快速阅读,已把英文注释翻译成了中文,里面有些注释是本人aboli加的):// Simple JavaScript Inheritance//简单的JavaScript继承/* I’ve been doing a lo...

2019-08-23 17:17:57 221

原创 ES6面向对象版贪吃蛇

最近项目告一段落,难得空闲下来,就随手写了个贪吃蛇,作为一个立志要成为一个前端大牛的我,当然是js实现啦,哈哈哈。话不多说,贴上代码,欢迎同行批评指正。演示地址:www.yirujet.club<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http...

2019-03-29 15:28:07 540

原创 原生js实现的日期选择插件

       最近公司项目告一段落,想着写个小玩意打发下上班时间,就用js很粗糙的实现了下日期选择插件。间间断断历时1天多,实现了选择日期的功能,从写完的整体代码来看,耦合度还是蛮高的,我觉得还是我对js中的原型继承方式理解不深刻,一定有更优雅的方式再优化下这份粗糙的代码,各位前端小伙伴们在看完我的代码后请麻烦指出其中实现的不好的地方,有批评指正让我有动力继续写博客嘛!       先说下这个...

2018-08-08 18:14:10 12371 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除