JavaScript资料,JavaScript文章,JavaScript文档-易库教程

使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo

2016年09月12日 25 阅读

0 Jquery.Qrcode简介Jquery.Qrcode.js是一个在浏览器端基于Jquery动态生成二维码的插件，支持Canvas和Table两种渲染方式，它的优点是在客户端动态生成，减轻了服务端压力，尤其是在大量使用二维码的系统中。Jquery.Qrcode主要包括以下参数设置：•render 定义二维码的渲染方式，有table和canvas两种渲染方式•width 定义二维码的宽度•height 定义二维码的高...

AngularJs bootstrap搭载前台框架——基础页面

2016年09月12日 21 阅读

1.用AngularJs app种子初步搭载好框架之后就需要我们手动往里面填充一些东西了，首先打开我们的app文件夹下面的index.html,加入一些我们需要用的js和css（当然是bootstrap的），代码如下：<script src="lib/angular/angular.min.js"></script> <script src="lib/jquery/jquery-1.10.2.min.js"></s...

使用jQuery的toggle（）方法对HTML标签进行显示、隐藏的方法（示例）

2016年09月12日 23 阅读

这是一个示例：<html><head><script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script><script type="text/javascript">$（document）.ready（function（）{$（".btn1"）.click（function（）{$（"p"）...

AngularJs bootstrap搭载前台框架——js控制部分

2016年09月12日 26 阅读

这个简单的框架最后只剩下了js的控制部分了，angular框架有自己的逻辑部分，有自己的controller和service层，由于我们可能要用到angular的一些内置的resource和cookie，所以我们需要再加入angular的一些lib： --------------index.html------------------<script src="lib/angular/angular-strap.js"></script&...

AngularJs html compiler详解及示例代码

2016年09月12日 20 阅读

原文再续，书接上回。。。依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler一、总括 Angular的HTML compiler允许开发者自定义新的HTML语法。compiler允许我们对任意HTML元素或属性，甚至是新的HTML标签、属性（如<beautiful girl=”cf”></beautiful >）附加行为。Angular将这些附加行为称为directives...

通过JS和PHP两种方法判断用户请求时使用的浏览器类型

2016年09月12日 25 阅读

在进行微信公众账号开发的时候，其中很大一块是微站点的开发，我们需要知道当前的浏览器是微信内置的浏览器，那么如何判断呢？微信内置浏览器的 User Agent如何判断微信内置浏览器，首先需要获取微信内置浏览器的User Agent，经过在 iPhone 上微信的浏览器的检测，它的 User Agent 是：Mozilla/5.0 （iPhone; CPU iPhone OS 6_1_3 like Mac OS X） AppleWebKit/536.26 （K...

AngularJs concepts详解及示例代码

2016年09月12日 25 阅读

原版地址：http://code.angularjs.org/1.0.2/docs/guide/concepts继续。。一、总括本文主要是angular组件（components）的概览，并说明他们如何工作。列表如下：statup - 依旧是hello world...改为Hello Kitty！runtime - 介绍angular的runtimescope - view与contorller的纽带（神马glue...胶）controller - app...

AngularJs directive详解及示例代码

2016年09月12日 19 阅读

Directive是教HTML玩一些新把戏的途径。在DOM编译期间，directives匹配HTML并执行。这允许directive注册行为或者转换DOM结构。 Angular自带一组内置的directive，对于建立Web App有很大帮助。继续扩展的话，可以在HTML定义领域特定语言（domain specific language ,DSL）。一、在HTML中引用directives Directive有驼峰式（camel cased）的风格的命...

vue.js入门教程之基础语法小结

2016年09月12日 24 阅读

前言Vue.js是一个数据驱动的web界面库。Vue.js只聚焦于视图层，可以很容易的和其他库整合。代码压缩后只有24kb。以下代码是Vue.js最简单的例子，当 input 中的内容变化时，p 节点的内容会跟着变化。<！-- html --><div id="demo"> <p>{{message}}</p> <input v-model="message"></div>new V...

分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式

2016年09月12日 18 阅读

废话不多说了，直接给大家贴关键代码了，具体代码如下所示：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> ...

AngularJs expression详解及简单示例

2016年09月12日 21 阅读

表达式（Expressions）是类Javascript的代码片段，通常放置在绑定区域中（如｛｛expression｝｝）。表达式通过$parse服务（http://code.angularjs.org/1.0.2/docs/api/ng.$parse）解析执行。例如，以下是angular中有效的表达式：1+23*10 | currencyuser.name一、Angular表达式 vs. Js 表达式这很容易让人将angular视图表达式联想为...

vue.js入门教程之计算属性

2016年09月12日 19 阅读

前言计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构,在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式,如果需要多于一个表达式的逻辑，应当使用计算属性。来看这...

AngularJs Forms详解及简单示例

2016年09月12日 19 阅读

控件（input、select、textarea）是用户输入数据的一种方式。Form（表单）是这些控件的集合，目的是将相关的控件进行分组。表单和控件提供了验证服务，所以用户可以收到无效输入的提示。这提供了更好的用户体验，因为用户可以立即获取到反馈，知道如何修正错误。请记住，虽然客户端验证在提供良好的用户体验中扮演重要的角色，但是它可以很简单地被绕过，因此，客户端验证是不可信的。服务端验证对于一个安全的应用来说仍然是必要的。一、Simple form ...

AngularJs 国际化（I18n/L10n）详解

2016年09月12日 17 阅读

一、I18n and L10n in AngularJS1. 什么是I18n和L10n? 国际化（Internationalization），简称I18n，是让产品开发在一个他们可以简单地对产品进行语言、文化的本地化的方法的规范。本地化（Localization），简称L10n，一个使得应用、文本有适应特殊的文化或者语言市场的能力的规范。对于应用开发者，使一个程序国际化，意味着需要从程序中抽取所有字符串和其他区域较为特别的地方（例如日期和货币格式...

AngularJs IE Compatibility 兼容老版本IE

2016年09月12日 21 阅读

Internet Explorer Compatibility一、总括这文章描述Internet Explorer（IE）处理自定义HTML属性、标签的特性（可以理解为“特别糟糕的性质”）。如果我们打算让应用兼容IE8以及以下的版本，那么可以继续往下看。二、Short Version（简述）为了让我们的angular应用在IE上工作，请确保： 1. 按需引入JSON.stringify（IE7或以下的都需要这玩意）。我们可以使用JSON2（htt...

AngularJs Modules详解及示例代码

2016年09月12日 17 阅读

一、什么是Module？很多应用都有一个用于初始化、加载（wires是这个意思吗？）和启动应用的main方法。angular应用不需要main方法，作为替代，module提供有指定目的的声明式，描述应用如何启动。这样做有几项优点：这过程是声明描述的，更加容易读懂。在单元测试中，不需要加载所有module，这对写单元测试很有帮助。额外的module可以被加载到情景测试中，可以覆盖一些设置，帮助进行应用的端对端测试（end-to-end test）。第三方...

AngularJs Scope详解及示例代码

2016年09月12日 27 阅读

一、什么是Scope？ scope（http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope）是一个指向应用model的object。它也是expression（http://www.cnblogs.com/lcllao/archive/2012/09/16/2687162.html）的执行上下文。scope被放置于一个类似应用的DOM结构的层次结构中。scope可以监测（watch,$wa...

node.js中module.exports与exports用法上的区别

2016年09月12日 18 阅读

Node.js 引入了模块（Module）概念，一个模块可以通过module.exports 或 exports 将函数、变量等导出，以使其它 JavaScript 脚本通过require（）函数引入并使用。 module.exports 初始值为一个空对象 {}，所以 exports 初始值也是 {}，exports 是指向的 module.exports 的引用，在模块内部大概是这样：exports = module.exports = {};举个栗...

基于JS实现发送短信验证码后的倒计时功能（无视页面刷新，页面关闭不进行倒计时功能）

2016年09月12日 16 阅读

基于jQuery实现发送短信验证码后的倒计时功能（无视页面关闭）

2016年09月12日 13 阅读

首页 / 脚本样式 / JavaScript

使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo

AngularJs bootstrap搭载前台框架——基础页面

使用jQuery的toggle（）方法对HTML标签进行显示、隐藏的方法（示例）

AngularJs bootstrap搭载前台框架——js控制部分

AngularJs html compiler详解及示例代码

通过JS和PHP两种方法判断用户请求时使用的浏览器类型

AngularJs concepts详解及示例代码

AngularJs directive详解及示例代码

vue.js入门教程之基础语法小结

分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式

AngularJs expression详解及简单示例

vue.js入门教程之计算属性

AngularJs Forms详解及简单示例

AngularJs 国际化（I18n/L10n）详解

AngularJs IE Compatibility 兼容老版本IE

AngularJs Modules详解及示例代码

AngularJs Scope详解及示例代码

node.js中module.exports与exports用法上的区别

基于JS实现发送短信验证码后的倒计时功能（无视页面刷新，页面关闭不进行倒计时功能）

基于jQuery实现发送短信验证码后的倒计时功能（无视页面关闭）