Welcome 微信登录

首页 / 脚本样式 / JavaScript

实例讲解jQuery中对事件的命名空间的运用

实例讲解jQuery中对事件的命名空间的运用

2017年02月06日 9 阅读
用 jQuery 绑定和解绑事件监听器都是非常简单的。但是当你为一个元素的一个事件绑定了多个监听器时，怎样精确地解绑其中一个监听器？我们需要了解一下事件的命名空间。看下面这段代码：$（“#element”）.on（“click”, doSomething）.on（“click”, doSomethingElse）;像上面这样绑定事件监听器，当元素被点击时，doSomething 和 doSomethingElse 这两个监听器都会被触发。这是使用 jQue...
原生js的数组除重复简单实例

原生js的数组除重复简单实例

2017年02月06日 10 阅读
js对数组的操作在平常的项目中也会遇到，除去一些增加，或者减少的操作外，还有一个比较重要的操作就是数组的除重，通过数组的除重，我们可以将一个数组中存在的多个重复的数组进行清理，只留下不重复的。另外下面我介绍一种原生就s的数组除重方法。Array.prototype.check= function（）{ for（var i=0;i<this.length;i++）{ for（var j=i+1;j<this.length;j++）{ if（thi...
jQuery中借助deferred来请求及判断AJAX加载的实例讲解

jQuery中借助deferred来请求及判断AJAX加载的实例讲解

2017年02月06日 9 阅读
ajax请求异步队列加载我们在开发程序的时候通常会碰到使用ajax加载数据显示到列表的情况。ajax默认使用异步加载（async:true）。为什么不使用同步呢，因为ajax同步加载会UI渲染线程阻塞的问题。通常表现为在加载大量数据时由于加载时间过长导致页面不能点击、gif动画卡死以及浏览器崩溃等问题。所以，一般情况下，尽量使用ajax异步加载。可是，我们有些时候的需求要求ajax同步加载，一个加载完再加载下一个，即所谓的队列。前面我们有说过，同步加载会引...
JS实现回到页面顶部动画效果的简单实例

JS实现回到页面顶部动画效果的简单实例

2017年02月06日 9 阅读
最近在模仿各大网站写页面样式和交互，发现好多都有回到顶部的需要，所以写了一下js，记录下来。发现还可以添加从快到慢的动画效果和随时下拉滚动条停止滚动的功能， 参考了imooc上相关课程，最终实现JS代码如下：//页面加载后触发window.onload = function（）{var btn = document.getElementById（"btn"）;var timer = null;var isTop = true;//获取页面可视区高度var ...
倾力总结40条常见的移动端Web页面问题解决方案

倾力总结40条常见的移动端Web页面问题解决方案

2017年02月06日 9 阅读
1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替im...
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析

JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析

2017年02月06日 9 阅读
淘宝图片处理讨论淘宝网页面很大，但是打开速度很快。其对图片处理是运用了滚动加载，就是滚动轴滚到哪里，图片在哪里加载。但是你想查看他的源代码，那要费九牛二虎之力吧，因为他们代码压缩合并做的很好！因为图片是滚动加载的，初始化的时候图片不加载，那么当你在页面底部刷新页面的时候，底部的页面通常不会加载出来，淘宝网的做法貌似是（因为我没有看他们的源代码，只是凭操作），刷新让页面回到顶部。模仿淘宝，做滚动图片加载这里想到了三种方法：1.javascript懒加载之可视...
实例解析jQuery中proxy（）函数的用法

实例解析jQuery中proxy（）函数的用法

2017年02月06日 9 阅读
jQuery.proxy（）,接受一个函数，然后返回一个新函数，并且这个新函数始终保持了特定的上下文（context ）语境。jQuery.proxy（ function, context ）function将要改变上下文语境的函数。context函数的上下文语境（`this`）会被设置成这个 object 对象。jQuery.proxy（ context, name ）context函数的上下文语境会被设置成这个 object 对象。name将要改变上下...
使用jQuery中的wrap（）函数操作HTML元素的教程

使用jQuery中的wrap（）函数操作HTML元素的教程

2017年02月06日 9 阅读
wrap（）函数用于在每个匹配元素外部包裹指定的HTML结构。与该函数相对的是unwrap（）函数，用于当前匹配元素的父元素（只移除父元素，其内部节点全部保留）。该函数属于jQuery对象（实例）。语法jQueryObject.wrap（ wrapper ）参数wrapperString/Element/jQuery/Function类型用于包裹匹配元素的节点。如果参数wrapper为字符串，则将其视作jQuery选择器或html字符串，jQuery会自行...
轻松掌握jQuery中wrap（）与unwrap（）函数的用法

轻松掌握jQuery中wrap（）与unwrap（）函数的用法

2017年02月06日 9 阅读
wrap（）wrap（）函数可以接受任何字符串或对象，可以传递给$（）工厂函数来指定一个DOM结构。这种结构可以嵌套了好几层深，但应该只包含一个核心的元素。每个匹配的元素都会被这种结构包裹。该方法返回原始的元素集，以便之后使用链式方法。eg：//在当前页面内追加换行标签和指定的HTML内容function w（ html ）{document.body.innerHTML += "<br/>" + html;}var name = "Hello...
详解Node.js模块间共享数据库连接的方法

详解Node.js模块间共享数据库连接的方法

2017年02月06日 9 阅读
这个标题本身就是一个命题，因为使用默认方式的情况下，一个 Node.js 应用里的各个模块都是共享的同一个数据库连接。但是如果姿势不对，可能会很丑陋，甚至可能会出错。你可以忽略下面这部分，直接切入正题。背景最近在做专业课程设计，题目是“机票预订管理系统”。需求比较简单，就试着拿最近在学的 Node.js 来做了。本来还在调研用何种 Node.js 框架比较合适，看了几个框架之后发现这是杀鸡用牛刀，有看文档查资料的时间还不如直接动手写了。最后写完我会把代码放...
<< 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图