有了Jquery的选择器，吃饭饭饭香，身体倍棒…… 1.基本 我们知道jquery最常用的就是选择器了，我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器，这里我们想一下css样式的写法 css样式也有几种情况：1.类样式 2.id样式 3.标签样式， 如果有一个aa的类 ，那么我们定义aa的样式就要写成 .aa{} 如果有一个bb的id，那么我们定义bb的样式就要写成 #bb{} 如果有标签,那么我们定义的样式就写成 d...
我们常常需要对节点属性，内容，文本进行变更，就需要用到这里的几个函数了 。 1属性 这里我们看到了一个 attr（）函数，有四种形式其中 attr（name）是得到一个所选择的属性值，attr（properties）attr（key，value） attr（key，fn）是为一个属性赋值 这里要说一下的是在Jquery中有这样的设计，得到一个对象的值和给一个对象赋值使用的是同样的函数，用fn（name）来给一个对象赋值，用fn（name，value）来给一个对象赋值。 先看a...
1.过滤 eq（index） 看这个函数和基础里的:eq貌似是一样的（其实就是一样的） 比如我们对11做选择，那我们可以用$(“div”).eq(1)或$(“div:eq(1)”) 来选中第二个div效果是一样的 hasClass(class) 用来判断当前元素是否含有一个类 这个和is(“.”+class)是一样的，我们来看一下is()这个函数用来干吗的 ，它是用一个表达式来检查当前选择的元素的集合，如果其中至少有一个元素符合给定表达式就返回true。is(expr)里面的参数就是选择...
前言：最近好多朋友在群里面聊到bootstrap icon图标的问题，比如最常见的菜单管理，每个菜单肯定需要一个对应的菜单图标，要是有一个可视化的图标选择组件就好了，最好是直接选择图标，就能得到对应的class样式。于是乎各种百度，皇天不负有心人，最后被博主找到了，感觉效果还不错，并且支持自定义的图标，今天就拿出来分享下，绝对的干货哦！一、Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的，初初看上去，...
一、Bootstrap icon picker组件 这个组件是在github上面搜索的时候找到的，初初看上去，确实是很不错的，并且是基于bootstrap风格的，所以更加适合使用bootstrap风格布局的项目。既然是github上面的，毋庸置疑，这是一个开源组件，源码地址。好了，说了这么多，一起来看看它到底长啥样子吧。 1、组件效果预览 第一次初始化支持“上一页”和“下一页”支持自定义图标的选择支持模糊搜索图标，比如我们搜索camera选择图标后对应的样式...
对于基于浏览器的应用而言，访问本地文件都是一件头疼的事情，通常我们能做的仅仅是使用标签来上传文件。实现过程是：选取文件的时候value 属性保存了用户指定的文件的名称，表单被提交的时候，浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名。再获取服务器返回的地址，然后做预览。但是如果有一天我们要上传一个图片，传了图片后预览想换另一张图片，就又得先上传到服务器再预览。在网络比较慢的情况下，这样真的很折...
一、概述 以往对于基于浏览器的应用而言，访问本地文件都是一件头疼的事情。虽然伴随着 Web 2.0 应用技术的不断发展，JavaScript 正在扮演越来越重要的角色，但是出于安全性的考虑，JavaScript 一直是无法访问本地文件的。于是，为了在浏览器中能够实现诸如拖拽并上传本地文件这样的功能，我们就不得不求助于特定浏览器所提供的各种技术了。比如对于 IE，我们需要通过 ActiveX 控件来获取对本地文件的访问能力，而对于 Firefox，同...
文件上传功能现在是越来越普遍，所有的社交网站，媒体网站，比如优酷视频，微博等，都提供了上传图片，上传视频等功能。但过去WEB程序员都很清楚，用HTML表单上传文件是很麻烦的事情，特别是你想了解一下用户上传的文件的一些属性，必须等它上传完成后才能知道。 未知的东西上传到服务器上，有可能产生安全问题，也有可能体积太大，超过允许，浪费空间。现在好了，WEB技术在进步，HTML5带来了很多好东西。这个FileReader API就能让...
对于Web程序员来说，在网页上处理文件上传，总是一件很麻烦的事情。在过去，我们不能够通过拖拽上传图片，也没有复杂Ajax上传技术，很少处理多文件批量上传。我们也无法获取上传过程中的信息，除非上传完成后从服务器端获得。有时候，等你上传完毕后才发现上传的文件不合适！ 如今，HTML5的革命，现代浏览器的诞生，JavaScript的升级，这些给我们提供了使用Javascript和input[type=file]元素获取上传文件过程信息的能力。 下面就来...
首先引入JavaScript API文件 此API提供的接口共有6个，geoip_country_code(){国家代码},geoip_country_ name(){国家名称},geoip_city() {城市名称},geoip_region(){地区代码},geoip_latitude(){经度},geoip_longitude(){纬度}。 其中地区代码为MaxMind内部使用的一种代码，各国省级行政区按音序排列给出的编号，通过某些方法可以转化为行政区名称。 使用实例： 代码如下: JavaScript API var area = ""; try { if(geoip_c...
名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rules)返回:Options增加验证规则rules("remove",rules)返回:Options删除验证规则removeAttrs(attributes)返回:Options删除特殊属性并且返回他们Custom selectors:blank返回:Validator没有值的筛选器:filled返回:Array 有值的筛选器:unchecked返回:Array 没选择的元素的筛选器...
Google AJAX 搜索 API文档：http://code.google.com/intl/zh-CN/apis/websearch/docs/ 代码如下: Google AJAX 搜索 API #searchcontrol .gsc-control { width: 100%; } #searchcontrol .gsc-result-cnblogs .gs-title { color:Red; } <script src="https://www.google.com/jsapi?key=ABQIAAAAWUT8aaIj9mtqQa087LjVOhTPB5B7LRDljl2Cr4- JwBNft1mFrRRmR1RoYEUCZCj0dtS2gIc8Al4-VA" type="text/javascript"></ script> 结果为空时...
代码如下: Google 静态地图 API #divStaticMap span { color:Gray; font-size:12px; } #divStaticMap .sel { width:130px; } function getObj(id) { return document.getElementById(id); } function getStaticMap() { var url = 'http://maps.google.com/maps/api/staticmap?center='; if (getObj('chkUseNum').checked) { url += encodeURI(getObj('txtX').value) + ',' + encodeURI(getObj('txtY').value); } else { url +...
QR二维条码简介 QR码- 维基百科 C# 创建生成实例：http://www.codeproject.com/KB/cs/qrcode.aspx 二维条码创建读取程序：http://files.cnblogs.com/zjfree/PsqrEdit_Zh.rar 二维条码在线生成：http://zxing.appspot.com/generator/ 在线解析二维条码：http://zxing.org/w/decode.jspx Google 二维条码 API 官方文档：http://code.google.com/intl/zh-CN/apis/chart/docs/gallery/qr_codes.html // 宽度：高度：内容：编码： UTF-8...
第一次看到敏捷开发的定义，我就被敏捷开发迷住了。通俗来说，敏捷开发可以让我们用过的代码可以再次重用，因为是再次重用，所以相对安全，再次调试也没有第一次那么费心，省时省力。不断重用代码的过程中把存在的bug不断的修复，也因为不断的去重用， 这个模板变得起越来越独立，适用的情况越来越广范，最后在安全方面达到铜墙铁壁，在开发方面达到随心所欲，在维护方面达到从容面对。敏捷开发的确是利害，但如何练就这种深奥的武...