- 博客(11)
- 收藏
- 关注
原创 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
462
原创 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
723
原创 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
407
原创 仿网易云音乐鲸云音效-孤独星球
闲来无事,打开网易云音乐,发现播放音乐时有好几款音效,属实夺人眼球,而网易云上的孤独星球音效是要vip权限才能开启的,这就让人不爽了,不想花钱那就手动撸一个出来自己边看边听歌,哇咔咔咔。由于是本人原创,所以转载或引用代码段还请标明来处~最后打波广告,本人网易云账号 阿豹欧巴,哈哈哈。网易云-《孤独星球》音效图:本地效果:canvas:var canvas = doc...
2019-12-11 15:22:25
2442
原创 对AMD(asynchronous module definition)实现的理解
原生js手动实现异步模块加载,整体设计如下:(function(exports) { var moduleCache = {}, // 模块缓存 _loadModule = function() {}, // 加载模块,私有方法不需知道实现细节 _setModule = function() {}, // 执行模块,私有方法不需知道实现细节 ...
2019-12-10 09:56:16
207
原创 原生js实现的拾色器插件 - ColorPicker
对一个前端来说,颜色选择的插件肯定不陌生,许多小伙伴对这类插件的实现可能会比较好奇。这里奉上原生js版本的拾色器,由于是本人纯手工撸出来的,所以转载还请标明来源。效果图:讲下实现方式:1.颜色除了RGB跟十六进制的表现外,还有一个HSV的表现形式。H(hue)是色相,值域是0度到360度,这个值控制的是你看到的是什么颜色,通俗点讲就是红橙黄绿...;S(saturation)是饱和...
2019-08-30 11:39:28
3607
原创 逐行解读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
267
原创 ES6面向对象版贪吃蛇
最近项目告一段落,难得空闲下来,就随手写了个贪吃蛇,作为一个立志要成为一个前端大牛的我,当然是js实现啦,哈哈哈。话不多说,贴上代码,欢迎同行批评指正。演示地址:www.yirujet.club<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http...
2019-03-29 15:28:07
576
原创 原生js实现的日期选择插件
最近公司项目告一段落,想着写个小玩意打发下上班时间,就用js很粗糙的实现了下日期选择插件。间间断断历时1天多,实现了选择日期的功能,从写完的整体代码来看,耦合度还是蛮高的,我觉得还是我对js中的原型继承方式理解不深刻,一定有更优雅的方式再优化下这份粗糙的代码,各位前端小伙伴们在看完我的代码后请麻烦指出其中实现的不好的地方,有批评指正让我有动力继续写博客嘛! 先说下这个...
2018-08-08 18:14:10
12744
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人