随笔分类 -  [随笔分类] Javascript

Javascript 拖拽的一些高级的应用——逐行分析代码，让你轻松了解拖拽的原理
摘要：我们看看之前的拖拽在周围有东西的时候会出现什么问题？ 在高级浏览器中不会有啥问题，我们放到IE7下面测试一下，问题就出来了。我们可以很清楚的看到，文字都已经被选中了。那这个用户体验很不好，用起来也不方便。顺便提一下，我们之前加了一个return false;帮我们解决了很多问题，如果去掉这个的话,chrome也会出现一样的问题。那么也就是说这个return false;可以解决chrome ff IE9+ 这些浏览器的问题。实际上在我们开发中，页面上会有许多的元素组成，不可能就一个div，在你拖动的时候其他地方是不会被选中的，比如说百度地图，大家可以玩玩。那我们如何做到这样子的一个拖拽呢？能够解决IE7的问题呢？ 阅读全文
posted @ 2015-01-16 10:53 孙悟饭 阅读(1646) 评论(0) 推荐(3)
Javascript 拖拽的一些简单的应用——逐行分析代码，让你轻松了解拖拽的原理
摘要：今天我们来看看如何让拖拽的物体不能拖出某个div之外和拖拽的吸附功能 上次讲到我们的拖拽是不可拖出可视区范围的，在这基础上我们加个父级的div，不让他拖出父级。原理和之前的一样....... 阅读全文
posted @ 2015-01-14 10:57 孙悟饭 阅读(2274) 评论(3) 推荐(2)
Javascript 拖拽雏形中的一些问题——逐行分析代码，让你轻松了解拖拽的原理
摘要：今天我们就来解决上一次拖拽雏形中的一些问题。下面看看有哪些问题？1. 现在的这个拖拽如果我鼠标移动的快点。。 2. 我们看看现在还有什么问题，虽然拖的快的问题解决了，但是当我把鼠标移动到这个位置.。。 3. 我们看看浏览器兼容的问题。。 阅读全文
posted @ 2015-01-12 10:46 孙悟饭 阅读(1527) 评论(10) 推荐(2)
Javascript 拖拽雏形——逐行分析代码，让你轻松了解拖拽的原理
摘要：拖拽拖拽实际上来说就是通过鼠标的位置来计算物体的位置，就是这么简单，就是这么任性。 那这个距离怎么求呢？？鼠标的位置-物体位置的差值就是那个距离 是吧。。。。 阅读全文
posted @ 2015-01-09 11:13 孙悟饭 阅读(1432) 评论(3) 推荐(0)
Javascript 完美运动框架——逐行分析代码，让你轻松了解运动的原理
摘要：大家一听这名字就知道，有了这套框架 网上的效果基本都是可以实现的。实际上之前的运动框架还是有局限性的，就是不能让好几个值一块运动。 那这个问题怎么解决呢？ 我们先来看看之前的运动框架 阅读全文
posted @ 2014-12-31 10:39 孙悟饭 阅读(1634) 评论(0) 推荐(1)
Javascript 可同时变大变宽等一系列效果运动框架——逐行分析代码，让你轻松了解运动的原理
摘要：等待已久的可同时变大边框等一系列效果运动框架出炉了，现在还是个初级版本，能满足需求。我们看看是如何实现的。 阅读全文
posted @ 2014-12-26 13:51 孙悟饭 阅读(1144) 评论(0) 推荐(0)
Javascript 运动中Offset的bug——逐行分析代码，让你轻松了解运动的原理
摘要：很神奇的代码，一不留神就出了bug，看看我们是怎么解决这个问题的。 阅读全文
posted @ 2014-12-24 14:14 孙悟饭 阅读(1263) 评论(0) 推荐(0)
Javascript 多物体运动——逐行分析代码，让你轻松了解运动的原理
摘要：我们先来看下之前的运动的代码，是否支持多物体运动，会出现怎么样的问题。。。 阅读全文
posted @ 2014-12-22 14:55 孙悟饭 阅读(1456) 评论(0) 推荐(1)
Javascript 匀速运动停止条件——逐行分析代码，让你轻松了解运动的原理
摘要：我们先来看下之前的匀速运动的代码，修改了速度speed后会出现怎么样的一个bug。这里加了两个标杆用于测试。。。 阅读全文
posted @ 2014-12-19 14:06 孙悟饭 阅读(1562) 评论(0) 推荐(4)
Javascript 缓冲运动——逐行分析代码，让你轻松了解缓冲运动的原理
摘要：缓冲运动——逐行分析代码，让你轻松了解缓冲运动的原理 阅读全文
posted @ 2014-12-18 10:25 孙悟饭 阅读(2092) 评论(5) 推荐(0)
Javascript 匀速运动——应用案例：网站常用功能分享到
摘要：网站上会经常用到Javascript 中的运动，这次与大家分享一下一些运动的基本应用 。 方便大家在开发中能够直接使用。 代码简单易懂，适用于初学者。最后会一步一步整理出一套自己的运动框架。 阅读全文
posted @ 2014-12-17 10:17 孙悟饭 阅读(1482) 评论(5) 推荐(2)
Javascript 学习笔记 无缝滚动
摘要：效果 ： 鼠标移入图片 停止滚动， 鼠标移出自动滚动 ，可以调整向左或右方向滚动。基本是比较全面的滚动效果。 阅读全文
posted @ 2014-12-16 13:34 孙悟饭 阅读(433) 评论(3) 推荐(0)
用JavaScript获取地址栏参数的方法
摘要：用JavaScript获取地址栏参数的方法，注释：ECMAScript v3 已从标准中删除了 unescape() 函数，并反对使用它，因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。 阅读全文
posted @ 2014-12-04 11:47 孙悟饭 阅读(538) 评论(0) 推荐(0)
scrollWidth,clientWidth,offsetWidth的区别
摘要：scrollWidth是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度），clientWidth是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。offsetWidth是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。 阅读全文
posted @ 2014-12-01 16:54 孙悟饭 阅读(440) 评论(2) 推荐(0)
分析JavaScript代码应该放在HTML代码哪个位置比较好
摘要：JavaScript代码建议外联，用来方便代码维护，使HTML 文档更小，利于搜索引擎收录,之后可以对可以压缩、加密单个 JavaScript 文件，浏览器可以缓存 JavaScript 文件，减少宽带使用（当多个页面同时使用一个 JavaScript 文件的时候，通常只需下载一次）。缺点是：将 JavaScript 代码形成为外部文件，也会增加服务器的 HTTP 请求负担，在超高并发请求的环境下，这并不是一个好的策略。另外 在引用外部 js 文件时，需注意文件的正确路径。 阅读全文
posted @ 2014-11-24 11:25 孙悟饭 阅读(4755) 评论(0) 推荐(3)