jQuery mobile 移动web（6）

2017年02月06日 11 阅读

jquery mobile 针对移动端设备的事件类型。 1.touch 事件。 tap 快速触摸屏幕并且离开，类似一种完整的点击操作。 taphold 触摸屏幕并保持一段时间。 swipe 在1秒内水平移动30px屏幕像素上时触发。 swipeleft 向左侧滑动 swiperight 像右侧滑动。 2.方向改变事件 orientationchange 事件函数当移动设备的方向发生改变触发，在事件的回调函数内的第二个...

基于jQuery实现放大镜效果

2017年02月06日 11 阅读

相信大家都见过或使用过放大镜效果，甚至实现过该效果，它一般应用于放大查看商品图片，一些电商网站（例如：凡客，京东商城，阿里巴巴等）都有类似的图片查看效果。在接下来的文章中，我们将向大家介绍通过jQuery实现放大镜效果。1、实现原理首先，我们讲解一下放大镜效果的实现方式：方法一：准备一张高像素的大图，当鼠标放到原图上，加载显示大图的对应位置。方法二：对原图片进行放大，也就是调整原图的长和宽。上面我们介绍了通过两种方式实现放大镜效果，接下来，我们将以上的两种...

jQuery mobile 移动web（4）

2017年02月06日 11 阅读

移动互联网的发展，促生了各种各样的移动Web框架。jQuery Mobile 是一个针对触摸体验的 web UI 开发框架，很容易就可以把 Web App 包装成适合 Android 与 iOS等触屏移动设备的 Javascript 库，与 HTML5结合可以很方便快速的开发出一款具有良好界面及用户体验的 Web App，而且不需要安装任何东西，只需将需要的 *.js 和 *.css 文件直接包含到 web 页面中即可。下拉...

基于jQuery和CSS3制作响应式水平时间轴附源码下载

2017年02月06日 11 阅读

我们经常看到有很多的垂直时间轴用来记录事件进展，而有朋友问我要求分享水平的时间轴，其实水平时间轴的难点在于自适应屏幕尺寸。那么 今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴。效果展示 源码下载HTML我们的HTML结构由两部分组成，div.timeline用于放置日期导航水平线，它有水平多个日期div.events-wrapper和水平轴左右方向导航按钮ul.cd-timeline-navigation组成。而div.events-c...

JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件

2017年02月06日 10 阅读

HTML 5中的full screen，目前可以在除IE和opera外的浏览器中使用 ，有的时候用来做全屏API，游戏呀，等都很有用。先看常见的APIelement.requestFullScreen（）作用：请求某个元素element全屏Document.getElementById（“myCanvas”）.requestFullScreen（） 这里是将其中的元素ID去请求fullscreen退出全屏 document.cancelFullScree...

深入浅析Node.js 事件循环

2017年02月06日 11 阅读

Node.js 是单进程单线程应用程序，但是通过事件和回调支持并发，所以性能非常高。（来源于Javascript是单线程又是异步的，但是这种语言有个共同的特点：它们是 event-driven 的。驱动它们的 event 来自一个异构的平台。）Node.js 的每一个 API 都是异步的，并作为一个独立线程运行，使用异步函数调用，并处理并发。Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。Node.js 单线程类似进入一个while（t...

jQuery实现图片文字淡入淡出效果

2017年02月06日 11 阅读

本实例主要讲解了jquery仿新浪微博图片文字列表上下淡进淡出间歇上下滚动效果，分享给大家供大家参考，具体内容如下1、效果及功能说明 仿新浪微博图片文字列表上下淡进淡出间歇上下滚动2、实现原理 首先要设定div内只能显示4个图片那么多出来的图片会自动隐藏然后在给图片添加一个动画的事件让他们可以滚动的播放出来上下滚动效果播放就是li标签里面的内容图片和文字把每一个li看成一个整体在滚动播放的时候进入div内的显示出来在最后离开div的时候隐藏在给整个动画效果...

浅析JavaScript声明变量

2017年02月06日 11 阅读

