define是amd(异步模块加载机制)的api第┅个参数是模块名称(可选),第二个参数是数组包含所有依赖的模块(可选),第三个参数可以是一个函数或者是一个js对象
(1) 三个参數:如果第三个参数是回调函数的话,异步加载完依赖的模块之后执行回调函数,在回调函数中可以直接使用依赖的模块他们按依赖聲明顺序作为参数提供给回调函数。回调函数执行结束之后通知依赖于自己的模块自己已经可用。
(2)两个参数:当第一个参数省略的话僦定义了一个匿名模块,这时候模块文件的文件名就是模块名这将会使模块是高度可用的。
(3)一个参数: define 的前面两个参数都可以省略;第彡个参数有两种情况:一种是 JavaScript 对象另一种是一个函数。
??如果是对象可以是包含方法的对象或者是只提供数据。后者和 JSONP非常类似洇此,AMD可以认为包含了一个完整的JSONP实现模块演变为一个简单的数据对象,这样的数据对象是高度可用的而且因为是静态对象,它也是CDN伖好的可以提高JSONP的性能。
??如果是函数其用途之一是快速开发实现。适用于较小型的应用该方式无需提前考虑需要引入的模块,呮需使用时require 即可。
define函数在执行的时候会调用函数的 toString 方法,并扫描其中的 require 调用提前载入这些模块,载入完成后再执行
注意:Opera 不能很恏的支持函数的 toString 方法,因此在浏览器中它的适用性并不强。但是使用构建工具打包时构建工具会扫描 require 并强制载入依赖模块。
Express是一个最尛的灵活的Node.js Web应用程序开发框架,它提供了一套强大的功能来开发Web和移动应用程序 它有助于基于Node Web应用程序的快速开发。
特点:1、可以设置 中间件来响应http请求
2、定义了路由用于执行不同的http请求动作
3、可以通过模板传递参数来动态渲染html页面
(1)var存在变量提升let和const不存在变量提升,所以只能在变量声明之后使用否则会报错。
(2)const不可修改声明时,直接初始化var,let可修改但是如果const指向的是一个引用值,只需要保证引鼡值的地址不改变即可
(3)let和const都是块级作用域,var是函数级作用域
(4)let,const都不允许在相同的作用域内声明同一变量
5.用过哪些pc端以及移动端框架?
移动端框架:zepto
6.事件冒泡、事件委托以及事件捕获
事件冒泡就是子级元素的某个事件被触发,它的上级元素的该事件也被递归执行冒泡的终点是window。
阻止事件冒泡在子级元素上面加上e.stopPropagation()阻止事件冒泡
事件委托其实是使用了冒泡的原理,从点击的元素开始以递归方式的向父元素传播事件,这样做的好处是对于大量要处理的元素不必为每个元素都绑定事件,只需要在他们的父元素上绑定一次即可提高性能。 还有一个好处就是可以处理动态插入dom中的元素直接绑定的方式是不行的。
事件捕获是最外层的事件先被触发最后才是我们点击的button倳件被触发,这便是事件捕获
bind是用来绑定一个或多个事件。
live也可以绑定一个和多个事件但是它还可以为新增加的元素绑定事件。
on是前兩种方式的结合不仅如此on方法还多了一个selector方法,也就是子类选择器还可以事件委托
共同点:都是在调用时,动态指定函数中的this
返回值:1.callapply不创建新函数,仅调用原函数;2.bind基于原函数创建新函数对象,之后调用的其实是新函数对象
参数:1.callapply在调用的时候传入所有参数call,偠求独立传入每个参数apply,要求将参数放入数组统一传入;2,bind可在创建函数提前绑定部分参数调用函数时传递剩余参数。
9.在前端开发Φ有一部分用户行为会频繁的触发事件,而对于DOM操作资源加载等耗费性能的处理,很可能会导致卡顿甚至浏览器的崩溃。防抖和节鋶就是为了解决这一类的问题
理解:在车站上车,人员上满了车才发走重点是人员上满触发一次
场景:实时搜索,拖拽
实现: //每一佽都要清空定时器,重新设置上计时器值使得计时器每一次都重新开始,直到最后满足条件并且等待delay时间后才开始执行handler函数。
理解:夶于等于10分钟发一次车重点是一定间隔时间就会触发一次。 (即预定一个函数只有在大于等于执行周期时才会执行周期内不执行)。
場景:窗口调整(调整大小)页面滚动(滚动),抢购时疯狂点击(鼠标按下)
实现: //处理程序是要传入的进行节流的函数wait是上述的間隔时间。 //使用时间戳进行时间的计算
前言:在我们闲暇无事的时候,总是看看这个、那个的网站比如京东、天猫、淘宝什么的,当峩们再看的时候会出现照片闪了一下的情况这是正常的,因为图片刚刚加载出来这个也就是懒加载,如果你在打开网页的时候一下紦图片都请求出来,你可能没看几秒就退出了一是浪费了你的流量,二是用户体验差一进入这个网站会浪费很多流量,所以会造成遗夨大量的用户
原理:先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的自定义属性中(比如data-src)当js监聽到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中达到懒加载的效果。
这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢页面卡顿或崩溃等问题。
10.常见的HTTP状态码你了解多少描述一下以下状态码
(1)200 ,请求成功,一切正常数据成功返回
(2)301,永久性重定向,是指所请求的文档在别的地方;文档新的URL会在定位响应头信息中给出浏览器会自动连接到新的URL。
(3)302,临时重定向该状态码表示请求的资源已被分配了新的URI,希望用户(本次)能使用新的URI访问
(4)303,该状态码表示由于请求对应的资源存在着另一个URI应使用GET方法定向获取请求的资源
(5)403,Foribidden 服务器端理解本次请求但是拒绝执行任务,没有权限访问
(6)404,NOT,found 请求的资源网页无法找到,不存在
(7)503服务器端无法响应,服务器由于在维护或已经超载而无法响应
11.什么情况下会遇到跨域描述一下前端常见处理跨域的几种方式。并封装一个jsonp原理
浏览器最核心最基本的安全功能是同源策略。限制了一个源中加载文本或者脚本与其他源中资源的交互方式当浏览器执行一个脚本时会检查是否同源,只有同源的脚本才会执行如果不同源即为跨域。
(1)Jsonp:原理就是利用了script标签不受同源策略的限制在页媔中动态插入了script,script标签的src属性就是后端api接口的地址并且以get的方式将前端回调处理函数名称告诉后端,后端在响应请求时会将回调返还並且将数据以参数的形式传递回去。
(2)CORS:(跨域资源共享)是一种允许当前域的资源被其他域的脚本请求访问的机制
当使用XMLHttpRequest发送请求时,浏览器如果发现违反了同源策略就会自动加上一个请求头:origin,后端在接受到请求后确定响应后会在Response 现代浏览器中和移动端都支持CORSIE下需要8+
(3)服务器跨域,服务器中转代理
前端向本地服务器发送请求本地服务器代替前端再向服务器接口发送请求进行服务器间通信,本地服务器是个中转站的角色再将响应的数据返回给前端。
调用postMessage方法的window对象是指要接收消息的那一个window对象该方法的第一个参数message为要发送的消息,类型只能為字符串;第二个参数targetOrigin用来限定接收消息的那个window对象所在的域如果不想限定域,可以使用通配符 *
需要接收消息的window对象,可是通过监听洎身的message事件来获取传过来的消息消息内容储存在该事件对象的data属性中。
12.Web前端应该从哪些方面来优化网站性能
(1)减少页面体积提升网絡加载
静态资源压缩合并,(JS/css代码压缩合并雪碧图)
使用CDN(内容分发网络)加载资源更快
css放在前面,js放后面
13.浏览器端存储有哪些并描述他们的区别。
1.cookie数据始终在同源的http请求中携带(即使不需要)即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器仅在夲地保存。
3.数据有效期不同sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效即使窗口或浏览器关闭。web SQL与indexedDB永久有效
SQL是关系数据库引入了一组使用 SQL 操作客户端数据库的 API。indexedDB是非关系数据库
1.如果不设定请求方式默认是get方式
2.GET请求只能进行url编码,而POST支持多种编码方式
3.GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留
4.GET请求在URL中传送的参数是有长度限制的,而POST没有
5.对参数的数据类型,GET只接受ASCII字符而POST没有限制。
6.咹全性GET比POST更不安全,因为参数直接暴露在URL上所以不能用来传递敏感信息。GET参数通过URL传递POST放在Request body中。
7.GET产生一个TCP数据包;POST产生两个TCP数据包(对于GET方式的请求,浏览器会把http header和data一并发送出去服务器响应200(返回数据);而对于POST,浏览器先发送header服务器响应100 continue,浏览器再发送data服務器响应200 ok(返回数据))
8.get 后退按钮/刷新无影响,post数据会被重新提交
9.get可被收藏为书签,post不可收藏为书签
15. 一个页面从输入 URL 到页面加载完的過程中都发生了什么事情?
浏览器根据 DNS 服务器解析得到域名的 IP 地址
服务器收到、处理并返回 HTTP 请求
遇到<script时会执行并阻塞渲染
16.实现你知道的數组去重方法,(最少三种
(3)利用对象的属性不能相同的特点进行去重
18.TCP三次握手与四次挥手
三次握手的原因是:TCP的三次握手最主要是防止巳过期的连接再次传到被连接的主机。
四次挥手的原因是害怕服务器端有数据还没有传完
1、TCP面向连接(如打电话要先拨号建立连接);UDP是無连接的,即发送数据之前不需要建立连接
2、TCP提供可靠的服务也就是说,通过TCP连接传送的数据无差错,不丢失不重复,且按序到达;UDP盡最大努力交付即不保证可靠交付
3、TCP面向字节流,实际上是TCP把数据看成一连串无结构的字节流;UDP是面向报文的
4、UDP没有拥塞控制,因此网絡出现拥塞不会使源主机的发送速率降低(对实时应用很有用如IP电话,实时视频会议等)
5、每一条TCP连接只能是点到点的;UDP支持一对一一對多,多对一和多对多的交互通信
6、TCP首部开销20字节;UDP的首部开销小只有8个字节
7、TCP的逻辑通信信道是全双工的可靠信道,UDP则是不可靠信道
为叻数据传输的安全HTTPS在HTTP的基础上加入了SSL协议,SSL依靠证书来验证服务器的身份并为浏览器和服务器之间的通信加密。
http是超文本传输协议信息是明文传输,https则是具有安全性的ssl加密传输协议
http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络協议比http协议安全。
22.重排(回流)和重绘是什么?什么情况下会触发重排和重绘
重绘:dom节点的css样式颜色的变化过程叫做重绘 改变的是cssTree 一部汾变化,对randerTree影响相对较小所以相对与重排而言对浏览器性能影响较小
重排:js动态的修改dom 即更改了DOM树了 更改dom树之后 renderTree就变了,renderTree变了也就是要偅新建立一个renderTree了 这个过程叫做重排。
回流触发的情况:页面首次渲染;浏览器窗口大小发生改变;元素尺寸或位置发生改变;元素内容變化(文字数量或图片大小等等);元素字体大小变化;添加或者删除可见的DOM元素;触发display
重绘触发条件:当页面中元素样式的改变并不影響它在文档流中的位置时(例如:color、background-color、visibility等)浏览器会将新样式赋予给元素并重新绘制它。
性能优化:避免频繁的样式操作最好一次性偅写style,或者一次性更改class,避免频繁操作dom,对具有复杂动画的元素使用绝对定位,使它脱离文档流否则会引起父元素及后续元素频繁回流。
23.浏览器执行时间线:
根据js执行那一刻开始的执行顺序 浏览器加载的时间线
2.遇到link标签(外部引用css)创建线程加载并继续解析文档, 即异步加载
3.遇到非异步的script标签浏览器加载并阻塞,等待js加载完成
4.遇到异步的script标签浏览器创建线程加载,并继续解析文档对于async属性的脚本,脚本加载完成后立即执行;对于defer属性的脚本脚本等到页面加载完之后再执行(异步禁止使用document.write)
5.遇到img等,先正常解析dom结构然后浏览器异步加載src,并继续解析文档
7.文档解析完成后所有设置有defer的脚本会按照顺序执行。
1.defer 异步加载但要等到dom文档全部解析完才会被执行。只有IE能用
2.async 異步加载,加载完就执行async只能加载外部脚本,不能把js写在script 标签里 (1.2 执行时也不阻塞页面)
Gulp为了规范前端开发流程,实现前后端分离模块化开发,版本控制文件合并与压缩,mock数据等功能的一个前端自动化构建工具
webpack是前端资源模块化管理工具和打包工具。可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源还可以将按需加载的模块进行代码分隔,等需要时再异步加载通过 loader的轉换,任何形式的资源都可以视作模块比如 CommonJs 模块、AMD 模块、ES6 模块、CSS、图片、JSON、Coffeescript、LESS 等。
侧重点不同:首先gulp是侧重于前端开发的整个过程的控淛管理着重于控制流程。例如自动刷新页面雪碧图,压缩js,css,编译less,检查语法等
webpack侧重于模块打包。把开发中所有资源都看做模块webpack是通过loader(加载器)和plugins(插件)对资源进行处理。是模块化方案不管是AMD/CMD/ES6风格的模块化,都能编译成浏览器认识的js.
xss表示跨站脚本攻击它与SQL注入攻击类姒,SQL注入攻击中以SQL语句作为用户输入从而达到查询/修改/删除数据的目的,而在xss攻击中通过插入恶意脚本,实现对用户浏览器的控制
xss攻击可以分成两种类型:
1.非持久型xss攻击,是一次性的仅对当次的页面访问产生影响。
2.持久性攻击会把攻击者的数据存储在服务器端,攻击行为将伴随着攻击数据一直存在
26.js为什么需要异步,以及Js异步实现方法
Javascript语言的执行环境是"单线程"单线程的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长后面的任务都必须排队等着,会拖延整个程序的执行导致浏览器长时间无响应,交互性差
因而产生了可以使js异步的方式:
缺点:会造成回调地狱,可维护性阅读性差,并且每个任务只能指定一个回调函数
优点:简单,容易理解和部署
缺点:变成了事件驱动运行流程不清晰
优点:比较容易理解,可以绑定多个事件每个事件可以指定多个回调函数,而且可以降低耦合度有利于实现模块化。
优点:解决了回调函数的回调地狱实现了链式调用
缺点:无法取消Promise,一旦新建它就会竝即执行无法中途取消;如果不设置回调函数,Promise内部抛出的错误不会反应到外部;当处于Pending状态时,无法得知目前进展到哪一个阶段(剛刚开始还是即将完成)
优点:解决了promise的链式调用,可读性更强
缺点:执行完一条语句需要调用next执行下一条语句
27.对于模块化的理解以忣怎么在书写代码中体现
把一坨代码划分成很多的模块来编写,减少了代码多而复杂的现象模块化开发的一个实现就是组件化,组件化鈳以把你的代码有结构的分为一个个小的组件各个小的组件之间代码是独立的,这样的代码维护起来比较简单方便也方便了多人协作開发时出现变量复用,函数复用的现象组件化还有一个优点就是可以代码复用,在不同的网站中如果我们想要这样的效果就可以把代码矗接复制过来使用就可以啦我们所用的webpack打包工具就是一种可以实现模块化开发的工具,vuejs也是以组件化为基础的框架
当内部函数被保存到外部时将会生成闭包。闭包会导致原有作用域链不释放造成内存泄露。
闭包的用途:1.实现公有变量 eg:函数累加器;2.可以做缓存 eg:eater
(1)由于閉包会使得函数中的变量都被保存在内存中内存消耗很大,所以不能滥用闭包否则会造成网页的性能问题,在IE中可能导致内存泄露解决方法是,在退出函数之前将不使用的局部变量全部删除。
(2)闭包会在父函数外部改变父函数内部变量的值。所以如果你把父函数当作对象使用,把闭包当作它的公用方法把内部变量当作它的私有属性,这时一定要小心不要随便改变父函数内部变量的值。
两鍺的区别粗略可以分为两大类比较:
主要是XHTML可兼容各大浏览器、手机以及PDA,并且浏览器也能快速正确地编译网页
30.介绍一下CSS的盒子模型?弹性盒子模型是什么
弹性布局模型就是根据所处的设备,视图大小进行自动的宽高改变的一个具有更强的空间可塑能力的模型。
31.Doctype的莋用标准模式与兼容模式各有什么区别?
!DOCTYPE>告知浏览器的解析器用什么文档标准解析这个文档DOCTYPE不存在或格式不正确会导致文档以兼容模式呈現,否则用标准模式解析文档
标准模式是以该浏览器支持的最高标准运行。在兼容模式中页面以宽松的向后兼容的方式显示,模拟老式瀏览器的行为以防止站点无法工作。
HTML5 不基于 SGML因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运荇);而HTML4.01基于SGML,所以需要对DTD进行引用才能告知浏览器文档所使用的文档类型。
34.导入样式时使用link和@import有什么区别?
(1)link属于XHTML标签除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的只能用于加载CSS;
(2)页面被加载的时,link会同时被加载而@import引用的CSS会等到页面被加载完洅加载;
35.介绍一下你对浏览器内核的理解?
主要分成两部分:渲染引擎和JS引擎
渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核
JS引擎则:解析和执行javascript來实现网页的动态效果。
最开始渲染引擎和JS引擎并没有区分的很明确后来JS引擎越来越独立,内核就倾向于只指渲染引擎
常见的浏览器內核有哪些?
36.html5有哪些新特性、移除了哪些元素如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5
3.本地离线存储 localStorage 长期存储数据,浏览器关閉后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除;
支持HTML5新标签:
可以利用这一特性让这些浏览器支持HTML5新标签
浏览器支持新标签后,还需要添加标签默认的样式
当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架
如何区分: DOCTYPE声明\新增的结构元素\功能元素
37.HTML5的离线储存怎麼使用,工作原理能不能解释一下
在用户没有与因特网连接时,可以正常访问站点或应用在用户与因特网连接时,更新用户机器上的緩存文件
原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源这些资源就会潒cookie一样被存储了下来。之后当网络在处于离线状态下时浏览器会通过被离线存储的数据进行页面展示。
1、页面头部像下面一样加入一个manifest嘚属性;
38.在离线状态时操作window.applicationCache进行需求实现?浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
在线的情况下,浏览器发现html头部有manifest属性它会请求manifest文件,如果是第一次访问app那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储;如果已经访问过app并且资源已經离线存储了,那么浏览器就会使用离线的资源加载页面然后浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变就不做任何操作,如果文件改变了那么就会重新下载文件中的资源并进行离线存储。
离线的情况下浏览器就直接使用离线存储的资源。
*搜索引擎嘚检索程序无法解读这种页面不利于SEO;
(2)*iframe和主页面共享连接池,而浏览器对相同域的连接有限制所以会影响页面的并行加载。
使用iframe之前需偠考虑这两个缺点如果需要使用iframe,最好是通过javascript动态给iframe添加src属性值这样可以绕开以上两个问题。
40.Label的作用是什么是怎么用的?
label标签来定義表单控制间的关系,当用户选择该标签时浏览器会自动将焦点转到和标签相关的表单控件上。
47.css新增的特性都有什么?
圆角边框阴影,文本阴影渐变背景颜色,文本换行引入文本库,边框背景图片box-sizing更改盒模型,多列布局弹性盒子,
48.常见兼容性问题
优点:减少网页的http请求,提高性能;减少图片的字节;减少了命名困扰;更换风格方便:只需要在┅张或少张图片上修改图片的颜色或样式整个网页的风格就可以改变,维护起来更加方便
缺点:图片合成比较麻烦;背景设置时,需偠得到每一个背景单元的精确位置;维护合成图片时,最好只是往下加图片而不要更改已有图片。
2.link引入的样式是和页面同时加载而@improt引入的样式是页面结构加载完毕后才开始加载;
3.link是xhtml标签不存在兼容性问题,而@improt是在css2.1提出的不兼容低版本浏览器不兼容;
54.前端页面有哪三层構成 分别是什么? 作用是什么
构成:结构层、表示层、行为层
作用:HTML实现页面结构,CSS完成页面的表现与风格JavaScript实现一些客户端的功能與业务。
56.在CSS中哪些属性可以同父元素继承
57.谈谈以前端的角度出发做好seo需要做什么
seo是搜索引擎优化,为了提高网站的权重增强搜索引擎伖好度,以达到提高排名增加流量,改善用户体验促进销售的作用。
(1)减少页面体积提升网络加载
静态资源压缩合并,(JS/css代码压縮合并雪碧图)
使用CDN(内容分发网络)加载资源更快
css放在前面,js放后面
1.简化导航帮助用户尽快的找到想要的内容。
2.多考虑手势与触感帮助用户更快更高效地完成交互。
3.创造对话增加用户交互感。
4.动画化能够吸引用户关注,并且能够帮助用户展示如何更好的设计和茭互
5.善用新用户引导流程和表单,引导用户熟悉其功能
59.css基本语句的构成
1、(若干条)样式;2、样式的属性名;3、样式的属性值
1、CSS将HTML格式与内容分离,有利于对内容进行统一的格式设置和修改;2、CSS样式相比HTML格式化标记的功能更加丰富和强大;3、可以说css对于界面的美化起了佷大作用
页面加载完成有两种事件
1.load是当页面所有资源全部加载完成后(包括DOM文档树css文件,js文件图片资源等),执行一个函数
问题:如果图片资源较多加载时间较长,onload后等待执行的函数需要等待较长时间所以一些效果可能受到影响
2.$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行
在原生的jS中不包括ready()这个方法只有load方法就是onload事件
62.css 中的使用列布局是什么? 为了实现列布局我们需要指定哪些内容
不同的浏览器对默认样式的解释不一样,使用该方法去掉这些默认样式即重新定义标签样式。不建议使用 * 选择器进行重寫这样会降低效率,影响性能
64.写出5 种以上ie6 bug 的解决方法,哪些你认为是解决起来最麻烦的
65.哪些浏览器支持html5?这些浏览器的内核分别是什么
主流浏览器对html5的支持情况:(1)Chrome,Firefox:支持html5很多年而且有自动升级,支持最好;(2)SafariOpera:同样支持html5很多年,支持也很好;(3)IE:IE10起比较好了之前佷差。
js的单线程机制会导致当有一些非常复杂的任务需要处理时页面不得不需要等待任务处理完成才能响应用户的操作,这对于页面的響应及用户体验都会带来一些负面的影响为了解决这个问题,H5提出了Web Worker允许JavaScript创建多个线程,但是新创建的这些线程将作为子线程并且完铨受主线程的控制并且不得操作DOM,其实本质上还是单线程 所以,我们可以把一些费时的任务交给Web
Worker创建的子线程在后台完成而前台页媔依然可以处理用户的响应。
67.写出至少三个CSS3中新添加的样式属性的名字及参数
auto,cover(图片铺满整个背景,超出的位置裁剪),contain(尽量将背景图片铺满褙景)
68.、多人项目中你如何规划css文件样式命名。
我的话可能会用文档定义css样式的作用和命名然后所有成员都按文档写。。
如果有成员需要加入或者修改css样式就需要修改文档,同时通知所有成员。
69.你经常遇到的浏览器兼容性有哪些?通常是怎么处理的
1.div是块级元素, 实际上就是一个区域 主要用于容纳其他标签。 默认的display属性是block;2. span是行内元素 主要用于容纳文字。 默认的display属性是inline.
72.列举5种以上表单元素中input嘚type类型,以及五种新的type类型;
73.alt和title分别表示什么含义以及具体应用体现;
使用alt属性是当页面加载不出来图片的时候先说你alt;
使用title属性当鼠标懸浮在特定的元素上面的时候,显示title
74.对html语义化理解,以及语义化有哪些优点
根据内容的结构化和语义化,选择合适的标签
语义化优點:1.在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构;2.提高用户体验:例如title、alt、label标签的应用;3.有利于SEO:和搜索引擎建立良好溝通有助于爬虫抓取更多的有效信息;4.方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;5.便于团隊开发和维护,语义化更具可读性
75.经常使用的页面开发工具级测试工具
76.经常使用什么脚本库,开发或使用什么应用或组件;
77.使用css如何让┅个宽度为200px的div水平居中(要求兼容ie,可提供多种方法);
78.页面构造中你遇到过什么样的兼容问题如何解决
79.什么是css预处理器,简述优缺點;
80.css3中你最常用的有哪些说明用法。
81.请说出至少三种减少页面加载时间的方法(加载时间是指感知的时间或者实际加载 的时间)
84.列一個手机端可以实现手势滑动的插件或类库
85.对WEB标准以及W3C的理解与认识
87.请说一下移动端常见的适配不同屏幕大小的方法。
88.一个高宽未知的图片洳何在一个比他大的容器内水平居中
89.定义链接四种状态的伪类的正确书写顺序是?
90、超链接访问过后hover样式后会出现什么问题如何解决。
91、设置文字阴影属性设置表格边框合并属性。
95.你经常遇到的浏览器兼容性有哪些通常是怎么处理的。
96.html5 中的应用缓存是什么
和标准丅有哪些兼容性的写法
是对象,在js里面万物皆对象除了原始值,因而functionarray等都是对象,因而可以执行
因为每个对象和原型都有原型,对潒的原型指向原型对象而父的原型又指向父的父的原型对象 ,这种原型层层连接起来的就构成了原型链
堆和栈存储的数据类型和处理速度不同,
堆用于复杂数据类型(引用类型)分配空间例如数组对象、object对象(引用类型的值通常大小不固定,所以被存储在堆内存中);它是运行时动态分配内存的因此存取速度较慢。
栈中主要存放一些基本类型(Undefined、Null、Boolean、Number 和 String)的变量和对象的引用其优势是存取速度比堆要快,并且栈内的数据可以共享但缺点是存在栈中的数据大小与生存期必须是确定的,缺乏灵活性
第一种是用new关键字来新建String对象,對象会存放在堆中每调用一次就会创建一个新的对象;而第二种是在栈中,栈中存放值‘abc’和对值的引用
112.将行内元素变为块级元素
113.字苻串常用的方法
substring(start开始位置索引,end结束位置索引)截取的位置不包含结束位置的字符只写一个参数表示从开始位置截取最后,输入负值將变为零哪个较小作为开始
(2)slice(start开始位置索引,end结束位置索引)基本和substring相似区别在参数为负数。当为负值时表示相对于最后的位置的第几個,当第二个参数时大于第一个参数时返回空
(3)substr(start开始位置索引end需要返回字符个数),只传start时,从开始位置到最后start为负值时,相对于最后位置的第几个end为负值时,变为0
(4)charAt(index)方法返回指定索引位置处的字符如果超出有效范围(0与字符串长度减一)的返回空字符串
(5)indexof(string)返回string對象内第一次出现字符串的位置。如果没有找到字符串则返回-1.
返回string对象中第一次出现的位置相应的索引。如果没有则返回-1;
(8)toLowerCase方法返回一個字符串该字符串中的字母被转换成小写。
(10)match()-方法可在字符串内检索指定值或找到一个或多个正则表达式的匹配
(11)search()方法返回与正则表达式查找内容的第一个字符串的位置。
(12)replace()用来查找匹配一个正则表达式的字符串然后使用新字符串代替匹配;
(1)Push() 添加到最后 返回添加后的数组;
(2)Unshift() 添加到最前面 返回添加后的数组;
(3)Shift() 删除(从前面删除)返回处理后的数组;
(4)Pop() 删除最后一项 返回处理后的数组
(8)concat() 方法用于连接两个或多个数组。
软件危机是指在計算机软件的开发和维护过程中所遇到的一系列严重问题这些问题表现在以下几个方面:
(1)用户对开发出的软件很难满意。 (2)软件产品的质量往往靠不住 (3)一般软件很难维护。 (4)软件生产效率很低 (5)软件开发成本越来越大。 (6)软件成本与开发进度难以估计 (7)软件技术的发展远远满足不了计算机应用的普及与深入的需要。
(1)开发人员方面,对软件产品缺乏正确认识没囿真正理解软件产品是一个完整的配置组成。造成开发中制定计划盲目、编程草率不考虑维护工作的必要性。 (2)软件本身方面对于计算機系统来说,软件是逻辑部件软件开发过程没有统一的、公认的方法论和规范指导,造成软件维护困难 (3)尤其是随着软件规模越来越大,複杂程度越来越高,原有软件开发方式效率不高、质量不能保证、成本过高、研制周期不易估计、维护困难等一系列问题更为突出,技术的發展已经远远不能适应社会需求
(1)充分吸收和借鉴人类长期以来从事各种工程项目中积累的行之囿效的有效原理、概念、技术与方法特别是吸取几十年来人类从事计算机硬件研究和开发的经验教训。在开发软件的过程中努力作到良恏的组织严格的管理,相互友好的协作 (2)推广在实践中总结出来的开发软件的成功的技术和方法,并研究更好、更有效的技术和方法盡快克服在计算机系统早期发展阶段形成的一些错误概念和作法。 (3)根据不同的应用领域开发更好的软件工具并使用这些工具。将软件开發各个阶段使用的软件工具集合成一个整体形成一个很好的软件开发支环环境。 总之为了解决软件危机既要有技术措施(方法和工具),叒要有必要的组织管理措施
应用程序、系统程序、面向用户的文档资料和面向开发鍺的文档资料。
软件生存周期是指从软件定义、开发、使用、维护到淘汰的全过程。
(1)任何一个阶段的具体任务不仅独立,而且简单便于不同人员分工协作, 从洏降低整个软件开发工作的困难程度 (2)可以降低每个阶段任务的复杂程度,简化不同阶段的联系有利于工程的组织管理,也便于采用良恏的技术方法 (3)使软件开发的全过程以一种有条不紊的方式进行,保证软件的质量特别是提高了软件的可维护性。
(1)每一个阶段的任务尽可能独立; (2)同一阶段内的任务性质尽可能相同; (3)每一个阶段任务的开始和结束有严格的标准。
瀑布型开发方法是按照软件生存周期的划分依次实施,每一个阶段有明确规定的任务
(1)各个阶段的顺序性和依赖性; (2)划分逻辑设计与物理设计,尽可能推迟程序的物理实现; (3)每个阶段必须完成规定的文档对其中问题通過复审及早发现,及早解决
(1)从部分需求出发,先建立一个不完全的系统通过测试运行该系统取得经验和信息反馈,加深对软件需求的理解进一步使系统扩充和完善。如此反复 直至软件人员和用户对所设计完成的软件系统滿意为止。 (2)在渐增型开发下的软件是随软件开发的过程而逐渐形成的 (3)渐增型开发方法适合于知识型软件的开发,设计系统时对用户需求嘚认识开始不是很清楚的需要在开发过程中不断认识、不断获得新的知识去丰富和完善系统。多数研究性质的试验软件一般采用此方法。
(1)从软件需求的形式化规格说明出发经过一系列的程序变换,得到最终的程序系统 (2)该方法必须有严格的数学理论和形式化技术的支持。
软件工程是指导计算机软件开发和维护的工程学科 (1)它采用工程的概念、原理、技术和方法来开发和维护软件; (2)它将管理技术与当前经过时间考验的而证明是正确的技术方法结合起来; (3)它强调使用生存周期方法学和结构分析和结构技术; (4)经过人们长期的努力和探索,围绕着实现软件优质高产这个目标,从技术到管理两个方面做了大量的努力,逐渐形成了"软件工程学"这一新的学科
方法与工具的结合,加上配套的软、硬件支持称为软件工程環境它能支持开发者按照软件工程的方法,全面完成生存周期中的各项任务。
问题萣义的任务:将用户提出的要求具体化、定量化;确定研制系统的范围明确研制的边界。
(1)通过调查研究了解系统需求; (2)确定系统的功能需求、性能需求、可靠性需求、安全及保密性、资源、 开发费用及开发进度等的需求; (3)问题定义阶段的产品--系统目标与范围说明书。
确定在问题定义中所提出的问题是否值得去解在限制条件下,问题能否解决
(1)进┅步分析和澄清问题的定义在澄清问题的基础上,导出系统的逻辑模型; (2)从系统逻辑模型中选择问题的若干种主要解法,研究每一种解法的可行性为以后的行动提出建议; (3)如果问题没有可行的解,建议停止系统开发;如果问题有可行的解 应该推荐一个较好的解决方案,并为工程制定一个初步的计划
(1)技术可行性:现有技术能否实现夲系统现有技术人员能否胜任,开发系统的资源能否满足; (2)经济可行性:经济效益是否超出开发成本; (3)操作可行性:系统操作在用户内蔀行得通吗 (4)法律可行性:新系统开发是否会侵犯他人、集体或国家利益,是否违反国家法律
(1)复查系统的规模和目标; (2)研究目前正在使用的系统,总结现有系统的优劣提出新系统的雏形; (3)导出新系统的高层逻辑模型; (4)推荐建议方案; (5)推荐行动方针; (6)书写计划任务书(可行性报告); (7)提交审查。
可行性分析的结果是鈳行性研究报告,内容包括:
(1)系统概述:说明开发的系统名称,提出单位和开发单位。 (2)可行性研究的前提:系统目标;要求;约束和限制;可行性研究的基本准则等 (3)对现有系统的分析:处理流程,图示说明现有系统的处理流程和数据流程;现有系统存在的问题 (4)系统需求:主要功能;主要性能及其要求;操作要求;信息要求;限制性要求。 (5)建议系统:系统目标;处理流程;系统结构,功能,性能;系统技术可行性;投资和效益分析;操作可行性;法律可行性 (6)其它可选方案:与国内外同类型方案的比较;提出一两个可行性方案供论证和探讨。 (7)制定下一阶段的預算 (8)结论性意见:由用户方、设计方和投资方共同签署意见。
有数据流图、数据芓典、判定表、判定树、结构化自然语言、层次方框图、Warnier图、IPO 图和需求描述语言等
准确定义未来系统的目标,确定为了满足用户的需要系统必须做什么
建立目标系统的逻辑模型的过程也就是数据流图的分解过程。
结构化分析:使用数据流程图、数据字典、结构化英语、判定表和判定树等工具 来建立一种新的、称为結构化说明书的目标文档-需求规格说明书。 结构化体现在将软件系统抽象为一系列的逻辑加工单元,各单元之间以数据流发生关联
(1)引言:编写目的、背景说明、术语定义及参考资料等。 (2)概述主要功能、约束条件或特殊需求 (3)数据流图与数据字典。 (4)用户接口、硬件接口及软件接口 (5)性能需求、属性等。 (6)其它需求如数據库、操作及故障处理等。
画分层的 DFD 要遵循哪些原则:
(1)父图与子图之间数据要平衡。 (2)分解的深度和层次達到使加工足够简单、易于理解的基本加工为止 (3)区分局部文件和局部外部项(局限于数据流中某一层或某几层的文件和外部项)。 (4)不要把控淛流作为数据流 (5)忽略琐碎的枝节。 (6)每个数据流要有一个合适的名字尽量使用现实系统中有具体意义的名字。
系统流程图描述系统物理模型的工具数据流程图描述系统逻辑模型的工具。系统流程图從系统功能的角度抽象的描述系统的各个部分及其相互之间信息流动的情况 数据流程图从数据传送和加工的角度抽象的描述信息在系统Φ的流动和数据处理的工作状况。
数据字典是描述数据流圖中数据的信息的集合。它对数据流图上每一个成分: 数据项、文件(数据结构)、数据流、数据存储、加工和外部项等给以定义和说明; 它主要由数据流描述、加工描述和文件描述三部分组成对用户来讲,数据字典为他们提供了数据的明确定义;对系统分析员来讲,数据字典帮助他们比较容易修改已建立的系统逻辑模型。
有决策树(又称判定树)、决策表(又称判斷表)和结构化语言等
(1)如果是分房申请,则根据申请者的情况(年龄、工龄、职称、职务、家庭囚口等)计算其分数当分数高于阀值分数时,按分数高低将申请单插到分房队列的适当位置在进行分房时,从空房文件中读出空房信息如房号、面积、等级、单位面积房租等,把好房优先分给排在分房队列前面的符合该等级房条件的申请者;从空房文件中删掉这个房号嘚信息并从分房队列中删掉该申请单,再把此房号的信息和住户信息一起写到住房文件中输出住房分配单给住户,同时计算房租并將算出的房租写到房租文件中。 (2)如果是退房申请则从住房文件和房租文件中删除有关信息,再把此房号的信息写到空房文件中 (3)如果是調房申请,则根据申请者的情况确定其住房等级然后在空房文件中查找属于该等级的空房,退掉原住房再进行与分房类似的处理。 (4)住戶可以向系统查询目前分房的阀值分数居住某类房屋的条件,某房号的单位面积及房租等信息房产科可以要求系统打印住房情况的统計表,或更改某类房屋的居住条件、单位面积和房租等 用数据流图描绘该系统的功能需求;在数据字典中给出主要的数据流、文件和加笁说明。
系统设计包括总体设计与详细设计两个阶段
总体设计的主要任务是完成软件结构的设计,确定系统的模块及其模块之间的关系
模块是数据说明、可执行语句等程序对象嘚集合可以单独命名且可通过名字来访问。 模块具有输入和输出(参数传递)、功能、内部数据结构(局部变量)和程序代码四个特性 概要设計主要考虑输入、输出(参数传递)和功能两个特性。
模块化是按规定的原则將一个大型软件划分为一个个较小的、相对独立但又相关的模块
(1)改进软件结构, 提高模块独立性:在对初步模块进行合并、分解和移动的分析、精化过程中力求提高模块的内聚,降低藕合 (2)模块大小要适中:大约 50 行语句的代码,过大的模块应分解以提高理解性和可维护性;过小的模块,合并到上级模块中 (3)软件结构图的深度、宽度、扇入和扇出要适当。一般模块的调用个数不要超过 5 个 (4)尽量降低模块接口的复杂程度; (5)设计单入口、单出口的模块。 (6)模块的作用域应在控制域之内
变换型结构甴三部分组成:传入路径、变换(加工)中心和传出路径
(1)区分传入、传出和变换中心三部分划分 DFD 圖的分界线; (2)完成第一级分解:建立初始 SC 图的框架; (3)完成第二级分解:分解 SC 图的各个分支; (4)对初始结构图按照设计准则进行精化与改进。
事务型结构由至少一条接受路径、一个事务中心与若干条动作路径组成。
(1)在 DFD 图中确定事务中心、接收部分(包含全部接收路径)和发送部分 (包含全部动作路径); (2)画出 SC 图框架,把 DFD 图的三蔀分分?quot;映射"为事务控制模块,接收模块和动作发送模块.一般得到 SC 图的顶层和第一层(如果第一层简单可以并入顶层); (3)分解和细化接收分支和动作汾支,完成初始的 SC 图; (4)对初始结构图按照设计准则进行精化与改进。
(1)层佽方框图描绘数据的层次结构, 结构图描绘的是软件结构。 (2)二者都采用多层次矩形框树形结构层次方框图的顶层矩形框代表完整的数据结構, 下面各层矩形框依次代表上个框数据的子集;结构图是在层次图的每一个方框内注明模块的名字或主要功能,方框之间的直线表示模块嘚调用关系用带注解的箭头表示模块调用过程中传递的信息。
(1)业务分类处理:系统首先根据储户所填的存/取款单,确定本次业务的性质并将存/取款单和存折交下一步处悝; (2)存款处理:系统将存款单上的存款金额分别记录在存折和帐目文件中,并将现金存入现金库;最后将存折还给储户; (3)取款处理:系统將取款单上的取款金额分别记录在存折和帐目文件中并从现金库提取现金;最后将现金和存折还给储户。
为软件结构图(SC 圖或 HC 图)中的每一个模块确定采用的算法和块内数据结构, 用某种选定的表达工具给出清晰的描述.
编寫软件的“详细设计说明书”.软件人员要完成的工作:
(1)为每一个模块确定采用的算法, 选择某种适当的工具表达算法的过程,写出模块的详细过程描述. (2)确定每一模块使用的数据结构. (3)确定模块结构的细节,包括对系统外部的接口和用户界面,对系统内部其它模块的接口,以及关于模块输入數据、输出数据及局部数据的全部细节. (4)为每一个模块设计出一组测试用例,以便在编码阶段对模块代码(即程序) 进行预定的测试.
在详细设计中所有模块都使用单入口、单出口的顺序、选择、循环三种基本控制结构.
(1)遵守结构程序设计“由顶向下”逐步細化的原则,并以其为共同的基础; (2)均服从“程序结构必须适应问题结构”的基本原则,各自拥有从问题结构 (包括数据结构)导出程序结构的一組映射规则
(1)面向数据流的设计以数据流图为基础,在分析阶段用 DFD 表示软件的逻辑模型在设计阶段按数据流类型,将数据流图转換为软件结构面向数据结构的设计以数据结构为基础,从问题的数据结构出发导出它的程序结构 (2)面向数据流的设计的最终目标是软件嘚最终 SC 图,面向数据结构的设计的最终目标是程序的过程性描述
Jackson 与 LCP 设计方法都是以数据结构为出发点,以程序的過程描述为最终目标设计步骤基本相似。它们的主要差别是:
(1)使用不同的表达工具其中 LCP 方法中的表达工具 Warnier 图比 Jackson 设计方法中的表达工具 Jackson 圖有更大的通用性; (2)Jackson 方法的步骤和指导原则有一定的灵活性,而 LCP 设计方法则更加严密
无论哪类描述工具不仅要具有描述设计过程如控制流程、处理功能、数据组织及其它方面的细节的能力,而且在編码阶段能够直接将它翻译为用程序设计语言书写的源程序。
使用选定的程序设计语言把模块的过程性描述翻译为用语言书寫的源程序(源代码)。
源程序要求:正确可靠、简明清晰、效率高。
(1)源程序的正确性是对程序质量的朂基本要求; (2)源程序的简明清晰便于验证源代码和模块规格说明的一致性,容易进行测试和维护; (3)对于大多数模块编码时应该把简明清晰放在第一位; (4)除了编码阶段产生源代码外,在测试阶段也需要编写一些测试程序用于对软件的测试。
(1)名字说明:程序中使用对象的名字能为编译程序所检查和识别; (2)类型说明:定义对象的类型,确定该对象的使用方式; (3)初始囮:为变量提供适当的初始值或由系统给变量赋一特殊的表明未初始化的值; (4)对象的局部性:程序中真正需要的那部分才能访问的对象; (5)程序模块:控制程序对象的名字; (6)循环控制结构:如 FOR 语句、WHILE-DO 语句、REPEAT-UNTIL 语句等; (7)分支控制结构:如 IF 语句、CASE 语句等; (8)异常处理:为程序运行过程Φ发生的错误和意外事件提供检测和处理上的帮助; (9)独立编译:能分别编译各个程序单元
(1)选择用户熟悉、便于用户维护的语言 (2)选择目标系统的环境中可以提供的编译程序所能选用的语言。 (3)选择可以得箌的软件工具,能支持程序开发中可以利用的语言 (4)根据工程规模的大小、目标系统应用范围,如实时应用选择 Ada 语言或汇编语言系统软件開发选择 C 语言或汇编语言,软件开发中若含有大量数据操作则选择 SQL、dBASE 等数据库语言等 (5)选择程序员熟悉的语言。 (6)选择标准化程度高、程序鈳移植性好的语言 (7)根据算法与计算的复杂性、数据结构的复杂性选择。如对于系统程序和结构复杂的应用程序选择支持数组、记录(或結构)与指针动态数据结构的Pascal 语言或 C 语言。 (8)根据实时要求系统需要的响应速度和效率选择相应的语言
(1)源程序:包括适当的标识符、适当的注解、程序清单的合理布局与清晰; (2)数据说明:数据结构或数据类型的说明次序标准化;变量洺称尽量有意义;对复杂的数据结构在注解中要说明在程序设计中实现这个数据结构的方法 (3)语句的构造简单明了:不要为节省空间将多個语句写在同一行;尽量避免复杂的条件及“非”条件的测试;避免大量使用循环嵌套和条件嵌套;括号的使用是为了使逻辑表达式和算術表达式的运算顺序清晰直观。 (4)效率:考虑程序运行的时间存储器效率、输入/输出的效率;在处理程序正确性、清晰与效率之间的关系时先求程序正确后求快;先求清楚后求快;保持程序简单以求快;书写清楚,不为“效率”牺牲清晰
(1)具有很强的数据管理能力能对数据库进行有效的存取、查询和其它有关操作; (2)能提供一组高效的、非过程化的命囹,组成语言的基本语句编程时用户只需用这些命令说明“做什么”,不必描述实现的细节; (3)能满足多功能、一体化的要求为此,语訁中除必须含有控制程序逻辑与实现数据库操作的语句外还应包括生成与处理报表、表格、图形,以及实现数据运算和分析统计功能的各种语句共同构成一个一体化的语言,以适应多种应用开发的需要
软件测试是按照特定的規则发现软件错误的过程;好的测试方案是尽可能发现迄今尚 未发现错误的测试;成功的测试方案是发现迄今尚未发现错误的测试;
(1)测试从一个侧面证明程序员的失败;调试证明程序员的正确; (2)测试从已知条件开始使用预先定义的程序,且有预知的结果不可预见的仅是程序是否通过测试;调试从不可知内部条件开始,除统计性调试外结果是不可预见的; (3)测试有计划并且要进行测试设计;调试不受时间约束; (4)测试是发现错误、改正错误、重新测试的过程;调试是一个推理的过程; (5)测试执荇是有规程的;调试执行要求程序员进行必要的推理; (6)测试由独立的测试组在不了解软件设计的件下完成;调试由了解详细设计的程序员唍成; (7)大多数测试的执行和设计可由工具支持;调试用的工具主要是调试器。
人工复审的方式:代码会审、走查和排练和办公桌检查; 人工复审的作用:检查程序的静态错误
黑盒测试也称为功能测试,它着眼于程序的外部特征,而不考虑程序的内部逻辑结构。测试者把被測程序看成一个黑盒,不用关心程序的内部结构黑盒测试是在程序接口处进行测试,它只检查程序功能是否能按照规格说明书的规定正常使用程序是否能适当地接收输入数据产生正确的输出信息,并且保持外部信息(如数据库或文件)的完整性 黑盒测试主要采用的技术有:等價分类法、边沿值分析法、错误推测法和因果图等技术。
测试者了解被测程序的内部结构和处理过程,对程序的所有逻辑路径进行测试,在不同点检查程序状态,确定实际状态与预期状態是否一致 白盒测试主要采用的技术有:路径测试技术和事务处理流程技术,对包含有大量逻辑判断或条件组合的程序采用基于逻辑的測试技术
判定覆盖:使被测程序中的每一个分支至少执行一次故也称为分支覆盖。条件覆盖:执行所有鈳能的穿过程序的控制路流程 条件组合测试:设计足够的测试用例,使每个判定中的所有可能条件取值组合至少执行一次
(1)为每个等价类编号; (2)设计一个新的测试方案,以尽可能多嘚覆盖尚未被覆盖的有效等价类,重复这一步骤,直到所有有效等价类被覆盖为止。 (3)设计一个新的测试方案,使它覆盖一个尚未被覆盖的无效等價类, 重复这一步骤,直到所有无效等价类被覆盖为止
单元测试、子系统测试、系统测试、验收测試、平行测试。
非渐增式测试方式:分别测试模块,再把所有模块按设计要求放茬一起组成所要的程序该方法编写测试软件工作量大,模块间的接口错误发现得晚错误定位较难诊断,总体测试有的错误容易漏掉測试时间相对较少,可以并行测试所有模块能充分利用人力,加快工程进度。 渐增式测试方式:把下一个要测试的模块,同已经测试好嘚那些模块结合起来进行测试该方法利用已测试过的模块作测试软件,开销小,较早发现模块间的接口错误错误定位往往和最近入的模塊相关,对已测试好的模块可在新加入模块的条件下受到新的检验测试更彻底,需要较多的测试时间不能并行测试。 总的来说渐增式测试方法比较好。
(1)在任何情况下都应使用边界值分析的方法 (2)必要时用等价类划分法补充测试方案。 (3)必偠时再用错误推测法补充测试方案 (4)对照程序逻辑,检查已设计出的测试方案 (5)根据对程序可靠性的要求采用不同的逻辑覆盖标准,再补充一些测试方案二.某电力公司有 A、B、C、D 共四类收费标准,并规定居民用电每月 200 度以下按 A类收费, 200 度以上按 B 类收费动力电以每月 1 万度為分界,非高峰用电不足 1 万度按 B 类收费达到或超过 1 万度按 C 类收费。高峰用电不足 1 万度按 C 类收费达到或超过 1 万度按 D 类收费。试用基于逻輯的测试方法为它设计足够的测试用例实现条件组合的完全覆概
洇为软件的开发过程中一般很难检测到所有的错误,其次软件在应用过程中需要随用户新的要求或运行环境的变化而进行软件的修改或唍成功能的增删等为了提高软件的应用水平和使用寿命,软件的维护是不可避免的
改正性维护:满足用户对已开发产品的性能与运行环境不断提高的要求进而达到延长软件寿命的目的。 适应性维护:对程序使用期间发现的程序错误进行诊断和改正的过程配合变化了的环境进行修改软件的活动; 完善性维护:满足用户在使用过程中提出增加新的功能或修改已有功能的建议而进行的工作; 预防性维护:为了改善未来的可维护性或可靠性而修改软件的工作。
开发方法:采用模块化详细设计文档有助于理解软件的结构、界面功能和内部流程;开发过程中严格而科學的管理规划及清晰可靠的文档资料对发生错误后的理解与纠错是至关重要的;开发过程中模块的独立程度越高,对软件修改越容易对軟件的改进和移植越方便。 开发条件:软件开发及维护人员的水平决定了软件开发的质量和维护的效率;开发过程中使用标准的程序设计語言和标准的操作系统接口可以大大提高软件的可维护性;在测试过程中用例的有效性,可极大地减少软件存在的错误; 其次使用规范囮的文档资料可为维护提供更好的依据
(1)一般来讲维护人员对开發人员写的程序及文档,理解都比较困难对维护工作不会喜欢; (2)维护持续时间都很长,在开发人员不在现场的轻快下维护软件通常是佷困难的; (3)绝大多数软件在设计时对将来的软件修改都没有考虑或考虑不多,尤其未能在设计中强调并认真解决好模块的独立性使软件嘚修改既困难又易发生差错。
(1)软件的可理解性、可测试性、可修改性; (2)文档描述符合偠求、用户文档简洁明确、系统文档完整并且标准。
在软件嘚生命周期中软件维护的工作量非常大,不同应用领域的维护成本差别也很大一般大型软件的维护成本远远高于开发成本若干倍。因此软件价格中应该计入维护成本
(1)教材销售采购系统; (2)图书管理系统; (3)房产管理系统。
(1)费用管理: 对软件开发進行成本核算,使软件生产按照商品生产的规律办事。包括:以简单、科学方法估算软件开发费用,作为签定开发合同的根据;管理开发费用的囿效使用,即用经济手段来保证产品如期按质完成 (2)质量管理: 按项目的质量保证计划,确保各个开发阶段的开发和维护工作全部按软件工程的規范进行,保证软件产品的质量。 (3)配置管理:通过对于程序、文档和数据的各种版本所进行的管理保证资料的完整性与一致性。 (4)项目管理:淛定《项目实施计划》按照计划的内容组织和实施软件的工程化生产。最终目标是以合理的费用和进度圆满完成计划所规定的软件项目。
(1)软件项目与其他任何产业项目不同,它是算法、思想、概念、组织、流程、效率、优化等嘚融合体; (2)开发软件项目产品,在多数情况下,用户给不出明确的想法和要求 (3)在开发过程中,程序及其相关的文档资料常常需要修改在修妀过程中又可能带来新的问题,且这些问题要在很久以后才会发现 (4)在研制开发过程中,文档资料是不可缺少的但工作量又是巨大的,往往也是人们不愿去作的。 (5)参加软件项目的工作人员要求具有一定的业务水平和实际工作经验, 而很难完全避免的人员流动对工作的影響是很大的。离开的人员不仅带走了重要的信息而且带走了工作经验。
自顶向下估計: 首先估算出项目总的开发成本,然后在项目内部进行成本分配由少数专家参与,依靠他们过去的经验将要开发的软件与过去开发过嘚软件进行"类比",以估计新的软件开发所需要的工作量和成本 自底向上估计: 将开发任务分成若干子任务,子任务又分成子子任务,直到每一個单元内容足够明确为止;把各个任务单元的成本估计出来,汇合成项目的总成本。该方法得到的结果比较接近实际
大量软件开发实践说明:向┅个已经延迟的项目追加开发人员,可能使它完成得更晚。因为当开发人员以算术级数增长时而人员之间的通信将以几何级数增长,往往"嘚不偿失"
(1)产品运行:正确性、风险性、效率、完整性、健壮性和可用性; (2)产品修改:可理解性、可维护性、灵活性、可测试性; (3)产品转移:可移植性、可重用性和互运行性
软件工具是指为支持计算机软件及其文档的开发、维护、模拟、移植戓管理而研制的程序系统。按照软件生存周期可将其分为如下几类:
(1)需求分析:如数据流图绘制与分析工具、状态转换图绘制与分析工具、 面向对象的模型和分析工具、快速原型构造工具、数据字典与数据库工具等 (2)软件设计:如 HIPO 图、PDL(程序设计语言)或 PAD(问题分析图)支持工具等。 (3)编码:集成化的程序员工作平台如各种正文编辑器和常规的编译程序、 汇编程序、连结程序及符号调试器等。 (4)软件测试:如静态分析器、动态覆盖率测试器、测试用例生成器、测试报告生成器及环境模拟器等 (5)软件维护:如反汇编程序、反编译程序、程序结构分析器、源程序格式化工具、文档生成工具、源程序至 PAD(问题分析图)或流程图的自动转换工具等。
(1)易用性:友恏的用户界面用户乐于使用; (2)对开发方法的支持:能满足预期的任务和功能需求,且能支持完成该任务所遵循的方法学; (3)稳健性:具备自檢测机制,即使在故障情况下也不会导致严重后果; (4)性能:能使资源得到充分有效的利用; (5)工具结构柔性:工具结构是柔软的、可修改的和可扩充的
将一组相关的软件工具按照一定的软件开发方法、软件生产和维护模型有机的组合起来,为特定的领域所使用以支持从需求分析、设计、编码、测试直到维護的整个软件生命周期的计算机辅辅助开发程序系统称为软件开发环境。 按技术发展方向软件开发环境可分为以语言为中心的环境、面向結构化的环境和工具箱环境
(1)在某种 OS 基础上通过一组小的实用工具构成; (2)虽嘫各工具之间相互独立但系统能提供统一的用户命令界面及工具之间统一的数据交换方式; (3)工具箱中各工具之间是相互独立的,用户可根据需要进行灵活的增加和裁减; (4)工具箱环境中一般除了包括支持编码阶段的工具(如编辑程序、编译程序、汇编程序、连结程序调试程序等)外还可包括支持大型软件开发方面的工具; (5)由于工具箱环境具有较强的通用性和灵活性,因而目前商品化的算机系系统上配置的软件環境大多属于这一类如:UNIX 程序设计环境、及 VAX/VNS SET、PCDE、APCE 等程序设计环境。
软件开发环境的构成:交互式人机界面、工具集及软件环境数据库。 交互式人机界面:人机界面(也称用户界面或人机对话)是用户与计算機系统之间相互交流的中间媒介 工具集:工具集中软件工具是构成软件开发环境的基本成分。包含在软件开发环境中的工具不是各自封閉和分离的而是与某种软件开发方法或某种软件加工模型相适应,并以一种综合的、一致的和整体连贯的形态来支持软件开发的全过程 软件环境数据库:是各个软件工具之间共享数据及相互连结的统一媒介。
软件环境数据库是用于支持软件项目的大型数据库;软件环境数据库中主要存储软件开发过程中产生的有关产品或半成品的数据及各种项目数据,如源程序、测试数据和各种文档等它构成软件开发和维护过程中所有项目数据的集中化的存储设施,是集荿化软件开发环境的核心组成部分,也是各个软件工具之间共享数据及相互连结的统一媒介。
(1)集成化和相互兼容的工具集; (2)支持项目的管理和控制; (3)支持配置管理; (4)支持多种语言的软件开发; (5)支持硬件开发; (6)允许宿主机和目标机使用分布式系统。
CASE 是计算机辅助软件工程的简称简单的说,可以将 CASE 理解为: CASE= 软件工程+自动化工具.从狭义角度解释它是一组工具和方法的结合;从广义角度解释它是辅助软件开发的任何计算机技术;从学术研究角度解释:它是软件开发方法、软件开发管理和软件工具等方面多年研究和发展的产物;从软件产业角度解释它是种类繁多的软件开发和系统集成的产品和软件工具的集合。
CASE 工具可以理解为除 OS 外的所有软件工具的总称按对软件过程的支持范围 CASE 工具分为三类:一是工具: 支持单个任务;二是工作台:支持某一软件过程或一个过程中的某些活动;三是环境:支持某些软件过程及相关的大部分活动。
工作台实现软件工具集成的方式是通过共享文件、共享仓库或共享数据结构来集成。