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

聊一聊Vue.js过渡效果

2017年02月06日 35 阅读

通过 Vue.js 的过渡系统，你可以轻松的为 DOM 节点被插入/移除的过程添加过渡动画效果。Vue 将会在适当的时机添加/移除 CSS 类名来触发 CSS3 过渡/动画效果，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。以 v-transition="my-transition" 这个指令为例，当带有这个指令的 DOM 节点被插入或移除时，Vue 将会：用 my-transition 这个 ID 去查找是否有...

jQuery实现底部浮动窗口效果

2017年02月06日 36 阅读

本文实例讲述了jQuery实现底部浮动窗口效果。分享给大家供大家参考，具体如下：<script type="text/javascript" src="jquery-1.10.1.min.js"></script><style type="text/css">#foot_tel { width:100%;height:43px; background:url（styles/js/swt/tel_bj_20131123.p...

Node.js读写文件之批量替换图片的实现方法

2017年02月06日 36 阅读

问题：文件夹A中有大量图片文件，需要用另外一个图片替换掉A中图片，但是命名保持不变。手工的做法如下：1）浏览器打开图片->2）另存为->3）目标文件夹->4）找到一个图片->5）替换->6）确定然后，重复步骤2）和之后的步骤。不小心会漏掉或重复。这么麻烦，使用node.js来处理改如何呢？代码如下：var fs=require（"fs"）, cp=require（"child_process"）;var url="Moriar...

JS继承之借用构造函数继承和组合继承

2017年02月06日 36 阅读