JavaScript的变量声明语句无论出现在何处，都会先于其他代码首先被执行。使用var关键词声明变量的作用域是当前的执行上下文，有可能是外围函数，或者，当变量声明在函数体之外时，则为全局变量。定义在函数体外的都属于全局变量，定义在函数体内的属于局部变量。这里的定义是指通过var声明的。JavaScript有隐含的全局概念，意味着你不声明的任何变量都会成为一个全局对象属性。例如：function test（）{myname = "huming";alert...

深入浅析NodeJs并发异步的回调处理

2017年02月06日 12 阅读

这里说并发异步，并不准确，应该说连续异步。NodeJs单线程异步的特性，直接导致多个异步同时进行时，无法确定最后的执行结果来回调。举个简单的例子：for（var i = 0; i < 5; i++） {fs.readFile（"file", "utf-8", function（error, data）{}）;} 连续发起了5次读文件的异步操作，很简单，那么问题来了，我怎么确定所有异步都执行完了呢？因为要在它们都执行完后，才能进行之后的操作。相信有点经...

jquery实现删除一个元素后面的所有元素功能

2017年02月06日 11 阅读

本文实例为大家分享了jquery实现删除一个元素后面的所有元素功能的详细实现过程，具体实现内容如下实现效果：选择项目点击删除按钮，被选项之后的所有同级元素都被删除jQuery 遍历的nextAll（） 方法可以搜索 DOM 树中的元素跟随的同胞元素，也就是一个元素后面的所有同级元素，删除可以使用方法remove（），所以连起来为$（selector）.nextAll（）.remove（）;下面给出实例演示：点击按钮后，删除被选项目之后的所有选项创建Html...

Flow之一个新的Javascript静态类型检查器

2017年02月06日 11 阅读

今天我们兴奋的发布了 Flow 的尝鲜版，一个新的Javascript静态类型检查器。Flow为Javascript添加了静态类型检查，以提高开发效率和代码质量。更明确的说，静态类型检查提供的好处像早期错误检查，帮助你发现一些只有在运行时才能发现的错误，以及代码智能感知，它会帮助代码维护，查找，重构和优化。我们设计Flow的所有功能构建在现有Javascript规范之上。因为Flow主动地在后台工作，所以额外的编译开销很小。Flow并不要求开发者如何编写代...

jQuery焦点图插件SaySlide

2017年02月06日 11 阅读

先来介绍SaySlide 2.0支持自定义如下功能：1、上下左右方向播放以及jQuery的fadeOut、slideUp、hide效果；2、自动播放时间间隔和动画播放的的速度；3、是否显示标题；4、是否在新窗口打开链接；5、是否显示底部半透明背景；6、按钮在底部显示的位置（左中右）；7、按钮默认背景色；8、按钮激活状态颜色；9、设置标题文字的样式；10、触发按钮的事件；下面就是重点的代码，分享给大家供大家参考，具体代码如下（function（$）{$.fn...

七个不允许错过的jQuery小技巧

2017年02月06日 11 阅读

jQuery是一款轻量级的JavaScript库，是最流行的客户端HTML脚本之一，它在WEB设计师和开发者中非常的有名，并且有非常多有用的插件和技术。本文我们将为大家分享一些jQuery小技巧：一、在新窗口打开链接用下面的代码，你点击链接即可在新窗口打开：$（document）.ready（function（） {//select all anchor tags that have http in the href//and apply the targ...

图解Sublime Text3使用技巧

2017年02月06日 11 阅读

Sublime工具Web编程的我想大家都会知道吧，喜欢用的人也比较多，因为许多技巧，操作都很方便，下边介绍一下如何使用一些开发中常用的技巧！1.Sublime用的比较多的版本是Text2和Text3,这些网上都可以下载到，汉化的也是有的，小编使用的是Text3中文版，安装好后，右击想要打开的各种格式（html，js，xml,txt）等都可以快速打开2.技巧一：快速注释选择需要注释的代码，多行或单行都很随意，然后使用”Ctrl+/”，或者使用“Ctrl+Sh...

Javascript实现Array和String互转换的方法

2017年02月06日 11 阅读

本文实例讲述了Javascript实现Array和String互转换的方法。分享给大家供大家参考，具体如下：Array类可以如下定义：复制代码 代码如下:var aValues = new Array（）;如果预先知道数组的长度，可以用参数传递长度 复制代码 代码如下:var aValues = new Array（20）;如下2种定义方式是一样的方式1：var aColors = new Array（）;aColors[0] = "red";aColor...

js实现仿微博滚动显示信息的效果

2017年02月06日 11 阅读

相信大家空闲的时候都会上上微博，推特等社交网站，每次我登陆微博时，我都会留意一下它有什么变化，小的有一些布局的变化，大的有API接口的改变等。在首页登陆微博时，我们可以看到一栏“大家正在说”，它滚动显示着当前每个人发送的微博；刚看到这个效果觉得挺有趣的，所以我们将在接下来的文中介绍实现滚动显示微博信息的效果。我们细细观察了微博的“大家正在说”，它是通过由上往下滚动来实现不断显示微博的，而且每一天新微博都是通过淡入效果显示的。图1 微博“大家正在说”1、定义...

jquery插件jquery.confirm弹出确认消息

2017年02月06日 12 阅读

本文为大家介绍了插件jquery.confirm弹出确认消息的实现方法，具有一定的参考价值，特分享给大家供大家参考，具体内容如下实现效果：具体代码：1、插件默认参数// 默认参数$.confirm.defaults = { // 样式 css: "http://static.qianduanblog.com/css/jquery.confirm/default.min.css?v=" + Math.ceil（new Date（） / 8640000...

js实现点击复制当前文本到剪贴板功能（兼容所有浏览器）

2017年02月06日 11 阅读

最近做项目时，在网站框架搭建过程，有一个功能需要实现复制文本到剪贴板，相信这个功能很常用，但是对于不常写JS代码的我来说是一个比较大的挑战，回想以前做过的一个站点，使用window.clipboardData实现复制到剪贴板功能，也仅仅支持IE和FF浏览器，当时在百度找个几个方案，看不下去就放弃了，后来在代码中做了判断，如果不支持该属性，就直接alert：此功能不支持该浏览器，请手工复制文本框中内容。有没有人遇到同样情况？alert（"此功能不支持该浏览器...

JS模拟按钮点击功能的方法

2017年02月06日 13 阅读

本文实例讲述了JS模拟按钮点击功能的方法。分享给大家供大家参考，具体如下：<html> <head><title>usually function</title> </head> <script> function load（）{//下面两种方法效果是一样的document.getElementById（"target"）.onclick（）;document.getElementBy...

点评js异步加载的4种方式

2017年02月06日 11 阅读

js异步加载的4种方式，点评开始。方案1：$（document）.ready<！DOCTYPE html><html><head><script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script> <script type="text/javascript">$（docume...