基于jQuery实现的无刷新表格分页实例

2017年02月06日 11 阅读

本文实例讲述了基于jQuery实现的无刷新表格分页。分享给大家供大家参考，具体如下：效果图如下：html结构：<table id="cs_table" class="datatable"></table>css样式：html,body{margin: 0;padding:0}a:focus {outline: none;}/* 通用表格显示 */table, th, td {font: 12px Arial,Helvetica,sa...

给angular加上动画效遇到的问题总结

2017年02月06日 11 阅读

加入“动效”是让用户对应用的行为进行感知的一种有效手段。“列表”是应用中最常使用的一种界面形式，经常会有添加行，删除行，移动行这些操作。设想添加的操作很简单，删除时从大到小，然后消失；添加时从小到大；移动就是先删除再添加。感觉上并不复杂，应该利用CSS的transition就能搞定，可是实际做起来发现有不少问题要处理，下面一一道来。来些简单的测试1、最初的版本<div class="list"><div class="row-1">...

javascript瀑布流布局实现方法详解

2017年02月06日 11 阅读

本文实例讲述了javascript瀑布流布局实现方法。分享给大家供大家参考，具体如下：html结构：<div id="waterfall"><div class="mod-box"><div class="mod-img">...</div></div><div class="mod-box"><div class="mod-img">...</div><...

分享自己用JS做的扫雷小游戏

2017年02月06日 11 阅读

引用了jQuery，节省了很多鼠标点击上的判断。界面显然都是照搬Windows的扫雷啦，详细的内容注释里都有，我就不啰嗦啦~先上截图~引用了jQuery，节省了很多鼠标点击上的判断界面显然都是照搬Windows的扫雷啦详细的内容注释里都有，我就不啰嗦啦~JS部分var mineArray, //地雷数组 lastNum, //剩余雷数 countNum, //未被揭开的方块数 inGame = 0, //游戏状态，0为结束，1为进行中，2为初始化完毕但未开...

Bootstrap入门书籍之（零）Bootstrap简介

2017年02月06日 11 阅读

什么是Bootstrap？Bootstrap是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。基于html5、css3的bootstrap，具有下面这些诱人特性：（1）移动设备优先；（2）漂亮的设计；...

Bootstrap入门书籍之（一）排版

2017年02月06日 11 阅读

推荐阅读：Bootstrap入门书籍之（零）Bootstrap简介Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。1. 标题在Bootstrap中使用标题的方式和常规html一样：从 <h1> 到 <h6> 分别从大到小安排标题元素，只不过在Bootstrap中重新...

Bootstrap入门书籍之（三）栅格系统

2017年02月06日 13 阅读

实现原理栅格系统是Bootstrap中的核心，正是因为栅格系统的存在，Bootstrap才能有着如此强大的响应式布局方案。下面是官方文档中的解说：Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大的mixin用于生成更具语义的布局。我们来理解一下这一段话，可以发现其中最重要的部分就是 移动设备优先 ，那么什么是移动设备优先...

Bootstrap入门书籍之（四）菜单、按钮及导航

2017年02月06日 11 阅读

我们接下来要学习的东西呢，是Bootstrap为我们提供的一些组件，这些组件的使用非常简单，可以方便快捷帮助我们搭建网站，并且能达到一个不错的显示效果。我们最需要注意的就是： HTML的结构 和bootstrap提供 添加到结构上的类以及属性 。这些组件的交互功能是依赖于jQuery库实现的，所以还必须引入jQuery.js，且必须在Bootstrap.js之前。正式上线的话直接使用压缩版本就可以了如下：<script src="../js/jque...

Bootstrap入门书籍之（五）导航条、分页导航

2017年02月06日 11 阅读

导航条导航条（navbar）和上一节介绍的Bootstrap入门书籍之（四）菜单、按钮及导航。导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条（navbar）中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。基础导航条实际上，导航条和导航在外观上...

JavaScipt中栈的实现方法

2017年02月06日 11 阅读

接下来就是数据结构的第一部分，栈。栈是一种遵从后进先出原则（LIFO,全称为Last In First Out）的有序集合。栈顶永远是最新的元素。举个例子就是:栈就像放在箱子里的一叠书 你要拿下面的书先要把上面的书拿开。（当然，你不能先拿下面的书）看图示也可明白。JavaScipt中栈的实现首先，创建一个构造函数。/** * 栈的构造函数 */function Stack（） { // 用数组来模拟栈 var item = [];}栈需要有如下的方法:pu...

javascript每日必学之条件分支

2017年02月06日 11 阅读

大家好，我们今天接着前面的讲，前面已经大概了讲了一下运算符，今天的任务主要就是讲解逻辑条件分支，循环。我们先就来模拟一个逻辑块，就用我们经常接触到的买车票来说吧，车票的价格对不同的人价格是有差别的，但是我们都是一样的去执行买票这个行为，我们就可以把买票写成一个函数BuyTicket//代码function BuyTicket（）{ console.log（"请付款200元"）;} 大家看到了这个函数体，其实是有缺陷的，我们每个人去买票的时候，都是执行这...

iscroll.js的上拉下拉刷新时无法回弹的解决方法

2017年02月06日 11 阅读

使用过iscroll.js的上拉下拉刷新效果的朋友应该都碰到过这个问题：在iOS的浏览器中，上拉或下拉刷新时，当手指划出屏幕后，页面无法弹回。很多人因为解决不了这个问题，干脆就那样不解决了，还有的直接就不用HTML了，使用原生代替HTML页面。相信很多朋友也有自己的解决办法，只是没写出来，所以网上都搜不到解决方案。在很多QQ群里面也有很多人在问该怎么解决这个问题，所以我写这篇文章记录一下我的解决方案，希望对一些朋友有所帮助。上拉下拉刷新的主要代码： myS...

Angular发布1.5正式版，专注于向Angular 2的过渡

2017年02月06日 12 阅读

Angular团队最近发布了Angular 1.5的正式版，该版本实现了一次重大的升级，它让仍在使用1.X版本的开发者将能够更容易地过渡到Angular 2的开发。Pete Bacon Darwin在此次发布 声明 的博客文章中写道，这次发布的目的是“改进Angular 2的升级路径。我们在这次发布中引入了一些新的特性，让开发者编写的Angular 1应用更接近于在Angular 2中应用的结构。”此次发布中，新的module.component（）辅助方...

javascript结合Flexbox简单实现滑动拼图游戏

2017年02月06日 14 阅读

滑动拼图就是把一张图片分成几等份，打乱顺序（下图），然后通过滑动拼凑成一张完整的图片。要实现一个拼图游戏，需要考虑怎样随机的打乱顺序，怎样交换两张图片的位置，等等。但是，使用了Flexbox布局以后，这都不需要你去考虑，浏览器会帮你做，Flexbox就是这么的强大。关于Flexbox的介绍可以点击这里。这个游戏中要用的是Flexbox布局的order属性，order属性可以用来控制Flex项目的顺序。这里我用九个canvas元素来把图片分成九等分，也可以用...

JavaScript+canvas实现七色板效果实例

2017年02月06日 11 阅读

本文实例讲述了JavaScript+canvas实现七色板效果。分享给大家供大家参考，具体如下：效果图如下：html：<canvas id="canvas" class="canvas" width="600" height="600"></canvas>css：html,body{margin: 0;padding: 0}.canvas{display: block; margin-left:auto;margin-right:a...

AngularJS 2.0新特性有哪些

2017年02月06日 12 阅读

AngularJS已然成为Web应用开发世界里最受欢迎的开源JavaScript框架。自成立以来，见证其成功的是惊人的经济增长以及团体的支持与采用——包括个人开发者、企业、社区。Angular已经变成一个构建复杂单页面应用的客户端MVW框架（Model-View-Whatever）。它在应用测试和应用编写方面都扮演重要角色，同时简化了开发过程。Angular目前的版本为1.3，该版本稳定，并被谷歌（框架维护者）用于支持众多应用（据估计，在谷歌有超过1600...

jQuery插件实现适用于移动端的地址选择器

2017年02月06日 11 阅读

最近在工作中需要用到地址选择器，像下面这样的，本想在网上找一个，可是没找到，于是自己写了个jquery插件。直接上代码吧：var provinces = { "A": { "安徽":["合肥市","芜湖市","蚌埠市","淮南市","马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"] }, "B": { "北京": ["北京市"] }, "C": { ...

XML、HTML、CSS与JS的区别整理

2017年02月06日 11 阅读

在BS中，xml，html，css和js我们都学过，起初分不清这四者的区别和联系，随着知识的增长，有了一些体会。首次，我们看一下这四项技术都是什么，能干什么？（一）XML—Extensible Markup Language可扩展标记语言（标准通用标记语言的子集）是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然可扩展标记语言占用的空间比二进制数据要占用更多的空间，但可扩展标记语言极其简单易于掌握和使用。<H...

js实现简单的省市县三级联动效果实例

2017年02月06日 11 阅读

本文实例讲述了js实现简单的省市县三级联动效果。分享给大家供大家参考，具体如下：js代码部分//省市县数据格式var province_city_county_data=[{province:"四川",city:[{cityName:"成都",county:["成都市","崇州市","金堂县"]},{cityName:"南充",county:["仪陇县","南部县","营山县"]}]},{province:"北京",city:[{cityName:"北京市...

JavaScript与jQuery实现的闪烁输入效果

2017年02月06日 11 阅读

本文实例讲述了JavaScript与jQuery实现的闪烁输入效果。分享给大家供大家参考，具体如下：html部分<div id="code"><p>/**</p><p>*2014-2-12</p><p>*代码自动闪烁输入</p><p>*/</p>2014-2-14,I want to say:<br />Baby, I love you ...