随笔分类 -  js

javaScript
用canvas实现刮刮乐刮奖效果
摘要：<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>刮刮乐</title> <style t 阅读全文
posted @ 2020-04-28 14:31 sun丶凹凸曼 阅读(587) 评论(0) 推荐(0)
node简单的小爬虫-------爬取图片
摘要：const request = require("request"); const fs = require("fs"); const path = require("path"); const cheerio = require("cheerio"); //引入以上模块，需要在node的环境下，c 阅读全文
posted @ 2019-07-26 11:08 sun丶凹凸曼 阅读(276) 评论(0) 推荐(0)
js组件开发。。。
摘要：daiLog2.js //function Dialog({iw=400,ih=400,posi='center',mark=false}) {//构造函数：属性 es6写法 function Dialog() { /* 作者：金哥 时间： github： 说明：Dialog()是一个弹窗组件，具备 阅读全文
posted @ 2019-04-25 17:31 sun丶凹凸曼 阅读(899) 评论(0) 推荐(0)
js事件委托实现一次绑定，多次删除功能
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-20 17:29 sun丶凹凸曼 阅读(265) 评论(0) 推荐(0)
js实现轮播图，模拟flash上下滚动（原生JS，没有任何框架）
摘要：//以下是需要用到的js 最好封装 function startMove(obj, json, fnend) { clearInterval(obj.timer); //防止定时器叠加 obj.timer = setInterval(function () { var istrue = true; 阅读全文
posted @ 2019-04-18 20:29 sun丶凹凸曼 阅读(594) 评论(0) 推荐(0)
js实现轮播图常规类（原生JS，没有任何框架）
摘要：//以下是JS文件中的需要用的函数 可自行封装 function startMove(obj, json, fnend) { clearInterval(obj.timer); //防止定时器叠加 obj.timer = setInterval(function () { var istrue = 阅读全文
posted @ 2019-04-17 19:46 sun丶凹凸曼 阅读(477) 评论(0) 推荐(0)
js鼠标移入实现评分
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-17 10:02 sun丶凹凸曼 阅读(202) 评论(0) 推荐(0)
js配合正则实现各种验证（邮箱，手机号，生日，身份证号等）
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>用户注册</title> <style type="text/css"> body { background-color: rgb(177, 208, 224); font: 阅读全文
posted @ 2019-04-15 10:28 sun丶凹凸曼 阅读(1055) 评论(0) 推荐(0)
js拖拽验证
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-13 17:46 sun丶凹凸曼 阅读(490) 评论(0) 推荐(0)
js阻止事件冒泡实现游戏选择
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-13 09:01 sun丶凹凸曼 阅读(265) 评论(0) 推荐(0)
js实现简单的自动回复机器人，（利用数组的index的绑定）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-11 10:06 sun丶凹凸曼 阅读(1765) 评论(0) 推荐(0)
js实现楼层跳跃（点击楼层按钮可对应到楼层，滚动到某一楼层对应的楼层按钮高亮）
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>楼层跳跃</title> <style> * { padding: 0; margin: 0; } ul, li { list-style: none; } div { width 阅读全文
posted @ 2019-04-10 09:58 sun丶凹凸曼 阅读(3491) 评论(0) 推荐(0)
js实现可手动关闭倒计时广告
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-08 20:20 sun丶凹凸曼 阅读(1027) 评论(0) 推荐(0)
js用定时器实现进度条
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-06 14:49 sun丶凹凸曼 阅读(1147) 评论(0) 推荐(0)
js留言板过滤敏感词案例
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-04 11:45 sun丶凹凸曼 阅读(993) 评论(0) 推荐(0)
js实现1-25每五个数为一个数组，存放到一个二维数组中。
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-03 15:13 sun丶凹凸曼 阅读(2606) 评论(0) 推荐(0)
js用递归实现斐波那契数列
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-04-01 11:58 sun丶凹凸曼 阅读(2171) 评论(0) 推荐(0)
js点击生成验证码并实现简单登录跳转
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-30 14:19 sun丶凹凸曼 阅读(1455) 评论(0) 推荐(0)
js改变页面某个元素的背景颜色（rgb和十六进制两种方法）。
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-29 11:54 sun丶凹凸曼 阅读(4674) 评论(0) 推荐(0)