wuli萍-优快云博客

原创 javascript 面向对象原型链 this指向 jQuery原生封装方法

在javascript里面什么是面向对象万物皆是对象字面量 -- 字面上显示的东西叫做字面量包装类 -- 没有new的函数声明就是包装类什么是对象 1.只要是对象就可以有自己的私有属性。 2. 只要是new 出来的都是对象。 3. 不同对象肯定不会相等的。 4. 对象都会有引用机制。 * 如果不想引用就重新赋值生命周期：面向对象 - 最有用的就是私有属性面向对...

2019-06-06 20:28:14 322

原创冒泡排序

冒泡排序思路 i从0开始，i与i+1比较，如果i>i+1，那么就互换 i不断增加，直到i<n-1（n是数组元素的个数，n-1是数组已经最后一个元素），一趟下来，可以让数组元素中最大值排在数组的最后面 var arr=[15,8,54,41,9,666,78,45]; for(var i=0;i<arr.length;i++){ for(v...

2019-06-06 19:19:48 149

原创用js、jq写图片放大镜

css部分 <style type="text/css"> *{ margin:0; padding:0; } .bigbox{ width:1000px; margin:0 auto; } .left{ width:400px; height:...

2019-05-07 15:52:04 255

原创用js来写瀑布流

瀑布流思路 1、获取文档宽度和每个盒子宽度（此处取第一个盒子），然后相除获得一行排列盒子的个数，将容器设置为盒子。 2、定位第一行盒子：top为0，left为单个盒子宽度×盒子顺序的下标，将每一列盒子的高度存储在一个数组中。 3、获取第一行盒子高度的最小值（Math.min），然后依次比较确定是第几个盒子，对于顺序大于cnum的盒子，即第一行以后，位置即在第一行最短的盒子之下，定位为abs...

2019-05-06 17:24:30 227

原创如何解决跨域问题

什么是跨域跨域，指的是浏览器不能执行其他网站的脚本产生跨域的原因由浏览器的同源策略造成的（同域名，同端口，同协议）解决跨域的方案 jsonp:动态创建script标签，使用jQuery的jsonp请求优点 : 兼容性强&不受同源策略的限制缺点 : 只能用get方法，不能使用post方法 ajax写法 $.ajax({ url: type:"g...

2019-04-26 19:48:55 246

原创让你了解什么是JSON

JSON这几个字母是啥意思 JavaScript Object Notation 它是个什么东西 JSON是一种轻量级的数据交换格式，它基于 ECMAScript 的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据 JSON的语法规则 1、数据在名称/值对中 2、数据由逗号分隔 3、大括号保存对象 4、中括号保存数组 JSON 名称/值对 JSON 数据的书写格式是...

2019-04-21 22:34:41 331

原创用jquery和javascript两种方法来写简易的对话框

原生js写简易聊天框 css部分 <style type="text/css"> *{ list-style: none; margin:0px; padding:0px; } .chat{ width:500px; border:1px solid black; margin:0 auto; ...

2019-04-19 20:30:41 303

原创拖拽事件思路及所学知识点

拖拽时间思路： 1、鼠标按下时的事件对象操作（找到鼠标距离盒子的边距） 2、鼠标移动时对事件对象的操作（计算出鼠标移动时盒子移动的距离写出浏览器的可见高度和可见宽度计算出盒子可以移动的最大距离） 3、当鼠标松开时，将鼠标移动事件清空 HTML部分 <body> <div id="box"></div> </...

2019-04-16 17:01:07 260

原创轮播图思路以及用到的知识点

轮播图思路轮播图思路： 1.首先所有的图片都是放在一个div中让它叠加起来的，设置层级让当前图片出现在最上面 2.为每个底部圆点按钮添加点击事件 3.用时间间隔函数让轮播图每隔两秒自动更新 4.鼠标移入事件和鼠标移除事件 5.添加左右点击事件, css部分 //css部分 <style type="text/css"> *{ marg...

2019-04-16 16:37:39 4700 1

原创使用JSON Ajax制作点击按钮随机出现一张图片并且显示对应是第几张图片

使用随机数让图片随机产生 html部分： <body> <h1 id="text"></h1> <p id="title"></p> <img src="" alt="" id="img"/> <button id="btn">点击按钮</button> &l...

2019-04-15 19:01:18 707

wuli_ping的博客