限制只能输入数字的实现代码

2017年02月06日 10 阅读

当我们在一些网站注册账号、填写信息是，不小心将电话号码填写成汉字或其他英文字母了，这显然是不正确的。为了帮助用户更好地纠正输入时的错误，在表单中填写信息时，需要限制手机号、邮编、电话号码这类文本框不能输入其他字符，只能是数字。通过使用正则匹配输入的时候只是数字：var numRegex = /D/g再通过JavaScript的onblur 事件：定义和用法onblur 事件会在对象失去焦点时发生。Onblur 经常用于Javascript验证代码，一般用于...

Svg.js实例教程及使用手册详解（一）

2017年02月06日 10 阅读

什么是SVG？SVG 指可伸缩矢量图形 （Scalable Vector Graphics）SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体简介：SVG.js是一个轻量级的JavaScript库，允许你轻松操作SVG和定义动画。SVG（Scalable Vector Graphics...

动态的9*9乘法表效果的实现代码

2017年02月06日 11 阅读

近日在群里看到有个题目，拿出来写写，要求：用html,css,原生js实现如图的效果，先正向输出，然后逆向回溯，最后停留在完整的画面。首先：HTML部分代码：<div id="result"></div>就是这么简单一行搞定。CSS代码：#result{ width:550px; margin:30px auto; font-size:0; font-family:Consolas,"Liberation Mono",Menlo,C...

JavaScript编写Chrome扩展实现与浏览器的交互及时间通知

2017年02月06日 10 阅读

和浏览器的交互1、书签使用chrome.bookmarks模块来创建、组织和管理书签。也可参看 Override Pages，来创建一个可定制的书签管理器页面。1.1、manifest.json 中配置{ "name": "My extension", ... "permissions": ["bookmarks" ], ...}对象和属性：签是按照树状结构组织的，每个节点都是一个书签或者一组节点（每个书签夹可包含多个节点）。每个节点都对应一个Bookma...

总结jQuery插件开发中的一些要点

2017年02月06日 10 阅读

