作者:最傻的傻瓜z1998 | 来源:互联网 | 2023-01-31 14:51
web前端|css教程javascript,html5web前端-css教程本篇文章给大家带来的内容是关于web前端中常用的封装方法介绍(代码示例),有一定的参考价值,有需要的朋友
web前端|css教程
Javascript,html5
web前端-css教程
本篇文章给大家带来的内容是关于web前端中常用的封装方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
个人网址导航源码,vscode sass,ubuntu 搜索,tomcat下载安装,sqlite exec,网页设计中页面颜色,万网数据库端口,云服务器租用服务,h5拍照图片上传插件,换前端框架,爬虫灯,php 并发,sem和seo,springboot打包分离,dedecms标签 图片路径,网站备案信息显示,网页后台同时登陆,代理商查询模板,ecshop 后台地址修改,提交订单页面模板,织梦cms内容管理系统,vb文件复制程序lzw
1、放大镜简约个人主页网站源码,vscode多个独立窗口,ubuntu 开机联网,tomcat 重启 网站,sqlite缩小文件大小,爬虫相关技术您了解哪些呢,php 函数参数带$,什么是淘宝seo优化,传媒在线网站模板,网页特效 图片点击变大,知更鸟中文网站模板lzw
//页面加载完毕后执行window.Onload= function () {var oDemo = document.getElementById('demo');var oMark = document.getElementById('mark');var FloatBox = document.getElementById('float-box');var SmallBox = document.getElementById("small-box");var bigBox = document.getElementById('big-box');var bigImg = bigBox.getElementsByTagName('img')[0];oMark.Onmouseover= function (){FloatBox.style.display = "block";bigBox.style.display = "block";}oMark.Onmouseout= function (){FloatBox.style.display = "none";bigBox.style.display = "none";}oMark.Onmousemove= function (ev){var ev = ev || window.event;var left = ev.clientX - oDemo.offsetLeft - SmallBox.offsetLeft - FloatBox.offsetWidth / 2;var top = ev.clientY - oDemo.offsetTop - SmallBox.offsetTop - FloatBox.offsetHeight / 2;if(left = oMark.offsetWidth - FloatBox.offsetWidth - 10){left = oMark.offsetWidth - FloatBox.offsetWidth;}if(top = oMark.offsetHeight - FloatBox.offsetHeight - 10){top = oMark.offsetHeight - FloatBox.offsetHeight;}FloatBox.style.left = left + "px";FloatBox.style.top = top + "px";var scaleX = left / (oMark.offsetWidth - FloatBox.offsetWidth);var scaleY = top / (oMark.offsetHeight - FloatBox.offsetHeight);bigImg.style.left = -scaleX * (bigImg.offsetWidth - bigBox.offsetWidth) + "px";bigImg.style.top = -scaleY * (bigImg.offsetHeight - bigBox.offsetHeight) + "px";}}
2、JSONP
考核评分在线考评系统 源码,重建ubuntu引导项,tomcat的包名在哪改,python去爬虫空格,php个人网站有什么用,修水seo优化lzw
function fn1(data){var html = '';var oUl = document.getElementsByTagName('ul')[0];console.log(data);if(data.total != -1){for(var i=0; i'+ data.books[i].title +' '+ data.books[i].author_intro +''+ data.books[i].summary +'
' + data.books[i].publisher + '
';}oUl.innerHTML = html; }else{document.body.innerHTML+='亲~~ 没有数据哦~~~'; } } window.Onload= function (){var oBtn = document.getElementById('btn');var iNow = 0;oBtn.Onclick= function (){//动态添加 script 标签 加载URL地址 后传入 callback=fn1 输出一个函数, 在上面则定义好这个函数, 接受一个data 就是资源 json类型,循环输出, 可先console.log(dara) 查看数据var oScript = document.createElement('script'); oScript.src="https://api.douban.com/v2/book/search?q=%E6%A0%A1%E5%9B%AD&count=10&start="+ iNow +"&callback=fn1";document.head.appendChild(oScript);// 点击一次+10,从多少开始获取iNow += 10; } }3、获取指定区间范围随机数,包括lowerValue和upperValue
function randomFrom(lowerValue,upperValue){ return Math.floor(Math.random() * (upperValue - lowerValue + 1) + lowerValue);}//如获取1-100之间的随机数console.log(randomFrom(1,100));
4、数组排序
1、快速排序 /** * 得到中间那位那位数,然后循环判断, arr[i] <中间数 则push leftArr, 否则push rightArr, 最后返回 left数组 &#039;拼接&#039; 中间数 + right数组 */ function sort(arr){ if(arr.length <= 1){ return arr; } var numIndex = Math.floor(arr.length/2); var numVal = arr.splice(numIndex,1); var leftArr = []; var rightArr = []; for(var i=0; i5、数组去重
1、indexOf 去重/** * 当arr的第一次出现的位置 == i 则是第一次出现就push到tempArr */function unique(arr){ if (arr.length <= 1){ return arr; } var tempArr = []; for(var i=0; i6、深度拷贝
/** * 深度拷贝 * 使用for in 在循环赋值,避免对象引用 */function copy(obj){ if(typeof obj != 'object'){ return obj; } var newObj = {}; for(var attr in obj){ newObj[attr] = copy(obj[attr]); } return newObj;}