前端复习1

目录

1. 标签上 title 与 alt 属性的区别是什么

2. DIV+CSS 布局较 table 有什么优势

3. 介绍标准的 CSS 的盒子模型与低版本 IE 的盒子模型有什么不同的

4. CSS 选择符有哪些

5. JS 的数据类型有哪些

6. null,undefined 的区别

7. 描述下 JSON 对象的两个很重要的方法

8. eval 是做什么的

9. 简述下为何通过 ajax 发送的请求会出现乱码问题,如何解决

10.HTML5、CSS3 里面都新增了那些新特性

11.什么是响应式设计

12.为什么我们要弃用 table 标签

13.iframe 有哪些缺点

14.meta viewport 是做什么用的,怎么写

15.json 和 xml 数据的区别

1. 标签上 title 与 alt 属性的区别是什么?

alt 是给搜索引擎识别,在图像无法显示时的替代文本;title 是关于元素的注释信息,主要是给用户解读。

当鼠标放到文字或是图片上时有 title 文字显示。(因为 IE 不标准)在 IE 浏览器中 alt 起到了 title 的作用,变成文字提示。

在定义img 对象时,将alt 和title属性写全,可以保证在各种浏览器中都能正常使用。&和&&的区别。

2. DIV+CSS 布局较 table 有什么优势?

1、速率更快,页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了;

2、更好地被搜索引擎收录,大部分 html 页面的样式写入了 CSS 文件中,便于被搜索引擎采集收录;

3、对浏览者和浏览器更具优势,由于 CSS 富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形;

4、修改更有效率,由于使用了 DIV+CSS 制作方法,在修改页面的时候更加容易省时,提高工作效率; 

3. 介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?

(1)有两种, IE 盒子模型、W3C 盒子模型;

(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);

(3)区 别: IE 的 content 部分把 border 和 padding 计算了进去; 

4. CSS 选择符有哪些?

1.id 选择器( # myid)

2.类选择器(.myclassname)

3.标签选择器(div, h1, p)

4.相邻选择器(h1 + p)

5.子选择器(ul > li)

6.后代选择器(li a)

7.通配符选择器( * )

8.属性选择器(a[rel = "external"])

9.伪类选择器(a:hover, li:nth-child) 

5. JS 的数据类型有哪些?

数据类型主要包括两部分:

基本数据类型: Undefined、Null、Boolean、Number 和 String

引用数据类型: Array 、Objec 

6. null,undefined 的区别?

null 表示一个对象被定义了,值为“空值”;

undefined 表示不存在这个值。 

7. 描述下 JSON 对象的两个很重要的方法

JSON.parse() //JSON 字符串转换为 JSON 对象

JSON.stringify() //JSON 对象转化为字符串

 8. eval 是做什么的?

它的功能是把对应的字符串解析成 JS 代码并运行;

应该避免使用 eval,不安全,非常耗性能(2 次,一次解析成 js 语句,一次执行)。

由 JSON 字符串转换为 JSON 对象的时候可以用 eval,var obj =eval('('+ str +')');

9. 简述下为何通过 ajax 发送的请求会出现乱码问题,如何解决?

乱码的问题就是编码格式冲突,我们需要传输中文数据前面加一个 encodeURI()编码,例如:

encodeURI(j$("#fk_info").val());在接受参数的页面对传过来的编码过后的内容用后端语言进行解码 

 

10.HTML5、CSS3 里面都新增了那些新特性?

新的语义标签

本地存储

离线存储

Websocket

2d,3d 变换

Transition,animation

媒体查询

新的单位(rem,vw,vh 等)

11.什么是响应式设计?

它是关于网站的制作或网页制作的工作。

不同的设备有不同的尺寸和不同的功能。

响应式设计是让所有的人能在这些设备上让网站运行正常。

一部分是媒体查询和不同的视觉效果。

一部分是不同的资源(如不同的 Javascript 来处理触摸与点击自动适应屏幕的对比)。 

12.为什么我们要弃用 table 标签

table 的缺点在于服务器把代码加载到本地服务器的过程中,本来是加载一行执行一行,但是 table 标签是里面的东西全都下载完之后才会显示出来,那么如果图片很多的话就会导致网页一直加载不出来,除非所有的图片和内容都加载完。

如果要等到所有的图片全部加载完之后才显示出来会影响网页的性能,所以 table 标签现在我们基本放弃使用了 

 13.iframe 有哪些缺点

iframe 会阻塞主页面的 Onload 事件

搜索引擎的检索程序无法解读这种页面,不利于 SEO

iframe 和主页面共享连接池,而浏览器对相同域的链接有限制,所以会影响页面的并行加载

使用 iframe 之前需要考虑这两个缺点,如果需要使用 iframe,最好是通过 JavaScript

动态给 iframe 添加 src 属性值,这样可以绕开以上两个问题。

14.meta viewport 是做什么用的,怎么写?

控制页面在移动端不要缩小显示。
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

 15.json 和 xml 数据的区别

1,数据体积方面:xml 是重量级的,json 是轻量级的,传递的速度更快些。

 2,数据传输方面:xml 在传输过程中比较占带宽,json 占带宽少,易于压缩。

3,数据交互方面:json 与 javascript 的交互更加方便,更容易解析处理,更好的进行数据交互 4,数据描述方面:json 对数据的描述性比 xml 较差

5,xml 和 json 都用在项目交互下,xml 多用于做配置文件,json 用于数据交互。

 -------------------------------------前后端分离------------------------------------

bootstrap:前端框架,能够快速进行网页布局,偏向前台开发
        栅格布局-响应式
    easyui:前端框架,快速搭建动态的管理界面,偏向后台开发
        layout:布局
        tree:左侧菜单
        tabs:选项卡
        datagrid:数据表格
        dialog:模态框
        form:对于表单进行ajax操作

vue:渐进式框架
    ElementUI:基于vue的前台框架,里面封装了大量的vue组件
        生命周期/钩子函数:beforeCreate、created、beforeMount、mounted
            beforeUpdate、updated、beforedestory、destoryed
        默认会执行的函数:
            beforeCreate、created、beforeMount、mounted
        常用指令:
            v-model、v-on:事件名(@事件名)、v-bind:属性名(:属性)
            v-if/v-show/v-for
        路由:做跳转,jsp是页面跳页面,vue是组件跳组件
            原理是HTML中的锚点

vue中,定义锚点, <router-view></router-view> 
					定义跳转, <router-link to="/home">go to Home</router-link>
					let routes=[{abortme:"/me"},{home:"/home"}]
					进行挂载 new vue({router})
                   nodejs:前端运行环境,它就相当于后台中的tomcat
		npm:相当于后台中的maven,maven是用来构建项目,管理工程中的jar包

 Vuex:管理整个vue项目的变量的
            store.js 存储变量
            mutations.js 同步改变存储中的变量值
            actions.js 异步改变存储中的变量值
            Getter.js 获取存储中变量值
        jwt
            关于token令牌的解决方案
            之前:数据是存储在session中
            之后:前后端分离,用户数据存储在session中没有意义,前后端分离
            是跨服务器的;jwt通过request请求头,响应头的方式,管理数据
数据库

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值