自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Rattenking的博客

迎接黎明的曙光前行!

  • 博客(204)
  • 资源 (31)
  • 论坛 (1)
  • 问答 (2)
  • 收藏
  • 关注

原创 微信小程序实例系列

下载微信小程序实现部分高德地图功能的DEMO下载微信小程序实现MUI的部分效果的DEMO下载更多微信小程序实例GITGIT地址 https://github.com/Rattenking/WXTUI-DEMOGIT下载 git clone https://github.com/Rattenking/WXTUI-DEMO.git常见...

2018-02-08 11:11:12 33942 15

原创 前端笔记列表

基础知识神奇的position:sticky双飞翼布局的原理圣杯布局的原理Browser 对象(一、history)JS获取当前网址信息前端常见面试题前端自适应—-单位remnode.js 获取url中的各个参数nodejs之url模块nodejs之querystring模块如何写出优美的 JavaScript 代码?获取某个数内的质数github page搭建自己的...

2018-01-30 16:58:21 2051

原创 游戏列表

DEMO下载五子棋悔棋DEMO 五子棋AI篇DEMO文字列表五子棋微信小程序(游戏)—-五子棋(棋盘,重置,对弈篇) 微信小程序(游戏)—-五子棋(悔棋篇) 微信小程序(游戏)—-五子棋(AI篇) 微信小程序(游戏)—-五子棋(总结)拖拽拼图微信小程序(游戏)—-拼图游戏(设计思路) 微信小程序(游戏)—-拖拽拼图(图片分块和打乱顺序) 微信小程...

2018-01-11 16:22:54 3084

原创 GIT ---- GIT命令行简写配置

配置文件种类/etc/gitconfig:包含了适用于系统所有用户和所有项目的值 --system【查看 --system 配置项】git config --system -l~/.gitconfig:只适用于当前登录用户的配置 --global【查看 --global 配置项】git config --global -l位于git项目目录中的.git/config:适用于特定git项目的配置–local【查看 --local 配置项】git config --local -

2021-04-25 11:10:12 24

原创 vue 组件开发 ---- click事件 和 v-model 的数据更新时间差解决方法

需求描述使用 vue 的 vant 框架的 van-checkbox 组件实现列表的选择;选择完成请求对应的数据后返回上一页面!页面效果和代码页面效果页面HTML<div class="rui-from-li rui-flex-ac" v-for="item,index in userInfo.shops"> <div class="rui-fg"> <div class="rui-flex-ac">

2021-04-15 09:40:20 44

原创 vue 组件开发 ---- 【v-model】实现双向绑定

场景需求页面向组件传值,组件内部根据页面传入的值判断显示具体的值;组件内部的值改变,会直接改变父组件或者页面的变量的值;当父组件或者页面不传入值时,组件能够根据默认值使用。类似 van-stepper 【步进器】、tabbar 【标签栏】等的实现!需求分析实现效果的vue文档 ---- 自定义组件的 v-model注意:一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value at

2021-04-01 16:36:53 38

原创 Python ---- python 实现 CSDN 的定时自动签到

需求实现自动签到;实现定时任务!开发环境selenium 中文文档pip install seleniumPython 定时任务框架 APScheduler 详解pip install apscheduler引入开发使用的包import timefrom selenium import webdriverfrom apscheduler.schedulers.blocking import BlockingScheduler实现自动签到启动谷歌浏览器;注

2021-03-11 17:33:16 26

原创 vue 组件开发 ---- rui-vue-poster

绘制海报

2021-03-05 15:38:19 42

原创 windows10 ---- cd 命令打开带有空格的文件夹

cd 命令打开带有空格的文件夹将文件夹使用 “” cd ./"python 3.7 图片合并为视频"

2021-03-04 17:10:27 65 1

原创 Python ---- python 自带的 venv 虚拟环境更新 pip 失败

venv 虚拟环境更新 pip 失败 pip install --upgrade pip直接使用全局 pip python -m pip install --upgrade pip

