Welcome 微信登录

首页 / 脚本样式 / JavaScript

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

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

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

AngularJS 过滤器（自带和自建）详解

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

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

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

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

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

jQuery版AJAX简易封装代码

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

详解XMLHttpRequest（一）同步请求和异步请求

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

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

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

AngularJS $injector 依赖注入详解

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

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

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

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

2016年09月28日 20 阅读
先说说什么是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 自定义过滤器详解及实例代码

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

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

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

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

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

AngularJS 模块化详解及实例代码

2016年09月28日 12 阅读
AngularJS有几大特性，比如： 1 MVC 2 模块化 3 指令系统 4 双向数据绑定那么本篇就来看看AngularJS的模块化。 首先先说一下为什么要实现模块化： 1 增加了模块的可重用性 2 通过定义模块，实现加载顺序的自定义 3 在单元测试中，不必加载所有的内容 之前做的几个例子，控制器的代码直接写在script标签里面，这样声明的函数都是全局的，显然不是一个最好的选择。 下面看看如何进行模块化： <script ty...
<< 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图