期末课后作业


期末课后作业

作业一

1、移动电商的种类中,表商家跟商家进行交易的商业模式的是B2B

2、HTML标签中有些是有专业属性,有些是公有属性,常见的公有属性的有:

表格<tr></tr>  <td></td>的专业属性  colspan  rowspan
<a></a>的专业属性 href
常见的公有属性:id,class,name,value,style,type等

3、阐述下MVC开发模式?

MVC的具体含义是:model+view+control,即模型+视图+控制
它们各自处理自己的任务:
(1)模型:模型持有所有的数据bai、状态和程序逻辑。模型独立于视图和控制器。
(2)视图:用来呈现模型。视图通常直接从模型中取得它需要显示的状态与数据。对于相同的信息可以有多个不同的显示形式或视图。
(3)控制器:位于视图和模型中间,负责接受用户的输入,将输入进行解析并反馈给模型,通常一个视图具有一个控制器。
MVC模式将它们分离以提高系统的灵活性和复用性,不使用MVC模式,用户界面设计往往将这些对象混在一起。MVC模式实现了模型和视图的分离,这带来了几个好处。
(1)一个模型提供不同的多个视图表现形式,也能够为一个模型创建新的视图而无须重写模型。一旦模型的数据发生变化,模型将通知有关的视图,每个视图相应地刷新自己。
(2)模型可复用。因为模型是独立于视图的,所以可以把一个模型独立地移植到新的平台工作。
(3)提高开发效率。在开发界面显示部分时,你仅仅需要考虑的是如何布局一个好的用户界面;开发模型时,你仅仅要考虑的是业务逻辑和数据维护,这样能使开发者专注于某一方面的开发,提高开发效率。

4、常见浏览器内核有哪些?说说你常用的浏览器属于哪种内核?

1. Trident内核代表产品Internet Explorer
Trident(又称为MSHTML),是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括:IE、傲游、世界之窗浏览器、腾讯TT等。由于微软很长时间没有更新Trident内核,这些浏览器已经属于古董级别的浏览器了

2. Gecko内核代表作品Mozilla FireFox
FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。因为其开源,使得Gecko成为现今流行的排版引擎之一,仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。

3. WebKit内核代表作品Safari、Chromewebkit
是苹果公司自主研发的内核, Webkit引擎包含渲染引擎WebCore和javascript引擎JSCore,均是从KDE的KHTML及KJS引擎衍生而来,它们都是自由软件,在GPL条约下授权,所以webkit也开放了源码。它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高,导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome,与国内的360极速浏览器,搜狗高速浏览器。

4. Presto内核代表作品OperaPresto
是由Opera Software开发的浏览器排版引擎,供Opera 7.0及以上使用。该款引擎的特点就是渲染速度的优化达到了极致,也是目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。

我最喜欢的浏览器属于WebKit内核,因为其浏览网页的速度相对较快,使用体验比较棒!

作业二

1、表格是由<table>标签定义<tr>定义表格的行,<td>定义表格的单元格。

2、表单标签<input>类型中单选框的是radio,提交按钮的属性值是submit

3、简述下超链接a标签的五种用法,举例说明。

(1) 指向同站点的其他页面
    eg:<a href="guide.html">新手指南</a>
            <a href="#">常见问题</a>
           href的值是链接的目标页面,当href 的值是“#”时,指向的是一个空链接。
(2)指向另一个网站
    eg:<a href=“http://www.baidu.com">百度</a>
            跳转到外部网站的时候,只需要将href的值为该网站的URL地址即可。
(3) 命名锚记链接
         跳转到本页面的指定内容。
             步骤1:创建命名锚记。在需要创建命名锚记的位置,将标签的id属性设置好。
             步骤2:链接到命名锚记。将链接的href的值设置为“#id的值”。
(4)电子邮件链接
         邮件链接的href值以mailto:开始,后面跟上一个收件人的email地址
          eg:<a href="mailto:mobileshop@ictuniv.com">联系我们</a>
(5)文件下载链接:指向某个需下载的文件的链接。
可用于下载的文件类型有.doc、.Rar、.cab、.zip、.exe等
基本语法:
<a href=“File_path”>下载文件</a>
文件下载示例:
<body>
<p><a href=“mark_using.doc”>doc文档下载</a></p>
<p><a href="data2.rar">RAR文档下载</a></p>
<p><a href=“task.exe”>exe文件下载</a></p>
<body>