2021-03-04 17:06:55 57 1

原创 Python ---- 爬虫 爬取LOL英雄皮肤图片

1. 分析网页数据1.1 全部英雄网页:https://lol.qq.com/data/info-heros.shtml1.2 查找获取所有英雄信息的地址1.3 获取全部英雄的请求地址和请求方法1.4 获取全部英雄的请求头部1.5 获取全部英雄数据预览1.6 同样的方法获取单个英雄的皮肤列表数据接口【以黑暗之女为例】2 爬取所有英雄信息设置全局变量保存英雄列表地址、皮肤列表地址、皮肤图片保存文件夹、公用头部;使用 requests 获取【英雄列表地址】返回的所有英雄信息;de

2021-02-25 14:25:47 42

原创 Python ---- 批量图片压缩

需求场景摄影网站发过来很多 1920*2880 的高清图片,基本每个图片都是 1MB 以上,由于网页浏览时图片过大,加载太慢,主要进行图片批量压缩处理,同时对图片进行有规律的命名!需求分析批量图片压缩;有规律的命名!解决方案使用 cv2 进行压缩;【OpenCV 文档】使用 PIL 进行压缩;【PIL 中文文档】本文采用 PIL 进行图片压缩处理!导入包和创建公共变量filePath 源文件所在文件夹路径fileNewPath 压缩后新文件保存的文件夹路径scale

2021-02-09 14:10:03 145 2

原创 Python ---- 爬虫练习 爬取 CSDN 2020 博客之星投票数据

效果2020 博客之星年度总评选排名分析网页数据2020 博客之星年度总评选页面数据接口分析2.1 (以谷歌浏览器为例)浏览器打开2020 博客之星年度总评选 ===》 F12(鼠标右键 ===》 检查) ===》 Network ===》 XHR ===》 在列表中找到数据接口点击2.2 查看接口和请求方式当前实例数据接口:https://bss.csdn.net/m/topic/blog_star2020/getUsers请求方式:POST2.3 查看请求头和请求参

2021-02-07 15:03:09 91

转载 Python ---- 报错【‘gbk‘ codec can‘t encode character ‘\u270e‘ in position 601: illegal multibyte seque】

报错场景对返回数据results 【list 类型】进行操作,将返回的 results 写入文件中,需要转换为str,所以使用 str() 方法!数据流写入文件的编码类型encoding=‘XXX’ (也就是python文件第一行的内容)的编码是指该 python 脚本文件本身的编码,无关紧要。只要XXX和文件本身的编码相同就行了。 比如notepad++ "格式"菜单里面里可以设置各种编码,这时需要保证该菜单里设置的编码和encoding XXX相同就行了,不同的话会报错!网络数据流的编码

2021-02-07 11:23:00 25

原创 windows10 ---- 修改网络 IP 的物理地址

1.ipconfig /all 查询当前 IP 物理地址打开网络与共享中心控制面板 ====》网络和Internet ====》网络和共享中心 ====》更改适配器配置选择当前连接网络选中当前连接的网络 ====》右键 ====》 属性配置修改网络地址的值高级===》 网络地址 ===》值【56QW84RE02RF】 ===》确定注意:值的位数保持12,数字字母自定义随便修改!修改后查询 IP 的物理地址注意解决网络慢修改的 ip 物理地址,第一次修改物理地

2021-02-05 10:57:54 87

原创 MySQL ---- SQL语句学习笔记三

WHERE 里边的子查询子查询如果在 where 或 select 中时,相当于【子查询】先计算结果再判断!

2021-02-04 14:50:36 10

原创 GIT ---- GIT 同步远程库操作

1. 查看分支1.1 git branch查看本地分支!1.2 git branch -a查看本地和远程所有分支!1.3 git branch -r查看远程库分支!2.同步远程分支2.1 git fetch将本地分支与远程保持同步2.2 git checkout -b 本地分支名 origin/远程分支名拉取远程分支并同时创建对应的本地分支2.3 git fetch --all将本地所有分支与远程保持同步2.4 git pull --all拉取所有分支

