Ayiayi00的博客

原创 软件测试基础---计算机网络

一：计算机网络历史       第一代：50年代中到60年代初，以单计算机为中心的联机系统：            第二代：60年代中到70年代初，计算机与计算机的互联网络：主机既做数据处理，又做通信，出现不同的网络体系结构的模型：       第三代：70年代中到80年代初，计算机网络进入标准化发展：     1、NSF Net网络创建（教育科研网络）     2、T...

原创 软件测试基础--白盒测试、黑盒测试、自动化测试

1   白盒测试        白盒测试也称为结构测试或者逻辑驱动测试，它是按照程序内部的结构测试程序，通过测试来检验产品内部动作是否按照设计规格说明书的规定正常进行，检验程序中的每条通路是否能按照预定要求正确工作         这一方法是吧测试对象看做一个打开的盒子，测试人员根据程序内部逻辑结构相关信息，设计或者选择测试用例，对程序所有逻辑路径进行测试，通过在不同点检查程序的状态，确定...

原创 软件测试基础--软件失效分类和管理

1  软件失效分类：     软件测试使用各种俗语描述软件出现的问题，通用术语如下：      软件错误（software error）       软件缺陷(software defect)       软件故障(software fault)       软件失效(software failure)  由于软件内部逻辑复杂，运行环境动态变化，且不同的软件差异可能很大，软件失效机...

转载 CSS Hack技术介绍及常用的Hack技巧集锦

一、什么是CSS Hack？不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。CSS Hack常见的有三种形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。1、属性级

原创 Js中盒子模型的样式获取

可以使用几种方法实现浏览器的兼容的编写：还是使用in的方法好一点点，因为判断getComputedStyle的方法是否存在与window中，直接返回true或者是false，而第二种方法还要根据返回的值转化为true或者false，这比较耗费浏览器的性能。第三种方法是判断当前的浏览器类型，根据浏览器类型来判断采取那种方法（获取浏览器信息：window.nav

原创 Js中的盒子模型及其几个常用的属性

原创 Js中的正则表达式及其一些应用

原创 JS中的表格排序和关于DOM映射机制

一：表格排序： 98 65 99 90 87 使列表按照li内容从小到大进行排序：1、编写把类数组（arguments、nodeList（节点集合）、htmlDocument(元素集合)）转化为数组的方法：在此方法中使用try-catch的方式解决浏览器兼容的问题2、表格排序的几个步骤：     2.1 先把元素集合类

原创 JS中的数据绑定和DOM回流

javascript中的几种数据绑定方法：（从后台获取到的JSON数据，对数据进行解析，然后获取我们有用的数据进行操作，或者和页面html元素进行绑定---数据绑定）JS中DOM的深入知识：回流（重排：reflow）：当页面中的html结构发生改变（增加、删除元素、位置发生改变），浏览器都需要重新计算一边新的DOM结构，重新对当前的页面进行渲染。重绘：当某个元素的部分样式发生了

原创 JS中的JSON及其操作

转载 Js中严格模式和非严格模式的区别

严格模式和非严格模式的区别//f1.js'use strice'; //整个js文件都是严格模式下执行的var n = 1;var foo = function(){...};//...var n = 1;var foo = function(){ 'use strict'; //在foo函数内是严格模式 //some code...}

转载 表现与数据分离、Web语义化

