- 博客(10)
- 收藏
- 关注
RSS订阅原创 javascript 面向对象 原型链 this指向 jQuery原生封装方法
在javascript里面什么是面向对象万物皆是对象字面量 -- 字面上显示的东西叫做字面量包装类 -- 没有new的函数声明就是包装类什么是对象1.只要是对象就可以有自己的私有属性。2. 只要是new 出来的都是对象。3. 不同对象肯定不会相等的。4. 对象都会有引用机制 。* 如果不想引用就重新赋值生命周期：面向对象 - 最有用的就是私有属性面向对...
2019-06-06 20:28:14
245
原创 冒泡排序
冒泡排序思路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
87
原创 用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
180
原创 用js来写瀑布流
瀑布流思路1、获取文档宽度和每个盒子宽度（此处取第一个盒子），然后相除获得一行排列盒子的个数，将容器设置为盒子。2、定位第一行盒子：top为0，left为单个盒子宽度×盒子顺序的下标，将每一列盒子的高度存储在一个数组中。3、获取第一行盒子高度的最小值（Math.min），然后依次比较确定是第几个盒子，对于顺序大于cnum的盒子，即第一行以后，位置即在第一行最短的盒子之下，定位为abs...
2019-05-06 17:24:30
151
原创 如何解决跨域问题
什么是跨域跨域，指的是浏览器不能执行其他网站的脚本产生跨域的原因由浏览器的同源策略造成的（同域名，同端口，同协议）解决跨域的方案jsonp:动态创建script标签，使用jQuery的jsonp请求优点 : 兼容性强&不受同源策略的限制缺点 : 只能用get方法，不能使用post方法ajax写法$.ajax({ url: type:"g...
2019-04-26 19:48:55
177
原创 让你了解什么是JSON
JSON这几个字母是啥意思JavaScript Object Notation它是个什么东西JSON是一种轻量级的数据交换格式，它基于 ECMAScript 的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据JSON的语法规则1、数据在名称/值对中2、数据由逗号分隔3、大括号保存对象4、中括号保存数组JSON 名称/值对JSON 数据的书写格式是...
2019-04-21 22:34:41
257
原创 用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
245
原创 拖拽事件思路及所学知识点
拖拽时间思路：1、鼠标按下时的事件对象操作（找到鼠标距离盒子的边距）2、鼠标移动时对事件对象的操作（计算出鼠标移动时盒子移动的距离 写出浏览器的可见高度和可见宽度 计算出盒子可以移动的最大距离）3、当鼠标松开时，将鼠标移动事件清空HTML部分<body> <div id="box"></div></...
2019-04-16 17:01:07
175
原创 轮播图思路以及用到的知识点
轮播图思路轮播图思路：1.首先所有的图片都是放在一个div中让它叠加起来的，设置层级让当前图片出现在最上面2.为每个底部圆点按钮添加点击事件3.用时间间隔函数让轮播图每隔两秒自动更新4.鼠标移入事件和鼠标移除事件5.添加左右点击事件,css部分//css部分<style type="text/css"> *{ marg...
2019-04-16 16:37:39
4401
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
606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人