Welcome

首页 / 脚本样式 / JavaScript

AngularJs directive详解及示例代码

2017-02-06 19
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 19
前言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 20
废话不多说了，直接给大家贴关键代码了，具体代码如下所示：<！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 18
表达式（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 18
前言计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构,在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式,如果需要多于一个表达式的逻辑，应当使用计算属性。来看这...

AngularJs Forms详解及简单示例

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

AngularJs 国际化（I18n/L10n）详解

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

AngularJs IE Compatibility 兼容老版本IE

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

AngularJs Modules详解及示例代码

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

AngularJs Scope详解及示例代码

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

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

2017-02-06 20
相关阅读：基于jQuery实现发送短信验证码后的倒计时功能（无视页面关闭）下面一段代码是小编给大家带来的js发送短信验证码后实现倒计时功能，代码简单易懂。具体代码如下所示：<！doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta...

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

2017-02-06 18
相关阅读：基于JS实现发送短信验证码后的倒计时功能（无视页面刷新，页面关闭不进行倒计时功能）今天测试提了一个bug，发送短信倒计时功能，要求关闭页面也要进行倒计时。这想到了，当年我参与的周杰伦演唱会的先付先抢功能。与之类似，只不过，那个项目的时间都是服务器时间，本人目前有点偷懒，就用客户端的时间了。一下是完整的代码，只不过在客户端的效率不是很好。<！doctype html><html lang="en"><head>&...

js绘制购物车抛物线动画

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

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

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

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

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

js实现StringBuffer的简单实例

2017-02-06 18
实现：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 ...

CSS3 3D 技术手把手教你玩转

2017-02-06 19
css3的3d起步要玩转css3的3d，就必须了解几个词汇，便是透视（perspective）、旋转（rotate）和移动（translate）。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。当然用理论来说明，估计你还不明白。下面是3个gif：沿着X轴旋转沿着Y轴旋转沿着Z轴旋转旋转应该没问题了，那理解平移起来就比较容易了，就是在在X轴、Y轴、z轴移动...

在Docker快速部署Node.js应用的详细步骤

2017-02-06 18
一、前言可能还有一些同学不了解docker这个项目，docker是由go语言编写的，一个快速部署的轻量级虚拟技术项目，他允许开发人员将自己的程序和运行环境一起打包，制作成一个docker的image（镜像），这样部署到服务器上，也只需要下载这个image就可以将程序跑起来，免去每次都安装各种依赖和环境的麻烦，还能够做到应用程序之间的隔离二、实现准备我会先创建一个简单的Node.js web app，来构建一个镜像。然后基于这个Image运行一个contai...

js实现String.Fomat的实例代码

2017-02-06 18
引言拼接字符串用习惯了C#的String.Format。今天看别人的代码在js中也封装了一个js的String.Format，用来拼接字符串和DOM。js实现和调用String.FormatString.Format = function （str） {for （var i = 1; i < arguments.length; i++） {var parent = "\{" + （i - 1） + "\}";var reg = new RegExp（...
<< 121 122 123 124 125 126 127 128 129 130 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图