表现与数据分离：也可以说是界面与数据分离，要体现在代码上，操作数据的代码和操作界面的代码，要分开写。优势：当页面需求发生改变，只需要改写界面的代码，并且修改的代码不能影响到操作数据访问的代码。 例如：$(function () {var Countries = function () { } //1、匿名函数 一个函数对象Countries.

转载 ES6/ES2015核心内容

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了...在我们正式

转载 js parseInt和map函数

js parseInt和map函数今天看了一个js的题目["1","2","3"].map(parseInt)，看到后脑海中浮现的答案是[1,2,3],但是看到正确答案后蒙了，不知道为什么答案会是[1,NaN,NaN]，看了解释（http://developer.51cto.com/art/201504/474298_2.htm）但是还是没明白，没办法，只好重新无看下parse

转载 for...in和for...of循环以及forEach方法

用Es6对象扩展运算符（…）与rest运算符说明function test(first,...a){    for(let val=0; val        console.log(val+' '+'常用的 for循环') // 0-6 便利出下标    }    for(let val in a){        console.log(val+' '+ '

原创 jQuery插件——Validation的使用

插件（plugin）也成为扩展（Extension），是一种遵循一定规范的应用程序接口编写出来的程序。最新最全的插件可以从Jquery官方网站的插件板块中获取，网站网址为http://plugins.jquery.com/（由于垃圾邮件、不规范的插件、数据备份、版本维护以及对目前插件站点功能的不满足等多种原因，jQuery官方已经讲项目托管与Github，网址为https://github

原创 在原型链上进行批量设置公有属性和常用的六种继承方式

一、在js的原型链模式下，如何进行批量设置公有属性？手动设置constructor为Fn，而不是Object：二、原型链模式的六种常见继承方式：propertyIsEnumerable()方法是判断是否为可枚举属性，对象的私有属性是可枚举的，公有属性（在obj所属类的.prototype上的）是不可枚举的，这里的if判断是输出

原创 Js的基于构造函数模式的原型链模式

构造函数模式拥有了分类和实例的概念，并且实例和实例之间相互独立分开，这就叫做实例识别。也可以说构造函数模式解决了实例识别的问题。什么叫做原型链模型？原型链模型是基于构造函数模式上的，解决的是方法和属性共有问题，就是把实例间的相同属性和方法提取成公共的属性和方法，也就是说我们想让谁共有就把它放在类Fn的Prototype上即可。//4、原型链模式function person(n

原创 有关Js的单例模式、工厂模式、构造函数模式

一 单例模式：1、什么叫做单例模式？单例模式就是分组编写代码的模式，就是把描述同一个事物或者对象的属性和方法放在一个内存空间下，那么不同事物和属性之间即使是属性名一样也不会发生冲突。而我们知道，对象数据类型的作用是就是把描述同一个事物或者对象的属性和方法放在一个内存空间下，使得不同事物和属性之间即使是属性名一样也不会发生冲突。   ------------->平时我

原创 内存释放和作用域销毁

对象数据类型和函数数据类型在定义的时候首先会开辟一个堆内存，堆内存有一个引用地址，如果外面有变量已经知道了该引用地址，则会说该内存已经被占用了，那么这个内存就不能够被销毁了。    那为了保证浏览器的性能，浏览器有时如何释放内存的？1、对于堆内存的释放，是通过null操作来销毁内存的，只要把所有引用了这个堆内存的变量值赋值为null即可，使得当前的堆内存没有任何东西占用了，那浏览器会在空闲

原创 js如何查找上级作用域

查找上级作用域就是看当前函数在哪个作用域下定义的，那么它的上级作用域就是谁，上级作用域和函数在哪里执行没有关系。例子分析：script>script type="text/javascript"> var num=12; function fn() { var num=120; return function () {

原创 一种毫无节操的机制---预解释

一：预解释时，不管条件是否成立，都要把所有带var关键字的进行提前声明。   例子：-------->分析：因为预解释时，不管条件是否成，都要把所有带var关键字的进行提前声明，而且var num相当于在window增加一个属性名为num（window.num），"num" in window代表判断num是否为window对象的一个属性，如果是，则会返回true，否则返回fa

原创 js中的预解析（变量提声）、作用域链、闭包机制

JavaScript的数据类型分为基本数据类型和引用数据类型。基本数据类型包括number、string、boolean、null和undefined，引用数据类型主要是对象object: [ ]-->数组、{ }-->对象、/$/-->正则表达式、Date。（区别：基本数据类型是按照值来进行操作的，引用数据类型是按照引用地址来进行操作的。）     ≯注意：基本数据类型是通过

转载 js插件store（本地存储）

store.js 是一个兼容所有浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。一 存储接口通过 $.AMUI.store 调用。检测是否支持（开启） LocalStorage

转载 WebStorm下使用Github上传项目代码

1、首先下载git到本地2、配置WebStorm：     2.1 打开webstorm，在file-settings中直接搜索github，然后输入自己github的账号密码    2.2 点击test，若结果为 connection successful的提示框，则说明已经可以连接到你的github账户了3、连接下载的git：      3.1 直接在setti