随笔分类 - Javascript
javascript original
摘要：cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“;”分隔。 JS设置cookie: 假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为： JS读取cookie: 假设cookie中存储的内
阅读全文
摘要：写一个焦点图demo，css3动画完成以后要把它隐藏掉，这里会用到css3的事件，以前没有接触过，结果查了一下发现这是一片新天地啊，而且里面还有好多坑，比如重复动画多次触发什么的。anyway，我还是先抓住有用的吧！任何能为我所用的都是有用的，任何不能为我所用的都是没用的，任何我能学会掌握的都是有用
阅读全文
摘要：也是无意间看见的，以前想过这个问题，但是没多想，今天看到这段代码豁然开朗
阅读全文
摘要：无意间在一个网站上看到的，本来是对另一个效果感兴趣的，结果看到这个放开来的js就读了一下。 这个js只做了一件事，如果设备是iphone的话，就把缩放设置为1.0，而一旦发生手势事件的时候就把缩放设置为0.25-1.6。 这种动态获取meta标签寻找viewport的方法还蛮独特的，以前没见过，记录
阅读全文
摘要：获取 我想到的第一个思路 然而这种方法并没有什么效果，因为style代表的是行间样式。 我突然想起以前学JS运动，有一个叫做getStyle的方法 这个方法用兼容的方式来获得元素的CSS属性 如果我们把这个方法的name去掉，就可以获得所有的CSS属性集合 这样我们就可以获得所有属性了。 如果是CS
阅读全文
摘要：因为JS对象和函数都存在引用的关系，某些时候我们想要直接复制一个对象或者数组什么的，存在引用关系会引起程序发生我们不期望发生的改变，所以需要进行拷贝方法的封装。 浅拷贝，适用于对象深度只有一层，多层的对象要使用深拷贝，把所有层都拷贝出来。 深拷贝，使用了递归的思路，把所有层都递归出来了。
阅读全文
摘要：直接用jQuery里Sizzle选择器那一段源码也行，自己写了一个 \\b是用来去空格的，参数 ' i ' 是用来区分大小写的。 用起来挺方便的
阅读全文
摘要：IE下有些特殊，所以要做if...else...判断 返回的结果是选取的文字的字符串格式
阅读全文
摘要：快速排序的原理为 1.找一个基准数（从数组的中间取） 2.把所有数和基准数作比较，小的放基准数的左边，大的放基准数的右边 3.再不断地把左边和右边两个数组递归 demo如下
阅读全文
摘要：自定义视频播放器的最好办法就是，隐藏掉原生播放器，把图像输出到canvas上面，然后再在周边加上一系列的控件，控件通过H5的API来控制源，源被控制了，Canvas上的图像也就被控制了。 自定义音频播放器的最好办法原理基本如上，有时间我要写个牛逼的播放器。 测试Demo
阅读全文
摘要：瀑布流效果分为两类：蘑菇街效果（第一种：固定列数）、百度图片/花瓣网(第二种：随着窗口的大小列数发生变化 ) 涉及到的问题： 1.数据问题（应用的技术：ajax/jsonp） 2.数据加载之后如何显示在页面上 ，展现出效果。 第一种：蘑菇街式的固定列数 原理： 一个ul，如果有四列，就是有四个li(
阅读全文
摘要：// 手势事件 touchstart //当手指接触屏幕时触发 touchmove //当已经接触屏幕的手指开始移动后触发 touchend //当手指离开屏幕时触发 touchcancel // 触摸事件 gesturestart //当两个手指接触屏幕时触发 gesturechange ...
阅读全文
摘要：最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示
阅读全文
摘要：这个方法setCursorPosition需要使用两个原生API setSelectionRangecreateTextRange Source: http://www.uncletoo.com/html/jsjquery/755.html http://www.cnblogs.com/snandy
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Hello,World!</title> </head> <body> <script type="text/javascript"> function scroll() {
阅读全文
摘要：参考文章： http://www.zhangxinxu.com/wordpress/2014/02/es6-javascript-promise-%E6%84%9F%E6%80%A7%E8%AE%A4%E7%9F%A5/
阅读全文
摘要：使用Javascript有很长一段时间了，现在觉得自己有了一定的瓶颈，读jQuery源码吃力，尝试着把自己写的面向过程的特效封装成插件也封装不好，学习MVC设计模式的框架也总是弄不懂，思来想去，还是觉得要静下心来学学设计模式以及设计模式涉及到的一些相关的基础，否则难以提高。以前读大学的时候学Java
阅读全文
摘要：jQuery方法获取元素的位置:$("selector").offset().top获取窗口:$("html,body")产生动画:animate({scrollTop:n},time)$("html,body").animate({ scrollTop: $("selector").offset(...
阅读全文
浙公网安备 33010602011771号