懒加载实现的分页&&网站footer自适应

2017年02月06日 71 阅读

最近在做手机端，发现下拉刷新和上拉加载的jq控件很少而且自我感觉不好用，比如iscroll之类……然后自己写了个懒加载的，也很简单，最基础的代码【不喜勿喷，但蛮实用的】wap手机端懒加载分页：用之前先引用下jquery.jsvar current = 1; $（function（） {$（"body"）.bind（"touchmove", function（e） {if（$（this）.scrollTop（） > （$（window）.height（...

原生的强大DOM选择器querySelector介绍

2017年02月06日 118 阅读

在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。事实上，现在所有的浏览器厂商都提供了 querySelector 和 querySelectorAll 这两个方法的支持，甚至就连微软也派出了 I...

解决拦截器对ajax请求的拦截实例详解

2017年02月06日 87 阅读

解决拦截器对ajax请求的的拦截拦截器配置：public boolean preHandle（HttpServletRequest request, HttpServletResponse response,Object obj） throws Exception {//获取判定登陆的session是否存在String token = （String） request.getSession（）.getAttribute（"token"）;String po...

读Javascript高性能编程重点笔记

2017年02月06日 71 阅读

第一点//高效简洁 //低消能children //childNodeschildElementCount//childNodes.lengthfirstElementChild//firstChildlastEelmentChild//lastChildnextElementSibling //nextSiblingpreviousElementSibling //previousSibling第二点：选择器的高效应用<div...

JS弹性运动实现方法分析

2017年02月06日 80 阅读

本文实例分析了JS弹性运动实现方法。分享给大家供大家参考，具体如下：描述：像弹簧一样左右弹动，最后缓慢停下来一、加减速运动1.加速运动var iSpeed=0;iSpeed++;速度越来越快，最后冲出去2.减速运动var iSpeed=20;iSpeed--;速度越来越慢，降到0后开始变负值往反方向运动二、弹性运动1.在目标点左边，加速；目标点右边，减速,如if（div1.offsetLeft<300）{ iSpeed=iSpeed+1;//等同iS...

BootStrap整体框架之基础布局组件

2017年02月06日 148 阅读

1 基础布局组件在12栅格系统上基础上，BootStrap还提供了多种基础布局组件。 CSS组件，总结为8大类型的样式： 基础样式、颜色样式、尺寸样式、状态样式、特殊元素样式、并列元素样式、嵌套子元素样式、动画样式1.1基础样式基本样式，一般包含文本字体，颜色背景，边框，定位等，如下面警告框：//源码.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; bor...

Bootstrap CSS布局之列表

2017年02月06日 73 阅读

本文实例为大家分享了Bootstrap CSS布局中的列表布局，供大家参考，具体内容如下列表 普通列表ul li 有序列表ol li 去点列表.list-unstyled 内联列表.list-inline 定义列表dl dt dd 水平定义列表dl-horizontalul,ol { margin-top: 0; margin-bottom: 10px;}ul ul,ol ul,ul ol,ol ol { margin-bottom: 0;}普通列表ul ...

Bootstrap整体框架之CSS12栅格系统

2017年02月06日 128 阅读

1.整体架构BootStrap框架公共六个部分：（css组件和js插件是其表现形式，其余的是基础支撑平台）表现形式 CSS组件 JS插件 基础支撑平台 CSS12栅格系统 基础布局组件 jQuery 响应式设计1.1 CSS12栅格系统12栅格系统是BootStrap的核心功能，也是响应式设计核心理念的一个实现方式。1.1.1 实现原理栅格布局原理：定义容器大小，平分12分，在调整内外边距，最后结合媒体查询，制作出强大响应式的栅格系统。1.最外层的边框，伴...

如何解决hover在ie6中的兼容性问题

2017年02月06日 85 阅读

1，在body里添加以下样式：behavior:url（../scripts/csshover.htc）;csshover.htc可直接在网上下载2，js解决判断是否为ie6window.onload=function（）{var isIE=！！window.ActiveXobject:var is IE6=isIE&&XMLHttpRequest;if（isIE6）{}}以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希...

Bootstrap整体框架之JavaScript插件架构

2017年02月06日 92 阅读

本文实例为大家介绍了JavaScript插件架构的知识点，供大家参考，具体内容如下1. JavaScript插件架构如下是插件alert的全部代码，每个插件都定义在如下类似的作用域中：+function （$） { "use strict"; // ALERT CLASS DEFINITION // ====================== var dismiss = "[data-dismiss="alert"]" var Alert = funct...

浅述节点的创建及常见功能的实现

2017年02月06日 91 阅读

新创建一个元素节点，并把该节点添加为文档中指定节点的子节点1，新创建一个元素节点，返回值为指向元素节点的引用var liNode =document.creatElement（"li"）;var cityNode=document.getElementById（"city"）;新添加newChild子节点，该子节点将作为elementNodecityNode.appendChild（liNode）;2,创建一个文本节点 creatTextNodevar x...

JS碰撞运动实现方法详解

2017年02月06日 84 阅读

本文实例分析了JS碰撞运动实现方法。分享给大家供大家参考，具体如下：描述：撞到目标点弹回来（速度反转）一、无重力的漂浮divvar div1=document.getElementById（"div1"）;var iSpeedX=6;var iSpeedY=8;setInterval（function（）{var l=div1.offsetLeft+iSpeedX;var t=div1.offsetTop+iSpeedY;if（t>=document...

javascript数组去重方法分析

2017年02月06日 81 阅读

本文实例讲述了javascript数组去重方法。分享给大家供大家参考，具体如下：方法一.思路：创建一个新的空数组，循环遍历旧数组，用indexOf（）方法，可以取得元素在数组中的位置，如果值为-1表示不存在。那么新数组用indexOf去获取老数组的每一个元素，如果值为-1表示不存在，就把他push到新数组里，最后输出新数组即去重后的数组var arr=[24,56,74,89,24,56,78,09,24];var new_arr=[];for（var i...

微信公众号开发 实现点击返回按钮就返回到聊天界面

2017年02月06日 77 阅读

话不多说，请看代码pushHistory（）;function pushHistory（） {var state = {title: "title",url: "#"};window.history.pushState（state, "title", "#"）;}if （typeof window.addEventListener ！= "undefined"） {window.addEventListener（"popstate", function （...

JavaScript中定义对象原型的两种使用方法

2017年02月06日 68 阅读

第一种：function Person（）{this.username = new Array（）;this.password = "123";}Person.prototype.getInfo = function（）{alert（this.username + ", " + this.password）;}var p = new Person（）;var p2 = new Person（）;p.username.push（"zhangsan"）;p2....

jQuery Validate让普通按钮触发表单验证的方法

2017年02月06日 71 阅读

一般的表单校验都是直接注册在页面上的匿名函数，导致只能通过固定的提交方式触发表单校验，如果想自定义一个按钮触发表单校验如何实现呢？目前写法：$（function（）{ $（"#form"）.validate（{rules : { user_name : {required : true }, ……},messages : { user_name : {required : "用户名必填", }, ……} }）;}）;改写方法：//编写表单验证函数valid...

简单三步实现报表页面集成天气

2017年02月06日 81 阅读

条条框框的报表页面枯燥乏味？不妨给页面加点“新意”！前阵子，在看天气预报的时候，发现免费天气预报的调用代码，瞬间想到可以给我开发的报表“润润色”。一共三个步骤，教你手到擒来第一步先去天气资源提供者（自行百度）挑选适合自己页面的预报第二步copy框中iframe标签。JS代码：document.writeln（"<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=cod...

浅谈JavaScript的自动垃圾收集机制

2017年02月06日 77 阅读

执行环境会负责管理代码执行过程中使用的内存，编写JavaScript程序时，所需内存的分配以及无用内存的回收完全实现自动管理。原理：找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间）周期性地执行这一操作。垃圾收集的方式：1.标记清除（mark-and-sweep） 最常用的垃圾收集方式。当变量进入环境时，就将变量标记为“进入环境”。从逻辑上讲，永远不能释放进入环境的变量所占用的内存，因为只...

详解jQuery简单的表单应用

2017年02月06日 77 阅读

大致介绍接下来的这几个博客是对前面所学知识的一个简单的应用，来加深理解单行文本框只介绍一个简单的样式：获取和失去焦点改变样式基本结构：<form action="#" method="post" id="regFrom"> <fieldset> <legend>个人基本信息</legend> <div> <label for="username">名称：</label> &...

jquery UI Datepicker时间控件冲突问题解决

2017年02月06日 90 阅读

公司里的项目由于发展较快，很多东西都没有好好梳理一下，以至于有很多的潜在的问题。最近就遇到了一个比较坑的问题。datepicker有两个插件库中的datepicker插件比较有名。一个是jQuery-UI，一个是bootstrap。两个的api网址分别是然而在项目中很不巧的两个库都用到了。然后就出现了以下情况：http://jqueryui.com/datepicker/ 和 http://bootstrap-datepicker.readthedocs....