javaScript
qq_1534741136
这个作者很懒,什么都没留下…
展开
-
一次性加载数据,前端分页(sesstionStorage)
前端业务数据分页需求与问题分析:代做逻辑代码分析问题在项目中,前端显示数据的时候,很多地方需要用到分页,通常有两种方式:一:点击页码的时候,请求后台服务器得到每一页数据,在前台进行显示二:后台一次性将数据加载至前端,有前端js控制分页刚好在最近的项目中,遇到了,在这里进行一些总结。需求与问题分析:无脑的做法就是把,数据丢页面上就完事。进行前端分页当然如果说数据量少的情况下,采用...原创 2020-05-01 12:43:57 · 875 阅读 · 0 评论 -
call、apply、bind的用法
call、apply、bind的用法callapplybindcall、apply、bind的应用场景call先直接看代码var obj = { t:'obj t'};var t= 'window t';function tFun (i){ console.log(this.t); console.log(`i=>${i}`);}tFun(11);//打印 'windo...原创 2019-07-18 17:08:58 · 66 阅读 · 0 评论 -
javaScript事件委托
什么是事件委托事件委托也叫事件代理,通俗易懂的说就是大家都会做的同一件事,找一个专门的人来做。例如生活中的菜鸟驿站就是事件委托的角色。事件委托给程序的好处1. 可以减少不必要的DOM操作,这对浏览器的性能有极大的好处。2. 不用考虑未知的节点。代码 <ul id="nav"> <li ></li> <li ></li&g...原创 2019-07-18 22:30:45 · 86 阅读 · 0 评论 -
js一维数组还原树形结构
给出如下一维数组:var arr = [ {id:1,pid:null,name:'中国'}, {id:2,pid:1,name:'湖北省'}, {id:3,pid:2,name:'武汉市'}, {id:4,pid:2,name:'恩施州'}, {id:5,pid:1,name:'四川省'}, ];请写一个函数将 arr 转成如下,树状结构 obj = [{ id...原创 2019-07-24 11:41:59 · 746 阅读 · 0 评论 -
canvas实现刮奖效果
<!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...原创 2019-07-29 13:33:54 · 182 阅读 · 0 评论 -
javaScript拖动验证
<!DOCTYPE html><html><head> <title></title></head><style type="text/css"> #box{ width:200px; height: 35px; margin: 0 auto; position: relative;...原创 2019-07-22 22:51:51 · 128 阅读 · 0 评论 -
原生javaScript form表单数据验证
<!DOCTYPE html><html><head> <title></title></head><body> <form id="form1" name="form1"> <input type="" name="name" value="z"> <input ...原创 2019-07-23 08:42:08 · 376 阅读 · 0 评论