Welcome 微信登录

首页 / 脚本样式 / JavaScript

Bootstrap模态框调用功能实现方法

Bootstrap模态框调用功能实现方法

近在做一个项目时需要在页面中嵌入弹出窗口,用来展示表单信息。其实这种弹出窗口有很多jquery插件都可以实现,我这边前端都是用Bootstrap的,正好Bootstrap有模态框这个功能,这下就可以直接拿它实现了。实现步骤如下:在前端页面引入bootstrap相关的css和js文件<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/boots...
AngularJS 过滤器(自带和自建)详解

AngularJS 过滤器(自带和自建)详解

过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器,同时也提供了方便的途径可以自己创建过滤器。在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。例如:{{value|lowercase}}//将值转换成小写在JavaScript代码中可以通过$filter来调用过滤器例: app.controller(‘DemoController‘, [‘$scope‘, ‘$filter‘, function($scope, ...
Angularjs 实现分页功能及示例代码

Angularjs 实现分页功能及示例代码

基于Angularjs实现分页前言 学习任何一门语言前肯定是有业务需求来驱动你去学习它,当然ng也不例外,在学习ng前我第一个想做的demo就是基于ng实现分页,除去基本的计算思路外就是使用指令封装成一个插件,在需要分页的列表页面内直接引用。插件 在封装分页插件时我实现了几种方式总体都比较零散,最后找到了一个朋友(http://www.miaoyueyue.com/archives/813.html)封装的插件,觉还不错,读了下他的源码就直接在项目中使用了...
原生JS实现首页进度加载动画

原生JS实现首页进度加载动画

js进度加载动画程序是本人的个人作品,写的不好,可以参考,但未经本人允许,请不要用于其它用途!早上写了个首页进度加载动画,本想在我的博客里用上,测试发现博客园加载太快,根本看不到动画效果,直接就加载‘Complete"了,算了,还是不要把博客搞得太臃肿了!于是我就写了个演示页面,在body里加了个iframe来加载大一点的网站,这样就看出效果了!用Safari打开貌似CSS动画的播放时间变成同步了,不知道什么原因,本地测试又没问题(请大神指点!),用Chr...
jQuery版AJAX简易封装代码

jQuery版AJAX简易封装代码

开发过程中,AJAX的应用应该说非常频繁,当然,jQuery的AJAX函数已经非常好用,但是小编还是稍微整理下,方便不同需求下,可以简化输入参数,下面是实例代码:$(function(){/** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1} * async 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同...
详解XMLHttpRequest(一)同步请求和异步请求

详解XMLHttpRequest(一)同步请求和异步请求

XMLHttpRequest 让发送一个HTTP请求变得非常容易。你只需要简单的创建一个请求对象实例,打开一个URL,然后发送这个请求。当传输完毕后,结果的HTTP状态以及返回的响应内容也可以从请求对象中获取。通过XMLHttpRequest生成的请求可以有两种方式来获取数据,异步模式或同步模式。请求的类型是由这个XMLHttpRequest对象的open()方法的第三个参数async的值决定的。如果该参数的值为false,则该XMLHttpRequest...
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度

详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度

分析并操作 responseXML属性如果你使用 XMLHttpRequest 来获得一个远程的 XML 文档的内容,responseXML 属性将会是一个由 XML 文档解析而来的 DOM 对象,这很难被操作和分析。这里有五种主要的分析 XML 文档的方式:1.使用 XPath 定位到文档的制定部分。2.使用 JXON 将其转换成 JavaScript 对象树。3.手工的 解析和序列化 XML 为字符串或对象。4.使用 XMLSerializer 把 D...
AngularJS $injector 依赖注入详解

AngularJS $injector 依赖注入详解

推断式注入这种注入方式,需要在保证参数名称与服务名称相同。如果代码要经过压缩等操作,就会导致注入失败。 app.controller("myCtrl1", function($scope,hello1,hello2){$scope.hello = function(){hello1.hello();hello2.hello();}});标记式注入这种注入方式,需要设置一个依赖数组,数组内是依赖的服务名字,在函数参数中,可以随意设置参数名称,但是必须保证顺序...
AngularJS API之copy深拷贝详解及实例

AngularJS API之copy深拷贝详解及实例

angular提供了一个可以复制对象的api——copy(source,destination),它会对source对象执行深拷贝。使用时需要注意下面几点:如果只有一个参数(没有指定拷贝的对象),则返回一个拷贝对象如果指定了destination,则会深拷贝对象复制给destination如果source是null或者undefined,那么会直接返回source如果source就是desitination,那么会报错。下面看看使用样例:<html&...
AngularJS 中的Promise --- $q服务详解

AngularJS 中的Promise --- $q服务详解

先说说什么是Promise,什么是$q吧。Promise是一种异步处理模式,有很多的实现方式,比如著名的Kris Kwal"s Q还有JQuery的Deffered。什么是Promise以前了解过Ajax的都能体会到回调的痛苦,同步的代码很容易调试,但是异步回调的代码,会让开发者陷入泥潭,无法跟踪,比如:funA(arg1,arg2,function(){funcB(arg1,arg2,function(){funcC(arg1,arg2,function...
AngularJS 自定义过滤器详解及实例代码

AngularJS 自定义过滤器详解及实例代码

AngularJS另一个特点就是提供了过滤器,可以通过操作UNIX下管道的方式,操作数据结果。 通过使用管道,可以便于双向的数据绑定中视图的展现。 过滤器在处理过程中,将数据变成新的格式,而且可以使用管道这种链式风格,还能接受附加的参数。 实现方式 下面看一下如何定义声明一个过滤器,首先依然是要创建我们自己的模块myAppModule var myAppModule=agular.module("myApp",[]); 接下来在模块的基础上,创...
AngularJS自定义指令详解及实例代码

AngularJS自定义指令详解及实例代码

AngularJS支持用户自定义标签属性,在不需要使用DOM节点操作的情况下,添加自定义的内容。前面提到AngularJS的四大特性: 1 MVC 2 模块化 3 指令 4 双向数据绑定下面将会介绍如下的内容: 1 如何自定义指令 2 自定义指令的使用 3 自定义指令的内嵌使用 如何自定义指令: Angular是基于模块的框架,因此上来肯定要创建一个自己的模块:var myAppModule = angular.module("myApp...
AngularJS 过滤与排序详解及实例代码

AngularJS 过滤与排序详解及实例代码

前面了解了AngularJS的使用方法,这里就简单的写个小程序,实现查询过滤以及排序的功能。本程序中可以了解到: 1 angularjs的过滤器 2 ng-repeat的使用方法 3 控制器的使用 4 数据的绑定 程序设计分析 首先,如果要是先查询过滤,就要使用到AngularJS中的 过滤器filter 了。 直接在表达式的后面使用管道命令符 | ,按照下面的写法就可以达到一个过滤的效果:{{ persons | filter:query ...
AngularJS 模块化详解及实例代码

AngularJS 模块化详解及实例代码

AngularJS有几大特性,比如: 1 MVC 2 模块化 3 指令系统 4 双向数据绑定那么本篇就来看看AngularJS的模块化。 首先先说一下为什么要实现模块化: 1 增加了模块的可重用性 2 通过定义模块,实现加载顺序的自定义 3 在单元测试中,不必加载所有的内容 之前做的几个例子,控制器的代码直接写在script标签里面,这样声明的函数都是全局的,显然不是一个最好的选择。 下面看看如何进行模块化: <script ty...
<< 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 >>