Welcome 微信登录

首页 / 脚本样式 / JavaScript

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

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

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

jQuery版AJAX简易封装代码

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

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

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

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

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

AngularJS $injector 依赖注入详解

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

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

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

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

2017年02月06日 40 阅读
先说说什么是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 自定义过滤器详解及实例代码

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

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

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

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

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

AngularJS 模块化详解及实例代码

2017年02月06日 39 阅读
AngularJS有几大特性，比如： 1 MVC 2 模块化 3 指令系统 4 双向数据绑定那么本篇就来看看AngularJS的模块化。 首先先说一下为什么要实现模块化： 1 增加了模块的可重用性 2 通过定义模块，实现加载顺序的自定义 3 在单元测试中，不必加载所有的内容 之前做的几个例子，控制器的代码直接写在script标签里面，这样声明的函数都是全局的，显然不是一个最好的选择。 下面看看如何进行模块化： <script ty...
js注入 黑客之路必备！

js注入 黑客之路必备！

2017年02月06日 40 阅读
最近刚出了新闻，阿里四名网络安全部门员工利用网页漏洞写js脚本抢月饼，于是兴致来了，想了解一下这个js脚本到底怎么写，各种刷单各种抢枪抢又是怎么实现的。什么是javascript注入攻击？1.每当接受用户输入的内容并重新显示这些内容时，网站就很容易遭受 JavaScript 注入攻击。让我们研究一个容易遭受 JavaScript 注入攻击的具体应用程序。假设已经创建了一个客户反馈网站。客户可以访问网站并输入对产品的反馈信息。当客户提交反馈时，反馈信息重新显...
AngularJS 表达式详解及实例代码

AngularJS 表达式详解及实例代码

2017年02月06日 40 阅读
前面了解了AngularJS的基本用法，这里就跟着PDF一起学习下表达式的相关内容。 在AngularJS中的表达式，与js中并不完全相同。 首先它的表达式要放在{{}}才能使用，其次相对于javascript中的表达式概念，它有以下几点不同： 1 作用域不同 在javascript中默认的作用于是window，但是在angularJs中就不同了。它使用$scope控制作用于。 2 允许未定义的值 在angularjs中，如果使用了未定义的表达...
再谈javascript注入 黑客必备！

再谈javascript注入 黑客必备！

2017年02月06日 39 阅读
什么是javascript注入攻击？1、JavaScript注入就是在浏览器地址栏中输入一段js代码，用来改变页面js变量、页面标签的内容。使用Javascript注入，用户不需要关闭或保存网页就可以改变其内容，这是在浏览器的地址栏上完成的。命令的语法如下：javascript:alert（#command#） 例如，如果你想在http://www.example.com站点上看到一个alert警告框，那么首先在地址栏上输入URL并等待页面加载完成，然后删...
<< 111 112 113 114 115 116 117 118 119 120 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图