2016年07月_xyphf_和派孔明

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月

原创微信摇一摇js

Pandora.Grav.Mobile.js(function($) { $.fn.extend({ //移动端-重力感应 Grav: function(options) { var config = { ShakeRate: 200, //重力灵敏度

2016-07-29 18:52:47 754

原创微信、手机页面禁止页面下拉

webapp，微信、手机、移动端页面禁止页面下拉window.onload = function(){ document.body.addEventListener("touchmove",function(event){ event.preventDefault(); });};

2016-07-29 18:46:44 8168

原创垂直居中应用

近日在O2O移动电商手机页面时有个需求，就是一堆ul列表里面，有一个li的高度不确定，但是要求其他的li的高度，以它的高度垂直居中。具体如下啊

2016-07-26 10:25:49 384

原创浅谈原生javascript的select操作

浅谈原声javascript的select下拉框操作

2016-07-26 09:15:45 5172

很多人找了很久，都没找到一款好用的H5全屏滚动插件，而H5全屏滚动又是一个常用的技术，常用于移动端的营销推广，虽然现在有很多类似易企秀之类的合成软件，除了数据没法对接到自己平台之外，收集用户数据也有被平台运营方获取的风险。所有我们今天自己查找了一款全屏滚动插件，就是swiper，很多人乍一看，swiper这么的API一下就蒙圈了，这里我做了一下简要的提炼，方便你快速上手，H5移动端全屏滚动动画的制作

2016-07-25 11:53:37 11626

转载【转】移动端轮播插件，zepto轮播插件

移动端轮播图，移动端图片切换效果，手机移动端轮播图插件，zepto图片轮播切换插件

2016-07-25 09:09:14 5600 1

原创移动端拖拽的实现效果

拖拽

2016-07-21 23:17:09 6567

原创关于zepto.js的移动端拖拽写法

zepto.js;移动端拖拽;js拖拽;

2016-07-21 16:56:36 5823 1

原创获取文件类型、扩展名

2016-07-21 12:32:59 709

转载 [转载]强大的文件上传插件

多文件上传插件；带预览图的文件上传插件；可判断文件大小的上传插件；获取文件名的上传插件；

2016-07-21 11:50:16 3412 2

原创聊一聊关于CSS的那些事

css样式、css揭秘、css hack

2016-07-21 09:14:25 800

原创左右轮播图,banner

左右轮播，banner代码

2016-07-19 17:35:26 458

原创说说zepto.js的事件

1、创建并初始化一个指定的DOM事件。如果给定properties对象，使用它来扩展出新的事件对象。默认情况下，事件被设置为冒泡方式；这个可以通过设置bubbles为false来关闭。 $.Event(type, [properties]) ⇒ event$.Event('mylib:change',{bubbles:false});//指定事件的名称，事件的动作2、绑定自定义事件$(docum

2016-07-14 13:42:17 13284

原创关于响应式布局的相关介绍——和派孔明

一、响应式布局简介简单的讲，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。二、响应式布局的优点面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题三、认识响应式布局响应式布局又称之为媒体查询（Media Query），即通过不同的媒体类型和条件

2016-07-13 23:16:33 780

原创 animate.css动画库使用方法介绍

animate.css动画库简介 Animate.css是由Dan Eden的Daniel Eden使用CSS3的animation制作的动画效果的CSS集合。它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。换句

2016-07-13 16:45:52 7719

原创史上最简单的JQ选项卡

选项卡,自动选项卡,JQ选项卡,JQ自动选项卡,选项卡插件

2016-07-11 13:01:48 4420

原创 jQuery的DOM操作的简单介绍

一、节点的创建1、$("<div></div>")2、创造元素节点并将文本内容一并描述$("<div>我是文本节点</div>")3、创建属性节点$("<div id='test' class='aaron'>我是文本节点</div>")二、内部插入 append()和appendTo()//插入内尾部 prepend和prependTo()//插入内头部//例1:<body>

2016-07-10 19:07:21 682

原创 JavaScript Math 对象总结

Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。Math.random(); //返回介于 0 ~ 1 之间的一个随机数。//document.write(Math.random());function SetR

2016-07-08 13:52:05 1058

原创用JQuery实现Ajax的简单小应用

jQuery.ajax([settings]) type:类型,”POST”或”GET”,默认为”GET” url:发送请求的地址 data:是一个对象，连同请求发送到服务器的数据 dataType:预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包MIME信息来智能判断, 一般我们采用json格式，可以设置为”json”;（当然实际工作中，我们可以事先和后端的同事沟通

2016-07-08 13:30:25 908

原创聊一聊关于javascript数组去重性能优化那些事？——和派孔明

说到数组去重的方法，我觉得是个前端工程师都能写出几个方法来，但是各种方法之间的性能怎么样了，这次带着这个问题，我们来一起做一下研究？ 1、数组去重的方法有哪些？ 2、哪种数组去重的的方法性能较好下面先来介绍数组去重的几种方法数组去重

2016-07-07 23:36:14 1128

原创关于数组去重、统计次数、排序的小案例介绍

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组去重-统计次数-排序案例</title><style>#div1{width:375px;height: 525px;background: #ccc;margin: 0 auto;}#div1 .prompt{text-align:

2016-07-07 09:44:30 1054

原创关于数组去重、统计的小案例介绍

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组去重-统计案例</title><style>#div1{width:375px;height: 525px;background: #ccc;margin: 0 auto;}#div1 .prompt{text-align: cente

2016-07-07 09:38:19 639

原创关于数组去重的小案例介绍

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组-去重</title><style>#div1{width:375px;height: 525px;background: #ccc;margin: 0 auto;}#div1 .prompt{text-align: center;}

2016-07-07 09:31:33 749

转载点击按钮，打开文件上传窗口

如何实现点击按钮打开如上图的文件上传窗口呢？demo1 Document 注释：Internet Explorer 9 以及更早的版本不支持 input 标签的 accept 属性。注释：鉴于安全考虑，该例不允许您上传文件。demo2定义input type="file" 的样式body{ font-size:14px;}

2016-07-06 08:30:26 5627

原创聊一聊HTML5存储的那些事儿！

聊一聊HTML5存储的那些事儿！1、HTML5与以往的存储方式有哪些不同？ javascript的cookie使用方法介绍 JQuery的cookie使用方法解决cookie只有4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器2、H5 的几种存储形式本地存储(localstorage && sessionstorage)

2016-07-05 13:51:46 742

原创 localStorage的过期时间设置的方法？——和派孔明

我们都知道localStorage不主动删除,永远不会销毁，那么如何设置localStorage的过期时间呢，今天我们来一起尝试一下！封装localStorage过期控制代码

2016-07-05 13:30:22 38195 9

原创关于使用HTML5本地存储图片的介绍——和派孔明

关于使用HTML5本地存储图片的介绍——和派孔明

2016-07-05 09:17:19 4288

原创 HTML5本地存储sessionStorage和localStorage的常用操作

HTML5本地存储sessionStorage //数据随着浏览器的关闭而销毁。localStorage//不主动删除,永远不会销毁sessionStorage的常见用法 //设置存储,用途:将value存储到key字段,用法sessionStorage.setItem(key,value); sessionStorage.setItem("nam

2016-07-05 00:48:44 964

原创 JQuery的cookie使用方法——和派孔明

jquery.cookie.js的创建、读取、删除使用方法介绍

2016-07-03 22:45:55 648

原创 javascript的cookie使用方法介绍——和派孔明

我知道不少新手朋友在W3C上看cookie的用法都看晕了，在这里我通过最简单的方法向大家介绍cookie的用法，希望大家一看就懂。下面先简单的介绍一下cookie的作用：保存用户信息,保存到客户端,浏览器里面自动登录，记住用户名，发微博，微信cookie特点：大小受限： 4k

2016-07-03 20:05:30 645

原创 javascript字符操作大全

concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。 indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。 charAt() – 返回指定位置的字符。 lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。 match() – 检查一个字符串是否匹配一个正则表达式。 substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。 replace() – 用来查找匹配一个

2016-07-03 13:43:51 407