基础1、jQuery插件开发主要使用如下两个方法：1.1、添加静态方法jQuery.extend（object）;为扩展jQuery本身，为类添加新的方法，可以理解文添加静态方法。$.extend（{ addMethod : function（a, b）{return a + b;}// $.addMethod（1, 2）; //return 3}）;1.2、添加成员方法jQuery.fn.extend（object）;jQuery.fn = jQue...

jQuery插件制作的实例教程

2017年02月06日 10 阅读

一、jQuery插件的类型1. jQuery方法很大一部分的jQuery插件都是这种类型，由于此类插件是将对象方法封装起来，在jQuery选择器获取jQuery对象过程中进行操作，从而发挥jQuery强大的选择器优势。2. 全局函数法可以把自定义的功能函数独立附加到jQuery命名空间下，从而作为jQuery作用域下的一个公共函数使用。但全局函数没有被绑定到jQuery对象上，故不能在选择器获取的jQuery对象上调用。需要通过jQuery.fn（）或$....

jQuery 获取多选框的值及多选框中文的函数

2017年02月06日 10 阅读

DOM结构我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述.<label class="input_checkbox"><input type="checkbox" name="sell_area" vlaue="0"><span>甘肃</span></label><label class="input_checkbox"><input type="checkb...

老司机带你解读jQuery插件开发流程

2017年02月06日 10 阅读

jquery插件开发模式jquery插件一般有三种开发方式：通过$.extend（）来扩展jQuery通过$.fn 向jQuery添加新的方法通过$.widget（）应用jQuery UI的部件工厂方式创建第一种$.extend（）相对简单，一般很少能够独立开发复杂插件，第三种是一种高级的开发模式，本文也不做介绍。第二种则是一般插件开发用到的方式，本文着重讲讲第二种。插件开发第二种插件开发方式一般是如下定义$.fn.pluginName = functio...

BootStrap的JS插件之轮播效果案例详解

2017年02月06日 10 阅读

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。案例下面展示的就是此插件和相关组件制作的轮播案例。<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><！-- Indicators --><ol class="carousel...

iScroll.js 使用方法参考

2017年02月06日 10 阅读

概要iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android 这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是，这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。然而，Android系统最新修订版已经可以支持这种功能了（尽管支持...

Angularjs中的事件广播 —全面解析$broadcast,$emit,$on

2017年02月06日 10 阅读

Angularjs中不同作用域之间可以通过组合使用$broadcast,$emit,$on的事件广播机制来进行通信介绍：$broadcast的作用是将事件从父级作用域传播至子级作用域,包括自己。格式如下：$broadcast（eventName,args）$emit的作用是将事件从子级作用域传播至父级作用域,包括自己，直至根作用域。格式如下：$emit（eventName,args）$on用于在作用域中监控从子级或父级作用域中传播的事件以及相应的数据。格式...

Web前端新人笔记之jquery入门心得（新手必看）

2017年02月06日 10 阅读

本章将为大家介绍以下几点内容；1、jquery的主要特点；2、建立jquery的编码环境；3、简单jquery脚本示例；4、选择jquery而不是纯javaScript的理由；5、常用的jquery开发工具；jquery能做什么？① 取得文档中的元素$（"div.content"）.find（"p"）;② 修改页面的外观$（"ul > li:first"）.addClass（"active"）;③ 改变文档内容$（"#container"）.appe...

关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法

2017年02月06日 11 阅读

前端JS中使用XMLHttpRequest 2上传图片到服务器，PC端和大部分手机上都正常，但在少部分安卓手机上上传失败，服务器上查看图片，显示字节数为0。下面是上传图片的核心代码：HTML<input type="file" id="choose" capture="camera" accept="image/*"> JavaScriptvar filechooser = document.getElementById（"choose"）;f...

javascript Promise简单学习使用方法小结

2017年02月06日 10 阅读

解决回调函数嵌套太深，并行逻辑必须串行执行,一个Promise代表一个异步操作的最终结果，跟Promise交互的主要方式是通过他的then（）方法来注册回调函数，去接收Promise的最终结果值Promise相关的协议有PromiseA和PromiseA+定义一个类Promise定义属性队列queue，初始化空数组[]定义属性值value，初始化null定义属性状态status，初始化“pending”（默认值）定义成员方法getQueue（），返回属性q...

js字符串截取函数slice、substring和substr的比较

2017年02月06日 10 阅读

在js中字符截取函数有常用的三个slice（）、substring（）、substr（）了，下面我来给大家介绍slice（）、substring（）、substr（）函数在字符截取时的一些用法与区别吧。取字符串的三个函数:slice（start,[end]）,substring（start,[end]）和substr（start,[length]）相关属性：slice（）第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第...

使用Promise解决多层异步调用的简单学习心得

2017年02月06日 10 阅读

前言第一次接触到Promise这个东西，是2012年微软发布Windows8操作系统后抱着作死好奇的心态研究用html5写Metro应用的时候。当时配合html5提供的WinJS库里面的异步接口全都是Promise形式，这对那时候刚刚毕业一点javascript基础都没有的我而言简直就是天书。我当时想的是，微软又在脑洞大开的瞎捣鼓了。结果没想到，到了2015年，Promise居然写进ES6标准里面了。而且一项调查显示，js程序员们用这玩意用的还挺high。...

JavaScript实现设计模式中的单例模式的一些技巧总结

2017年02月06日 10 阅读

一、使用全局变量保存单例这是最简单的实现方法function Person（）{ this.createTime=new Date（）; } var instance=new Person（）; function getInstance（）{ return instance; } 加载该js时就创建一个Person对象，保存到instance全局变量中，每次使用都取这个对象。如果一次都没使用，那么创建的这个对象则浪费了，我们可以优化一下，var insta...

如何利用Promises编写更优雅的JavaScript代码

2017年02月06日 10 阅读

你可能已经无意中听说过 Promises，很多人都在讨论它，使用它，但你不知道为什么它们如此特别。难道你不能使用回调么？有什么了特别的？在本文中，我们一起来看看 Promises 是什么以及如何使用它们写出更优雅的 JavaScript 代码。Promises 易于阅读比如说我们想从 HipsterJesus 的API中抓取一些数据并将这些数据添加到我们的页面中。这些 API 的响应数据形式如下：{"text": "<p>Lorem ipsum...

JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

2017年02月06日 10 阅读

昨天，在做一个表单异步提交内容的时候，遇到很奇怪的问题，submit（）方法无法进行提交，每次提交都是把 当前给刷新了，网络抓包发现，每次都是 get方式去获取 当前页面，完全没有post 请求，想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突，但是检查了几次，始终没有发现 名字冲突，所以这个可能性被排除。平常自己做触发按钮，基本不用a 标签，但是昨天不知道什么 问题，竟然用了 a 而且还给了 href ...

Bootstrap打造一个左侧折叠菜单的系统模板（二）

2017年02月06日 11 阅读

在上一篇文章给大家介绍了Bootstrap打造一个左侧折叠菜单的系统模板（一），具体内容介绍可以点击了解详情。1. 关于上一篇文章BUG上一篇文章中有几位朋友提出的问题和BUG. 我简单的说一下。1>. IE版本的支持？我写的这些只是测试火狐谷歌浏览。在IE8+下可以添加代码以实现兼容。<！--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5...