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

AngularJs html compiler详解及示例代码

2017年02月06日 39 阅读

原文再续，书接上回。。。依旧参考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两种方法判断用户请求时使用的浏览器类型

2017年02月06日 37 阅读

在进行微信公众账号开发的时候，其中很大一块是微站点的开发，我们需要知道当前的浏览器是微信内置的浏览器，那么如何判断呢？微信内置浏览器的 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详解及示例代码

2017年02月06日 38 阅读

原版地址：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详解及示例代码

2017年02月06日 36 阅读

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

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

2017年02月06日 37 阅读

前言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代码实现鼠标放在输入框上输入框和图片同时更换样式

2017年02月06日 39 阅读

废话不多说了，直接给大家贴关键代码了，具体代码如下所示：<！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详解及简单示例

2017年02月06日 38 阅读

表达式（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入门教程之计算属性

2017年02月06日 38 阅读

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

AngularJs Forms详解及简单示例

2017年02月06日 42 阅读

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

AngularJs 国际化（I18n/L10n）详解

2017年02月06日 37 阅读

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

AngularJs IE Compatibility 兼容老版本IE

2017年02月06日 39 阅读

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

AngularJs Modules详解及示例代码

2017年02月06日 39 阅读

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

AngularJs Scope详解及示例代码

2017年02月06日 37 阅读

一、什么是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用法上的区别

2017年02月06日 38 阅读

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

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

2017年02月06日 39 阅读

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

2017年02月06日 38 阅读

js绘制购物车抛物线动画

2017年02月06日 37 阅读

天猫将商品加入购物车会有一个抛物线动画，告诉用户操作成功以及购物车的位置，业务中需要用到类似的效果，记录一下实现过程备忘，先上demo一开始没有想到用抛物线函数去做，也已经忘记还有这么个函数了，想着抛物线本质上就是向右和向上方向各有一个速度（就上面的demo而言），向右的速度匀速，向上的速度递减，减到0后再反方向递增，元素的left和top值随时间递增而改变，元素运动轨迹就是抛物线，这个思路不具备通用性，实现也比较复杂，放弃了。之后参考了张鑫旭用抛物线函...

vue.js入门教程之绑定class和style样式

2017年02月06日 35 阅读

一、前言相信大家都知道数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性，我们可以用 v-bind 处理它们：我们只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。二、绑定 HTML Class请注意：尽管可以用 Mustache 标签绑定 class，比如 class="{{...

纯JS实现可拖拽表单的简单实例

2017年02月06日 34 阅读

因为要用到可拖拽表单，个人要比较喜欢自己动手，不怎么喜欢在不懂实现或者原理的情况下用插件，所以查找资料实现了一个。思路：放入：用mousedown判断鼠标点击的位置是否在触发控件的位置，如果是，mousemove的时候clone一个控件，修改透明度，然后放入容器内的时候remove这个控件，并且在容器内生成一个放入的控件（放入的控件和触发的控件可以不一样）拖拽：同样的， mousedown的时候判断是哪个控件，mousemove的时候需要放一个占位div放...

js实现StringBuffer的简单实例

2017年02月06日 36 阅读

实现：function StringBuffer（） { this.__strings__ = []; }; StringBuffer.prototype.Append = function （str） { this.__strings__.push（str）; return this; }; //格式化字符串 StringBuffer.prototype.AppendFormat = function （str） { for （var i = 1; i ...

首页 / 脚本样式 / JavaScript

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实现发送短信验证码后的倒计时功能（无视页面关闭）

js绘制购物车抛物线动画

vue.js入门教程之绑定class和style样式

纯JS实现可拖拽表单的简单实例

js实现StringBuffer的简单实例