借用构造函数继承在解决原型中包含引用类型值所带来问题的过程中，开发人员开始使用一种叫做借用构造函数（constructor stealing）的技术（有时候也叫做伪造对象或经典继承）。这种技术的基本思想相当简单，即在子类型构造函数的内部调用超类型构造函数。基本模式function SuperType（）{ this.colors = ["red", "blue", "green"];}function SubType（）{//继承了SuperType Su...

Angular 理解module和injector，即依赖注入

2017年02月06日 37 阅读

依赖注入（DI）的好处不再赘言，使用过spring框架的都知道。angularjs作为前台js框架，也提供了对DI的支持，这是javascript/jquery不具备的特性。angularjs中与DI相关有angular.module（）、angular.injector（）、 $injector、$provide。对于一个DI容器来说，必须具备3个要素：服务的注册、依赖关系的声明、对象的获取。比如spring中，服务的注册是通过xml配置文件的<b...

javascript宿主对象之window.navigator详解

2017年02月06日 33 阅读

window.navigator用来反映浏览器及其功能信息的对象。// 检测浏览器版本信息function getBrowserInfo（）{var Sys = {};var ua = window.navigator.userAgent.toLowerCase（）;var re =/（msie|firefox|chrome|opera|version）.*?（[d.]+）/;var m = ua.match（re）;Sys.browser = m...

JS实现的幻灯片切换显示效果

2017年02月06日 37 阅读

本文实例讲述了JS实现的幻灯片切换显示效果。分享给大家供大家参考，具体如下：html：<！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>...

JS简单实现tab切换效果的多窗口显示功能

2017年02月06日 39 阅读

本文实例讲述了JS简单实现tab切换效果的多窗口显示功能。分享给大家供大家参考，具体如下：<div style=" text-align:center; margin-top:40px;"><div class="menubox"><span id="newstab1" class="hover" onmouseover="setTab（"newstab",1,3）"> <a href="###" target="...

轻松掌握JavaScript状态模式

2017年02月06日 39 阅读

状态模式状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。状态模式的使用场景也特别明确，有如下两点：1.一个对象的行为取决于它的状态，并且它必须在运行时刻根据状态改变它的行为。（有些对象通常会有好几个状态，在每个状态都只可以做当前状态才可以做的事情，而不能做其它状态能做的事儿）2.一个操作中含有大量的分支语句，而且这些分支语句依赖于该对象的状态。状态通常为一个或多个枚举常量的表示。一、有限状态机1.状态总数（...

利用Angularjs实现幻灯片效果

2017年02月06日 36 阅读

前言Jquery发展至今,幻灯组件已经非常成熟，所以下面小编带大家一起看看利用Angularjs实现幻灯片效果的步骤。npm方式安装npm install angularjsSlider使用方法第一步（引入）require（"angularjsSlider"）（moduleName）;//引入第二步（参数配置）类型说明dataArray幻灯片图片数据 [{img: "1.jpg",link:"#"}...]timerNumber幻灯片切换间隔timer="...

JS实现简单易用的手机端浮动窗口显示效果

2017年02月06日 39 阅读

本文实例讲述了JS实现简单易用的手机端浮动窗口显示效果。分享给大家供大家参考，具体如下：html：<style type="text/css">.fdBonTel{ width:100%; height:53px; position:fixed; background:#0052ae; text-align:center; left:0; bottom:0; z-index:999; }.fdOnline{ background:url（ind...

AngularJS实现按钮提示与点击变色效果

2017年02月06日 38 阅读

本文用angularJS简单实现了一个小的按钮提示，按钮点击后会变色，注意html文件中需要引入jquery.js和angular.js运行截图：当点击按钮的时候按钮的样式改变：css代码：<style type="text/css">*{margin: 0px;padding: 0px;}.bucSelectedButton{width: 100px;line-height: 30px;text-align: center;position...

详解AngularJS中ng-src指令的使用

2017年02月06日 37 阅读

前言在日常开发工作中，有很多需求是在一个页面上显示一些图片。有时，图片的地址路径是由客户端的脚本来设置（它有可能是从数据库中获取的）。这是Angularjs的时代，当我们想使用Angularjs来实现在页面中展示图片，我们会简单使用： <img src=”path of image”>.如果我们只考虑展示，毫无疑问它没问题，但是在浏览器的控制台中会显示一个 404 （not found）错误。为了解决这个问题，我们需要使用ng-Src。在使用...

Vue.js每天必学之过滤器与自定义过滤器

2017年02月06日 36 阅读

基础类似于自定义指令，可以用全局方法 Vue.filter（）注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。过滤器函数以值为参数，返回转换后的值：Vue.filter（"reverse", function （value） { return value.split（""）.reverse（）.join（""）}）<！-- "abc" => "cba" --><span v-text="message | rev...

AngularJs bootstrap搭载前台框架——准备工作

2017年02月06日 37 阅读

1.关于什么是AngularJs以及什么是bootstrap我就不多说了，简单说下，AngularJs是一个比较强大前台MVC框架，bootstrap是Twitter推出的一个用于前端开发的开源工具包，可以迅速搭建web前台，可以去官网看看（AngularJs：http://angularjs.org/ ，bootstrap：http://twitter.github.io/bootstrap/）。2.github上有一个比较好的纯净AngularJs a...

jQuery中的insertBefore（）,insertAfter（）,after（）,before（）区别介绍

2017年02月06日 40 阅读

insertBefore（）:a.insertBefore（b） a在前，b在后, a：是一个选择器，b:也是一个选择器<！DOCTYPE html><html><head><meta charset="UTF-8"><title>jqu</title><script type="text/javascript" src="jquery-2.2.0.min...

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

2017年02月06日 39 阅读

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

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

2017年02月06日 40 阅读

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标签进行显示、隐藏的方法（示例）

2017年02月06日 36 阅读

这是一个示例：<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控制部分

2017年02月06日 38 阅读

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

首页 / 脚本样式 / JavaScript

聊一聊Vue.js过渡效果

jQuery实现底部浮动窗口效果

Node.js读写文件之批量替换图片的实现方法

JS继承之借用构造函数继承和组合继承

Angular 理解module和injector，即依赖注入

javascript宿主对象之window.navigator详解

JS实现的幻灯片切换显示效果

JS简单实现tab切换效果的多窗口显示功能

轻松掌握JavaScript状态模式

利用Angularjs实现幻灯片效果

JS实现简单易用的手机端浮动窗口显示效果

AngularJS实现按钮提示与点击变色效果

详解AngularJS中ng-src指令的使用

Vue.js每天必学之过滤器与自定义过滤器

AngularJs bootstrap搭载前台框架——准备工作

jQuery中的insertBefore（）,insertAfter（）,after（）,before（）区别介绍

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

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

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

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