4、常见的多媒体标签有哪些?用事例加以说明。

1.设置滚动字幕
<marquee>滚动文字</marquee>
2.嵌入音频
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
3.嵌入视频
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>
4.设置背景音乐
<embed src=“file_path” >

作业三

1、css样式表根据位置的不同有三种类型,其优先级由高到低顺序是____________;

内联样式表 > 内部样式表 > 外部样式表

2、css文本属性中表文本居中的属性值是center,层属性中表绝对定位的是absolute

3、简述下CSS盒子模型。

盒子模型(即box model)是指所有HTML元素都可以看作盒子,用于设计和布局时使用。
一个CSS盒子包括:内容、内边距、边框、外边距
image-20201230194810237

4、常见的块级元素和内联元素有哪些?其标准流布局如何?

常见的块级元素有:p、div、h1-h6、ul-li等。
常见的内联元素有:a、span、img、b、i、em等。
标准流布局:
块级元素:独占一行,并且可以设置宽度和高度来控制盒子的大小。
内联元素:一行可以共存多个,可以设置宽高但是不生效,自身尺寸根据元素内部嵌套的内容来确定。

注意⚠️:img是内联元素,但是设置高度和宽度属性,在浏览器会生效

作业四

1、JavaScript对象有是三个部分:浏览器对象(BOM)文档对象(DOM)js内置对象

2、JavaScript设置和获取HTML属性的方法是getAttributesetAttribute

3、JavaScript定位HTML元素的方式有哪些?谈谈你的理解。

三种方式定位html元素:

(1)通过id定位到HTML元素--document.getElementById()
(2)通过元素标签名定位到HTML元素--document.getElementsByTagName()
(3)通过类名定位到HTML元素--document.getElementsByClassName()

理解:如果要准确的定位到某个html元素,可以通过id的方法,因为id是唯一的。通过标签名和类名定位到的恶元素可能不止一个,可以通过下标来确定到某一个元素。

4、JavaScript和jQuery绑定事件的方式不一样,谈谈它们之间的区别。

js中常使用window.onload方法,
jquery常使用du$(document).ready() (可以简写为zhi$(function(){}) 或者 $().ready(function(){}) )
或者$(window).load(function(){})
js的window.onload这个方法是dao在网页中所有的zhuan元素(shu包括元素的所有关联文件)完全加载到浏览器后才执行,
即js此时才可以访问网页中的任何元素。
而jqeury的$(document).ready()只要DOM完全就绪时就可以操作了
但是,例如,有时函数需要处理图片的宽高,可使用上个方法函数在执行时,可能图片的相关信息都没有加载完成
因此jqeury的$(window).load()就会在所有的内容(包括窗口,框架,对象和图片等)加载完成后触发,
如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发

用 "addeventlistener" 可以绑定多次同一个事件,且都会执行,而在DOM结构如果绑定两个 "onclick" 事件,只会执行第一个;在脚本通过匿名函数的方式绑定的只会执行最后一个事件。

作业五

1、允许在一条语句中,针对相同的元素,运行多个jQuery方法,叫链接

2、jQuery遍历中返回被选元素的所有同胞元素的方法是siblings

3、事件传播的两种策略的是?如何处理阻止事件冒泡带来的影响?

通常有两种策略来处理事件:事件捕获和事件冒泡。
事件捕获:事件首先会交给最外层的元素,然后再往内交给更具体的元素。
事件冒泡:事件冒泡与事件捕获刚好相反,当事件发生时,首先会发送到最具体的元素,
在这个元素得到响应后,事件会往上冒泡到更外层的元素。
利用事件对象的.stopPropagation()方法可以阻止事件冒泡。

4、阐述下Ajax实现机制的过程。

1.用户在web页面执行某个操作,比如鼠标点击按钮等;
2.根据用户的操作,触发事件的发生,并调用注册到该事件的JavaScript事件,在js事件处理函数中,需要创建并初始化一个向服务器发送异步请求的XMLHttpRequest对象;
3.服务器收到Request请求,做了一系列处理;
4.处理完毕,服务器向客户端返回所需要的数据;
5.数据到达客户端之后执行JavaScript回调函数,井处理的数据显示在用户界面。
image-20201230201234315

文章作者: fejxc
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 fejxc !
评论
  目录