小案例
胡萝卜大王驾到通通闪开
这个作者很懒,什么都没留下…
展开
-
js判断代码运行时间
var dateManager={ date:{}, num:0, start:function(){ this.num++; this.date["date_"+this.num]=new Date().getTime(); re...原创 2020-01-30 22:08:57 · 900 阅读 · 0 评论 -
js封装图片预加载
utils.jsvar Utils = (function () { return { loadImage:function(arr,callback,basePath){ if(typeof basePath==="string"){//如果传图片路径 arr=arr.map(function(item){ ...原创 2020-02-06 22:54:28 · 329 阅读 · 0 评论 -
js实现点击单选,按ctrl多选效果
var preList=[]; init(); function init(){ var con=document.createDocumentFragment(); for(var i=0;i<10;i++){ var div=document.createEle...原创 2020-02-05 17:52:53 · 3978 阅读 · 0 评论 -
实现网页title内容的滚动
var str='哈哈哈哈哈哈哈哈哈哈或或或哈哈哈哈';var n=-1;setInterval(animation,100);function animation(){ n++; if(n>str.length-1) n=0; document.title=str.slice(n);}原创 2020-02-02 22:07:11 · 340 阅读 · 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="X-U...原创 2020-01-30 22:12:17 · 2056 阅读 · 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="X-U...原创 2020-02-04 15:01:52 · 194 阅读 · 0 评论 -
vue实现购物车全选 批量删除价格计算等功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./vue.js"></scrip原创 2020-07-01 08:51:35 · 1953 阅读 · 0 评论 -
es6面向对象思维 点击小方块实现移动
创建类 rect.jsexport default class Rect{ elem; bool=false; speed=2; x=0; constructor(){ this.elem=this.creatElement() } //创建元素 creatElement(){ if(this.el...原创 2020-01-12 22:23:30 · 225 阅读 · 1 评论 -
使用JavaScript实现红绿灯切换
使用JavaScript实现红绿灯切换function getLight(first,second,third){ first(second,third); } function getRedLight(fn,fn1){ var f=arguments.callee; var ids=setT...原创 2019-12-29 23:02:31 · 1405 阅读 · 1 评论 -
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="X-U...原创 2020-02-04 23:35:53 · 1037 阅读 · 0 评论