Welcome 微信登录

首页 / 脚本样式 / JavaScript

angularjs中的e2e测试实例

angularjs中的e2e测试实例

在上一篇文章里有讲到ng的单元测试,今天来说说e2e(端对端)测试.当我们测试某个模块的单个功能点时,单元测试最适合,不过当面临用户进行多个页面交互的时候产生bug了,单元测试就不行了,这时候就得用e2e来模拟用户操作还原问题现场.当然利用e2e测试也能够测试程序的健壮性,很多单元测试办不到的事情,e2e测试都能够办到.之前,ng是利用Angular Scenario Runner来运行e2e测试,现在已经换成Protractor来跑e2e了.Protra...
JavaScript实现的一个计算数字步数的算法分享

JavaScript实现的一个计算数字步数的算法分享

这两天看了下某位大神的github,知道他对算法比较感兴趣,看了其中的一个计算数字的步数算法,感觉这个有点意思,所以就自己实现了一个。算法描述与实现原理给出一个整型数字,统计出有多少种走法可以到达目标,比如一个数字4,可以有下面几种走法复制代码 代码如下: [ 1, 3 ] [ 4 ] [ 1, 1, 2 ] [ 2, 2 ] [ 1, 1, 1, 1 ]其实通过上面的组合可以得出下面的结论。1.先列出所有项是1的组合2.依次从左到右项为1的组合3.递归上...
JavaScript实现twitter puddles算法实例

JavaScript实现twitter puddles算法实例

今天发现了一个挺好玩的算法题,下面是它的算法描述,源自twitter的一道面试题。twitter puddles 算法描述先看一副图上图里的数字是根据一个数组内容来描述的,最后会根据每个数字的大小来模拟一道墙的高度,最后生成一面墙,问你,当下雨的时候,这面墙可以装多少水,以1为计数单位。下面是装完水之后的一面墙的样子看完上面上幅图,感觉是不是很好玩,确实,下面来简单的分析下它的算法实现其实这个原理比较简单,总共有下面几个要点:1.最左边和最右边肯定不能装水...
JavaScript中的Web worker多线程API研究

JavaScript中的Web worker多线程API研究

HTML5支持了Web Worker这样的API,允许网页在安全的情况下执行多线程代码。不过Web Worker实际上受到很多限制,因为它无法真正意义上共享内存数据,只能通过消息来做状态通知,所以甚至不能称之为真正意义上的“多线程”。Web Worker的接口使用起来很不方便,它基本上自带一个sandbox,在沙箱中跑一个独立的js文件,通过 postMessage和 onMessge来和主线程通信:复制代码 代码如下:var worker = new W...
Nodejs实现多人同时在线移动鼠标的小游戏分享

Nodejs实现多人同时在线移动鼠标的小游戏分享

最近因为项目需要,所以研究了一下nodejs的websocket实现,socket.io,这是nodejs后台应用websocket广泛使用的框架。准备工作1.安装socket.io,使用命令npm install socket.io2.windows系统的话,需要vc编译环境,因为安装socket.io的时候,会编译vc代码游戏基本原理1.服务器监听客户端的连接2.客户端连接成功时候,绑定页面移动鼠标事件,事件里处理发送当前坐标给服务器3.服务器保存一个...
AngularJS入门教程之学习环境搭建

AngularJS入门教程之学习环境搭建

学习AngularJS的一个好方法是逐步完成本教程,它将引导您构建一个完整的AngularJS web应用程序。 该web应用是一个Android设备清单的目录列表,您可以筛选列表以便查看您感兴趣的设备,然后查看设备的详细信息。本教程将向您展示AngularJS怎样使得web应用更智能更灵活,而且不需要各种扩展程序或插件。 通过本教程的学习,您将:1.阅读示例学习怎样使用AngularJS的客户端数据绑定和依赖注入功能来建立可立即响应用户操作的动态数据视图...
AngularJS入门教程(零):引导程序

AngularJS入门教程(零):引导程序

我们现在开始准备编写AngularJS应用——phonecat。这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用。进入angular-phonecat目录,运行如下命令:复制代码 代码如下:git checkout -f step-0该命令将重置phonecat项目的工作目录,建议您在每一学习步骤运行此命令,将命令中的数字改成您学习步骤对应的数字,该命令将清除您在工作目录内做的任何更改。...
AngularJS入门教程(一):静态模板

AngularJS入门教程(一):静态模板

为了说明angularJS如何增强了标准HTML,我们先将创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。在本步骤中,我们往HTML页面中添加两个手机的基本信息,用以下命令将工作目录重置到步骤1。复制代码 代码如下:git checkout -f step-1请编辑app/index.html文件,将下面的代码添加到index.html文件中,然后运行该应用查看效果。app/index.html复制代码...
AngularJS入门教程(二):AngularJS模板

AngularJS入门教程(二):AngularJS模板

是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试。一个应用的代码架构有很多种。对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点。考虑到这一点,我们用AngularJS来为我们的应用添加一些模型、视图和控制器。请重置工作目录:复制代码 代码如下:git checkout -f step-2我们的应用现在有了一个包含三部手机的列表。步骤1和步骤2之间最重要的不同在下面...
什么是 AngularJS?AngularJS简介

什么是 AngularJS?AngularJS简介

什么是 AngularJS?AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚、简洁地构建你的应用组件。它的创新点在于,利用 数据绑定 和 依赖注入,它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现,这也使得它能够完美地和任何服务器端技术结合。AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计...
AngularJS HTML编译器介绍

AngularJS HTML编译器介绍

概览AngularJS的HTML编译器能让浏览器识别新的HTML语法。它能让你将行为关联到HTML元素或者属性上,甚至能让你创造具有自定义行为的新元素。AngularJS称这种行为扩展为“指令”HTML在编写静态页面时,有很多声明式的结构来控制格式。比如你要把某个内容居中,你不必告诉浏览器“去找到窗口的中点位置,然后跟内容的中间结合”。你只需要添加一个 align="center" 的属性给需要内容居中的元素就行了。这就是声明式语言的强大之处。但是声明式语...
浅谈JS日期(Date)处理函数

浅谈JS日期(Date)处理函数

获取日期1、Date()——返回当日的日期和时间。2、getDate()——从 Date 对象返回一个月中的某一天 (1 ~ 31)。3、getDay()——从 Date 对象返回一周中的某一天 (0 ~ 6)。4、getMonth()——从 Date 对象返回月份 (0 ~ 11)。5、getFullYear()——从 Date 对象以四位数字返回年份。6、getYear()——请使用 getFullYear() 方法代替。7、getHours()——返...
javascript实现playfair和hill密码算法

javascript实现playfair和hill密码算法

时至期末,补习信息安全概论作业。恰巧遇古典密码学算法中的playfair算法和hill算法,用javascript语言实现起来是在有趣,边查百度边编码,顺便好好补习一下javascript基础。playfairPlayfair密码(英文:Playfair cipher 或 Playfair square)是一种替换密码。依据一个5*5的正方形组成的密码表来编写,表中排列有25个字母。对于英语中的26个字母,去掉最常用的Z,构成密码表。实现思路:1,编制密码...
<< 951 952 953 954 955 956 957 958 959 960 >>