2021-02-02 15:10:08 23

原创 MySQL ---- SQL语句学习笔记二

case when语句case when 表达式 then 输出 when 表达式 then 输出 else 输出 endscores表创建namestagescoreajs1bjs2cjs3apy2bpy3cpy1asql2bsql2csql4通过 SQL 将表的成绩进行统计!SELECT name, max( CASE WHEN stage = 'js'

2021-01-29 14:00:28 16

原创 Mysql ---- SQL语句学习笔记一

增 insert删 delete改 update查 select4.1 select 完整语句select xxx from xxx where xxx group by xxx having xxx order by xxx limit xxx;select 输出 from 获取数据 where 过滤条件 group by 分组 having 过滤 order by 排序 limit 限制个数;4.2 select 执行顺序4.2.1 FROM 获取数据获取对应表格的全部数据! J

2021-01-28 10:40:15 12

转载 MySQL ---- In aggregated query without GROUP BY, expression #2 of SELECT list contains nonaggregated

使用 GROUP BY 报错In aggregated query without GROUP BY, expression #2 of SELECT list contains nonaggregated column 'st解决方案转载:https://cloud.tencent.com/developer/article/1404739查询select version(), @@sql_mode;修改SET sql_mode=(SELECT REPLACE(@@

2021-01-28 10:21:59 57

原创 微信小程序 ---- 从短信、邮件、微信外网页等场景打开小程序

1. 文档《URL Scheme打开小程序》2. 《获取 access_token》请求地址https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET请求参数属性类型默认值必填说明grant_typestring是填写 client_credentialappidstring是小程序唯一

2021-01-18 17:10:04 521 11

原创 微信小程序 ---- 报错【invalid credential, access_token is invalid or not latest rid: 6004f3da-1529ba72-5c34】

报错返回{ "errcode": 40001, "errmsg": "invalid credential, access_token is invalid or not latest rid: 6004f3da-1529ba72-5c345f67"}报错原因access_token 过期!需要刷新 access_token!《获取 access_token》getAccessTokenaccess_token 的存储与更新access_token 的存储至少要保留 512

2021-01-18 11:26:45 114 5

原创 java ---- SpringBoot 实现定时任务

SpringBoot 实现定时任务前言需求:开发微信小程序的订阅消息,实现定时发送订阅消息任务!方法一: @EnableScheduling、@Scheduled 实现1. 开启定时任务的注解 @EnableSchedulingpackage com.tyfo.app;import com.tyfo.app.common.utils.ApplicationHolder;import org.mybatis.spring.annotation.MapperScan;import org.

2021-01-18 10:13:01 29 1

原创 Python ---- windows 10 虚拟环境搭建

虚拟环境VirtualEnvVirtualEnv 用于在一台机器上创建多个独立的Python虚拟运行环境,多个Python环境互相独立,互不影响。VirtualEnv 中文文档优点没有权限的情况下安装新套件不同应用可以使用不同的套件版本套件升级不影响其他应用缺点只能应用于PythonWindows10 环境操作安装python3虚拟环境保护pip install virtualenv创建虚拟环境创建一个独立的Python运行环境,命名为v1。python -m

2021-01-18 10:10:22 19

原创 SQL ---- 语法学习笔记

SQL语法学习基础篇基础篇实例用表1. Store_Information 表格store_nameSalesDateLos Angeles$1500Jan-05-1999San Diego$250Jan-07-1999Los Angeles$300Jan-08-1999Boston$700Jan-09-19992. Geography 表格region_namestore_nameEastBostonEas

2021-01-18 10:07:19 32

原创 微信小程序----全局状态管理 (便于全局埋点等操作)

说明由于我是一个有着一颗玻璃心的博主,导致在2018年后博客很少更新。原因是由于我的分享并没有解决到部分人的问题,而导致被骂了。当时这颗玻璃心就碎了,所以这两年以来很是消极,博客很少更新。这里给那些关注我,支持我的朋友说声【对不起】!前段时间,看了一个工作两年时间博主的 2021 年 flag,突然回首,还有很多记忆。所以,我决定以后每周最少一篇博客,记录我的学习和成长。谢谢!需求场景小程序开发完成,接到需求:需要对小程序的所有页面【onLoad】生命周期进行埋点,对页面中的点击事件进行埋点。

2021-01-14 11:35:54 354 2

转载 An error happened during template parsing (template: “class path resource [templates/index.html]“)

转自场景在开发springboot的时候,进行modelAndView 视图层映射的时候,一直出现报错An error happened during template parsing (template: "class path resource [templates/index.html]")模板解析过程中发生错误(模板:“类路径资源[templates/index.html]”)1.配置文件问题spring.thymeleaf.prefix=classpath:/templat

2020-12-16 14:23:03 68

原创 微信小程序----简易双向绑定

简易双向绑定基础库 2.9.3 开始支持,低版本需做兼容处理。在 WXML 中,普通的属性的绑定是单向的。例如:<input value="{{value}}" />在【基础库 2.9.3 】之前,属性的绑定是单向的,在上边的实例中我们在视图层修改value,只会改变视图层的value,不会对逻辑层的value进行修改。但是我们又需要同时修改逻辑层value,怎么做呢?就是采用input组件的bindinput触发事件实现。实现单向数据的双向绑定单向数据的WXML<

2020-12-07 15:22:47 233

原创 微信小程序---- setData 列表性能优化

原始方法----将现有列表和新加载列表拼接 setData方法1:利用数组 push 方法var list = this.data.orderList;res.list.forEach(cur => list.push(cur));this.setData({ orderList: list})方法2:利用数组 concat 方法var list = this.data.orderList;this.setData({ orderList: list.concat(res.l

2020-11-25 14:55:10 383

原创 微信小程序----开发rui-dtpicker多粒度日期组件

使用到 GitHub 下载 WX-RUI 的代码,将 component 目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 dtpicker 为例,其它组件在对应的文档页查看:1. 添加需要的组件。在页面的 json 中配置(路径根据自己项目位置配置):"usingComponents": { "rui-dtpicker": "../../component/picker/pi...

2019-03-25 10:05:21 1710 5

原创 uni-app组件开发----多粒度时间选择器组件

###WXRUI体验二维码如果本插件对你的开发有帮助,请进入小程序,点击一下广告,谢谢支持!下载DatePicker 多时间粒度选择器组件下载DatePicker 多时间粒度选择器可进行多时间粒度选择的时间选择器,组件名:rattenking-dtpicker,代码块: ruiDatePicker。使用方式:在 script 中引用组件import ruiDatePicker f...

2019-03-20 16:25:30 10672 14

原创 微信小程序----Maide List(图文列表)(flex布局实现MUI的图文列表)

效果二维码效果图WXML&lt;view class="tui-list-box"&gt; &lt;view class="tui-list-head"&gt;图在左边&lt;/view&gt; &lt;view class="tui-gallery-list" wx:for="{{galleryList}}" wx:key="navList1&

2019-02-22 15:48:18 3837 3

原创 微信小程序----Gallery Table(图文表格)(flex布局实现MUI的图文表格)

效果二维码效果图WXML&lt;view class="tui-row"&gt; &lt;view class="tui-col tui-col-2"&gt; &lt;view class="gallery-box"&gt; &lt;image class="gallery-img" src="https://rattenking

2019-02-22 15:36:05 1608

原创 微信小程序----Grid(九宫格)(flex实现九宫格布局)

效果二维码效果图WXML&lt;view class="section"&gt; &lt;view class="tui-table-view"&gt; &lt;view class="tui-col-3"&gt; &lt;icon class="iconfont icon-shouye"&gt;&lt;/icon&

2019-02-22 14:52:10 20808 2

原创 微信小程序----开发rui-swiper多样式轮播组件

swiper详解滑块视图容器。swiper的初始化高度为150px;swiper-item的初始高度和宽度为100%;都可通过css样式进行swiper、swiper-item的样式重置。swiper原生组件详解swiper组件开发参数说明属性名类型默认值说明swiperwidthString‘’swiper的宽度swiperheightStrin...

2018-12-24 16:32:42 720 4

原创 GIT学习----第十五节:Feature分支

学习目的如何对未进行合并的分支进行强制删除?强制删除未合并分支建立并切换新功能分支feature-001$ git checkout -b feature-001Switched to a new branch 'feature-001'M readme.txt查看工作区$ git statusOn branch feature-001Changes ...

2018-11-30 10:56:57 193

原创 GIT学习----第十四节:BUG分支

学习目的遇到临时bug需要紧急修复,在git如何处理?git如何进行工作区进行储藏,等待bug修复后的工作区恢复?临时储藏修改后查看工作区状态$ git statusOn branch masterYour branch is ahead of 'origin/master' by 10 commits. (use "git push" to publish your l...

2018-11-30 10:56:21 175

原创 GIT学习----第十三节:分支管理

学习目的区分‘–no-ff普通模式合并’和‘fast forward模式合并’的区别?fast forward模式合并分支合并之前查看分支历史$ git log --graph --pretty=oneline* 2fc181e173242bd21edad0ad0336f1a0ab0af3e7 (HEAD -&gt; dev) add merge* 14f2011cde83...

2018-11-30 10:55:01 187

原创 GIT学习----第十二节:解决合并分支的冲突

学习目的弄清除是如何产生分支冲突?在出现冲突后如何解决冲突?产生分支冲突创建并切换分支study$ git checkout -b studySwitched to a new branch 'study'查看readme.txt文件$ cat readme.txtGit is a version control system.Git is free softwa...

2018-10-24 16:54:48 165

原创 GIT学习----第十一节:创建与合并分支

学习目的如何查询分支列表?如何创建分支?如何切换分支?如何将分支进行合并?如何将分支进行删除?master分支每次提交,Git都把它们串成一条时间线,这条时间线就是一个分支。截止到目前,只有一条时间线,在Git里,这个分支叫主分支,即master分支。HEAD严格来说不是指向提交,而是指向master,master才是指向提交的,所以,HEAD指向的就是当前分支。一开始的时候,...

2018-10-24 15:53:31 106

ueditor富文本编辑器实例

ueditor富文本编辑器实例----写了一个简单的ueditor富文本编辑器实例,toolbar采用的是它默认的;另一个ueditor富文本编辑器实例是对toolbar进行自定义的实例!

2017-10-17

二维码解析器和移动端长按识别二位码demo

利用了qrcode.js这个插件的qrcode.decode和qrcode.callback,就能对二维码进行解析,同时对解析结果进行返回。

2017-09-19

微信小程序组件应用和实际开发的DEMO

微信小程序系列----有三十个微信小程序的组件应用和实际开发的一些DEMO!

2018-01-09

微信小程序----右侧展示不动,左侧导航滑动

微信小程序----左滑导航方案2:右侧展示不动,左侧导航滑动。

2017-12-19

微信小程序----高德地图API实现的DEMO

微信小程序----高德地图API实现的周边,天气,路线规划,地址详情等的DEMO。简单的效果,问一下官方能不能不要乱涨积分,你们涨积分,作者被骂!我真的很失望,再这样,我就不上传资源了!

2018-02-07

二维码生成器demo

利用QRCode.js的new QRCode({})接口定义生成二维码的大小,颜色,背景等属性的设置,通过qrcode.makeCode方法接口,将要生成二位码的信息传入,再生成二维码图片!

2017-09-19

llqrcode.js

利用llqrcode.js制作二维码解析器(可以是上传图片解析,也可以是扫一扫输出图片再解析)和移动端的‘长按识别二维码功能’!

2017-09-19

Swiper.js完整实例

Swiper.js完整实例,包括各种效果的demo以及引入jQuery否的各种js情况。

2005-05-20

微信小程序----五子棋(AI篇)

微信小程序----五子棋(AI篇):通过遍历获胜方法和该空位在获胜方法的得分,计算AI的落子位置。

2018-01-16

微信小程序----五子棋

微信小程序----五子棋:微信小程序实现五子棋人人对弈,判断输赢,悔棋功能!

2018-01-15

rui-vue-poster.zip

使用vue 2.0开发的基于 canvas 绘制海报的组件!

2021-03-04

compressImg.py

1、使用 python 的 PIL 包,对图片进行压缩; 2、环境为 python 3.7.0、安装 PIL 包: pip install pillow; 3、图片尺寸等比例修改参数 scale【默认0.2】,图片压缩质量参数 quality【默认100】,图片公用命名参数 basename【默认'newimg-'】; 4、执行工具会在当前文件夹下新建一个newimg文件夹,存放压缩后的图片。

2021-02-24

腾讯的js模板引擎template.js

腾讯的js模板引擎template.js 方便ajax请求的数据进行遍历和数据绑定。

2017-05-24

jquery-1.11.3.js

1.11版本的jQuery

2017-05-26

jquery.pagination.js分页插件

jquery.pagination.js分页插件,一个比较容易上手,且全面的分页插件demo。

2017-06-27

jquery.pajx.js

ajax + pushState的jQuery封装

2017-06-29

mui搜索列表自定义

1,直接添加引用indexed-list.js和indexed-list.css; 2,修改indexed-list.js的self.el.bar.offsetHeight - 40为 self.el.bar.offsetHeight - self.el.search.offsetHeight 此处的作用是防止你将搜索框去掉,导致的右侧导航不协调 3,修改group && group.length == 1为group 此处是因为你添加的热门等字符串长度大于1而不能触发定位函数 4,禁止self.bindSearchEvent(); 此处是由于我的页面不需要搜索,所以讲搜索的触发事件禁止 5,添加你要添加的模块同时在模块的外层div加上data-group="xxxx"你导航处的名字 特别注意此处在utf-8的编码下可以是汉字,但是建议不要采取汉字 最后上边说的这几个地方在我的demo中都已修改好,你可以下载直接使用。 特别说明:如果你的页面需要哪个搜索框,只用放开第四步禁止的代码就好,然后将输入框加入进来,依然可以执行!

2017-11-03

导航栏随滚动透明渐变

该demo采用了opacity和background的rgba两种方法来实现导航栏随滚动透明渐变,但是需要注意的是不兼容IE8及以下的IE浏览器,原因:由于IE8及以下的透明度设置不支持CSS3的opacity属性和rgba颜色值!

2017-11-08

Markdown在线编辑器

利用showdown.js制作的Markdown在线编辑器!可以下载到自己的项目作为Markdown编辑器插件!

2017-11-15

微信小程序----左滑导航

微信小程序----左滑菜单方案1:左侧导航放在下层,右侧展示放在上层,通过控制上层的滑动,来显示和隐藏左侧导航。

2017-12-19

微信小程序----position:sticky

微信小程序----position:sticky:通过position:fixed与position:relative切换。

2017-12-20

微信小程序----导航栏透明渐变一

微信小程序----导航栏透明渐变一:采用css3的opacity实现。

2017-12-20

微信小程序----导航栏透明渐变

微信小程序----导航栏透明渐变:采用css3的颜色值rgba,通过改变其中a的值,来实现。

2017-12-20

微信小程序----机场索引列表(MUI索引列表)

微信小程序----机场索引列表(MUI索引列表):采用mui的效果实现。

2017-12-21

九宫格和转盘抽奖插件

用原生js实现的转盘抽奖和九宫格抽奖插件! 1、转盘抽奖----指针旋转 // 指针旋转,从右向左顺时针计算奖品 var luckArr = ['100减99优惠券','谢谢参与','59减15优惠券','谢谢参与','39减10优惠券','谢谢参与']; var luck = new LuckDraw(); var startRotate = function(elem){ luck._init({ rotateId: '#luckPointer', luckNumber: Math.floor(Math.random() * (5 - 0) + 0), typeNumber: 6, time: 2000, type: 'turntable', circleNumber: 10, success: function(res){ console.log(res.luckNumber); console.log(luckArr[res.luckNumber]); alert&#40;luckArr[res.luckNumber]&#41;; } }); } 2、转盘抽奖----转盘旋转 // 转盘旋转,从左向右逆时针计算奖品 var luckArr = ['100减99优惠券', '谢谢参与', '39减10优惠券', '谢谢参与', '59减15优惠券', '谢谢参与']; var luck = new LuckDraw(); var startRotate = function (elem) { luck._init({ rotateId: '#luckTurntable', luckNumber: Math.floor(Math.random() * (5 - 0) + 0), typeNumber: 6, time: 2000, type: 'turntable', circleNumber: 10, success: function (res) { console.log(res.luckNumber); console.log(luckArr[res.luckNumber]); alert&#40;luckArr[res.luckNumber]&#41;; } }); } 3、九宫格抽奖 var luckArr = ['10元红包', 'iPad Mini', '莫灰心', '20元话费', '20元话费', '莫灰心', '某视频网站会员一月', '88元红包']; var luck = new LuckDraw(); var startRotate = function (elem) { luck._init({ rotateId: '.rui-luck-prize', activeClass: 'rui-active', luckNumber: Math.floor(Math.random() * (7 - 0) + 0), typeNumber: 8, time: 3000, type: 'prize', circleNumber: 10, success: function (res) { console.log(res.luckNumber) console.log(luckArr[res.luckNumber]) alert&#40;luckArr[res.luckNumber]&#41; } }); } 4、参数说明 | 参数 | 类型 | 必填 | 默认值 | 说明 | |----|-----|-----|-----|-----| | pointerId | String | 选填 | luckPointer | 指针对象id | | turntableId | String | 选填 | luckTurntable | 转盘对象id | | rotateId | String | 必填 | luckTurntable | 旋转对象id | | activeClass | String | 九宫格抽奖必填 | rui-active | 九宫格抽奖选中是的效果 | | type | String | 必填 | turntable | 选择是九宫格抽奖还是转盘抽奖(turntable:转盘抽奖;prize:九宫格抽奖) | | time | Number | 选填 | 2000 | 抽奖动作的时间 | | luckNumber | Number | 必填 | 4 | 中奖位置 | | typeNumber | Number | 必填 | 6 | 共有多少个中奖位置 | | circleNumber | Number | 必填 | 10 | 轮回圈数后中奖 | | success | Funtion | 选填 | function(){} | 抽中后返回的成功函数 |

2018-12-05

pc端时间插件demo,精确到分钟

pc端时间插件demo,精确到分钟,可以年月日格式,可以时分格式,可以年月日时分格式的时间插件demo。

2017-06-27

pc端三级联动的demo

三级联动

2017-06-16

HTML5中canvas制作的在线取色器

通过HTML5中canvas的getImageData()方法制作的在线取色器,对于前端不用再单独打开一个ps之类的软件来取色。 方便快捷,直接保存网址:https://rattenking.github.io/demo/11/index.html

2017-09-11

二维码生成器js

利用QRCode.js可以制作在线的二维码生成器,同时通过他可以自定义二维码的样式,属性等,使二维码的样式更加丰富,多彩!

2017-09-19

jquery-mobiscroll时间插件

jquery-mobiscroll时间插件demo,移动端精确到分的时间插件。

2017-06-27

阿里巴巴Java开发手册v1.2.0.pdf

阿里巴巴Java开发手册是规范java开发人员的代码,使其代码更易阅读、查找。

2017-05-24

Rattenking的留言板

发表于 2020-01-02 最后回复 2020-03-31

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

TA关注的人 TA的粉丝

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