
js
文章平均质量分 80
Forevermoremo
此博客仅仅分享我在学习过程中的一些心得和想法,如果某些观点与某某发生冲突,望指正!!!
展开
-
浏览器中的画中画(Picture-in-Picture)API
https://segmentfault.com/a/1190000021217628原创 2020-12-09 09:35:02 · 1298 阅读 · 0 评论 -
前端解决接口跨域的方法
跨域产生的原因:浏览器受到同源策略的限制,在不同域名、不同端口、不同协议等情况下不允许资源共享。解决跨域的方法:(1)jsonp通常为了减轻web服务器的负载,我们把js、css,img等静态资源分离到另一台独立域名的服务器上,在html页面中再通过相应的标签从不同域名下加载静态资源,而被浏览器允许,基于此原理,我们可以通过动态创建script,再请求一个带参网址实现跨域通信。缺点...原创 2020-03-27 14:52:20 · 5382 阅读 · 0 评论 -
js判断两个对象内容是否相等
function isEqual(obj1,obj2){ if(!obj1 instanceof Object || !obj2 instanceof Object){/* 判断不是对象 */ return obj1 === obj2; } if(Object.keys(obj1).len...原创 2019-03-01 10:59:15 · 2919 阅读 · 2 评论 -
原生js的Ajax请求封装
function ajax({url,type,data,dataType}){ return new Promise(function(open,err){ //1. 创建xhr对象 var xhr=new XMLHttpRequest(); //2.绑定监听事件 xhr.onreadystatechange=function(){ if(xhr.r...原创 2018-11-14 13:20:33 · 2065 阅读 · 0 评论 -
谈js的变量声明和函数声明提升
首先我们需要知道JS解析的两个阶段:预处理、执行期,本次来谈谈预处理阶段。预处理阶段:JS会对代码中所有用var声明的变量和函数声明进行处理,将其提前。注:其中变量也只是进行了声明并未进行初始化以及赋值。变量:来个简单的例子:console.log(a);var a = 1;!!会显示undefined。实际上,浏览器的解析过程如下:var a;consol...原创 2018-07-23 22:20:25 · 202 阅读 · 0 评论 -
jq实现瀑布流布局
效果图:可以看到,除了第一行,接下来的图片都是添加在高度最低的那一列下面。因此我用了一个数组heightArr存放每一列的高度,每次选择高度最低的那列进行插入,随后更新当行列的高度。css: .box{ position: relative; margin: 0 auto; } .item{ position: absolute; ...原创 2018-07-04 19:12:00 · 2924 阅读 · 0 评论 -
JS获取for循环中i的实时值
最近在完成灯箱效果时,需要获取for循环中i的实时值来定位大图轮播的索引,但最初获得的是i的最大值几种获取for循环中i的实时值方法:自调:for (var i = 0; i < itemli.length; i++) { (function (arg) { itemli[i].onclick = function () { console.l...原创 2018-06-28 17:41:04 · 6085 阅读 · 0 评论 -
jq城市三级联动效果
<select id="selProvince"> <option>--请选择--</option> </select> <select id="selCity"> <option>--请选择--</option> </select> ...原创 2018-06-18 10:59:26 · 407 阅读 · 0 评论 -
jq实现放大镜查看商品大图效果
<div id="tab"> <!--中间区域--> <div class="mid-box"> <div class="zoom"></div><!--放大镜--> </div>原创 2018-06-18 10:12:38 · 1818 阅读 · 0 评论 -
JavaScript 之for循环打印金字塔图形
需求:1、用for循环打印半个金字塔图形n=5:<html><head><title>打印半个金字塔</title><script type="text/javascript">var n = window.prompt("请输入金字塔的高度(行数)"); for(var i=0;i<=n;i原创 2018-04-05 22:45:06 · 9906 阅读 · 0 评论 -
window对象的setTimeout、clearTimeout、setInterval、clearInterval方法
在JS中,除函数是需要调用时才执行的代码外,所有的代码都是浏览器读取代码时立即执行的。而window对象也提供了一 些方法可以设置代码的执行时间和执行方式。针对代码延迟执行:(1)setTimeout:可延迟代码的执行时间,也可指定代码的执行时间。 语法:window.setTimeout(code,delay) code参数...原创 2018-04-05 17:18:28 · 1323 阅读 · 0 评论