URL网址里面执行JavaScript代码
很多时候我们分享一个网页都是为了让别人浏览网页内容，一种通过url的形式进行传播。这意味着很多局限性，不能分享网页动态交互效果。比如说分享一个网页的某个链接的点击后的状态，分享网页里面的播放特定的音乐，分享网页里面的某一块内容而其他内容不想被别人看到。。。等等等等 在不影响网站的数据与结构的前提下，要实现这些效果唯有JavaScript交互代码而唯一的线索就是...
前端搜索+高亮关键词
今天来讲讲前端搜索如何做，后端搜索是从数据库匹配信息，而前端搜索是从json数据中匹配关键词，主要用到json数据的for遍历，假如有以下的json数据： var faq={ "订阅流程":{ "如何订阅秋叶网络博客？":"进入netblog.cn首页点击菜单栏下面的订阅博客图标输入邮箱地址", "多久推送一次？":"邮件系统每天都会对netblog.cn首页进行校验，如果有新文章，将会以邮件形式推送给订阅...
前端实现静态分页展示内容
为什么会有前端分页，请听我细细道来。 包括这一次，我已经是有两次被要求用前端做分页的情况了。无奈只好自己动手丰衣足食，写个方法方便以后使用。 内容分页最初的目的是为了减轻服务器压力，一次性把所有内容读出来，内容量大的话，会给数据库造成很大的压力，而且响应速度也很慢。所以把大数据分割成一小段一小段地截取读出来。 后端做这种事情最为常见了，但是前端做分...
我对js开发程序语言的理解
据说js最先出现的时候是用来进行表单验证的，在它出现之前一直都用后台语言如php来验证。经过一段时间对js的学习，说说我对js的理解。 js也是一种开发语言，js跟php是类似的，只是有些写法不一样，逻辑与结构大致相同，js能干的事情有些php也能干，php能干的有些事情js也能干，那为什么要用js，原因在于js是客户端语言，在客户端上运行，而php是服务器语言，在服务器上运行，...
前端编程
setInterval在切换浏览器标签页时的bug修复
网页上做动画的时候，常常会碰到我去浏览其他页面再切换回来浏览动画页面的时候，发现动画变得迟钝了，才1秒没看，就变得懒洋洋的。 解决办法其实很简单，用两个窗口的事件window.onfocus和window.onblur分别对应窗口聚焦的时候和离开窗口的触发事件。在窗口聚焦时开启定时器，离开时关闭定时器，也省资源。而且还不会出现迟钝的现象： var timer = setInterval(process); w...
解决Audio api “createMediaElementSource(player)”取不到声源
曾几何时，我发布了一篇文章《Javascript操作音频流数据的重大问题 》，探究了一下html5与w3c的bug，获取音频数据的时候出现：“MediaElementAudioSource outputs zeroes due to CORS access restrictions”的警告信息。那时候找了很久的修复手段，一直未果，因为少有人探讨，有探讨的却没有真正解决问题的办法。所以这个问题一直耽搁到现在，是我一直的心腹。 今天得闲重新...
自写JS模拟滚动条实现插件(支持触摸)
最近做项目的时候，遇到比较多局部滚动的需求，本来想偷懒直接在外层div加个css样式overflow:auto;就可以实现滚动，可是后来发现默认滚动条实在是太丑，尤其在mac的chrome和ie上，而且局部滚动的时候连同页面也在滚动。这种体验，只要有人测试，都会提出修改的建议，可是默认的无从修改，即使修改了样式也存在兼容性。除非自写方法，用js取代默认滚动方法。 为了以后的省事，...
Javascript表格数据分析处理
关于数据的方面，往往跟表格联系在一起，因为表格能容纳大数据，使得数据看起来更整洁直观，再经过js的批量分析操作，会使得原本整洁直观表格数据变得更加整洁直观。 以下是处理表格中的数据的一个方法，将数据小于60%的标注为红色背景，将大于60%但小于80%的标注为黄色背景。相当于成绩的警告系统。如果数据量大的话，比如说一个学校几万人的成绩表格，要把里面的挂科人数找...
Facebook赞(like)与分享(share)sdk接口使用与回调
第一步： Facebook官网主页上的点赞以及网页的分享，facebook都提供了一个公共接口文件，即： <script src="https://connect.facebook.net/en_US/sdk.js"></script> 要使用这些功能，当然不止赞和分享，还有登录登出，社会化插件，App分析，广告等等都是用用这个文件，要使用Facebook的这些功能，首先要在页面中头部引入这个文件。当然你也可以使用Facebook推荐...
js图片简单放大缩小功能
点击鼠标左键放大图片，点击鼠标右键缩小图片 // < 
