自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(121)
  • 收藏
  • 关注

原创 简述javascript的作用域和闭包?

a. js变量的作用域是指:函数内定义的局部变量只在此函数内有效,而全局变量可以全局有效。b. 闭包的作用就在于能够改变局部变量的作用域,将值保存下来,但是如果使用不当会造成无法回收变量,引起性能问题,甚至崩溃c. http://blog.csdn.net/gaoshanwudi/article/details/7355794...

2021-01-22 19:58:07 146

原创 JavaScript中的“undefined、null”区别?

a. undefined出现的原因是JavaScript引擎不知道这是个什么东西,而对于null,JavaScript引擎识别了它,但是没有被分配内存空间。b. undefined的类型就是undefined,而null的类型是object

2021-01-22 19:57:32 130

原创 JavaScript中的“=、==、===”区别?

a. =:即赋值运算;b. ==:判断两个变量是否相同,仅限于值,如果值相同而类型不同,那么JavaScript引擎会在内部做类型转换;c. ===:判断两个变量是否相同,无论是值还是类型,如果类型不同而值相同,也会返回false,而引擎不会在内部进行转换。...

2021-01-22 19:57:01 1294

原创 一次js请求一般情况下有哪些地方会有缓存处理?

a. 浏览器端存储b. 浏览器端文件缓存c. HTTP缓存304d. 服务器端文件类型缓存e. 表现层&DOM缓存

2021-01-22 19:56:29 164

原创 请解释一下 JavaScript 的同源策略

a. 同源策略指的是协议,域名,端口相同b. 同源策略是一种安全协议c. 指一段脚本只能读取来自同一来源的窗口和文档的属性

2021-01-22 19:55:57 90

原创 HTTP常见状态码有哪些?

a. 2开头状态码;2xx (成功)表示成功处理了请求的状态代码;如:200 (成功) 服务器已成功处理了请求。b. 3开头状态码;3xx (重定向) 表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。如:304 (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容c. 4开头状态码;4xx(请求错误) 这些状态代码表示请求可能出错,妨碍了服务器的处理;如:400 (错误请求) 服务器不理解请求的语法;403 (禁止) 服务器拒绝请求。404 (未找到)

2021-01-22 19:55:03 86

原创 讲讲输入完网址按下回车,到看到网页这个过程中发生了什么?

a. 域名解析b. 发起TCP的3次握手c. 建立TCP连接后发起http请求d. 服务器端响应http请求,浏览器得到html代码e. 浏览器解析html代码,并请求html代码中的资源f. 浏览器对页面进行渲染呈现给用户

2021-01-22 19:54:35 335

原创 23. 一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验[性能优化]

a. 图片懒加载,滚动到相应位置才加载图片b. 图片预加载,如果为幻灯片、相册等,将当前展示图片的前一张和后一张优先下载c. 使用CSSsprite,SVGsprite,Iconfont、Base64等技术,如果图片为css图片的话d. 如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验...

2021-01-22 19:54:01 183

原创 谈谈你对前端性能优化的理解

a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域b. 请求带宽:开启GZip,精简JavaScript,移除重复脚本,图像优化,将icon做成字体c. 缓存利用:使用CDN,使用外部JavaScript和CSS,添加Expires头,减少DNS查找,配置ETag,使AjaX可缓存d. 页面结构:将样式表放在顶部,将脚本放在底部,尽早刷新文档的输出e. 代码校验:避免CSS表达式,避免重定向...

2021-01-22 19:53:21 98

原创 谈谈以前端角度出发做好SEO需要考虑什么?

a. 了解搜索引擎如何抓取网页和如何索引网页b. meta标签优化c. 关键词分析d. 付费给搜索引擎e. 链接交换和链接广泛度(Link Popularity)f. 合理的标签使用

2021-01-22 19:52:11 138

原创 Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? 以及如何触发这2种模式?

a. 声明位于文档中的最前面,处于标签之前。告知浏览器以何种模式来渲染文档b. 严格模式的排版和 JS 运作模式是,以该浏览器支持的最高标准运行c. 在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作d. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现e. 触发严格模式是在Html前申明正确的DTDf. 触发混杂模式是在Html文档开始不声明DTD,或者在DOCTYPE前加入XML声明...

2021-01-20 21:46:54 75

原创 请说说你对标签语义化的理解?

a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构b. 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重c. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页d. 便于团队开发和维护,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化...

2021-01-20 21:46:20 91 1

原创 你知道多少种Doctype文档类型?

a. 标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档b. HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Framesetc. XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Framesetd. Standards(标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页e. Quirks(包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页.

2021-01-20 21:45:19 195

原创 HTML与XHTML——二者有什么区别?

a. XHTML 元素必须被正确地嵌套b. XHTML 元素必须被关闭c. 标签名必须用小写字母d. XHTML 文档必须拥有根元素

2021-01-20 21:44:42 85 1

原创 请列举几种隐藏元素的方法

a. visibility: hidden;这个属性只是简单的隐藏某个元素,但是元素占用的空间任然存在b. opacity: 0;一个CSS3属性,设置0可以使一个元素完全透明,制作出和visibility一样的效果。与visibility相比,它可以被transition和animatec. position: absolute;使元素脱离文档流,处于普通文档之上,给它设置一个很大的left负值定位,使元素定位在可见区域之外d. display: none;元素会变得不可见,并且不会再占用文档的空

2021-01-20 21:42:19 97

原创 请列举几种可以清除浮动的方法(至少两种)

注解:浮动会漂浮于普通流之上,像浮云一样,但是只能左右浮动。正是这种特性,导致框内部由于不存在其他普通流元素了,表现出高度为0(高度塌陷)a. 添加额外标签,例如b. 使用br标签和其自身的html属性,例如c. 父元素设置 overflow:hidden;在IE6中还需要触发hasLayout,例如zoom:1d. 父元素设置 overflow:auto 属性;同样IE6需要触发hasLayoute. 父元素也设置浮动f. 父元素设置display:tableg. 使用:after 伪元素;

2021-01-20 21:41:35 103

原创 有哪几项方式可以对一个DOM设置它的CSS样式?

a. 外部样式表:通过标签引入一个外部css文件b. 内部样式表:将css代码放在

2021-01-20 21:40:48 91

原创 line-height三种赋值方式有何区别?(带单位、纯数字、百分比)

a.带单位:px不用计算,em则会使元素以其父元素font-size值为参考来计算自己的行高b. 纯数字:把比例传递给后代,例如父级行高为1.5,子元素字体为18px,则子元素行高为1.5*18=27pxc. 百分比:将计算后的值传递给后代...

2021-01-20 21:40:13 164

原创 CSS中 link 和@import的区别是什么?

a. link属于HTML标签,而@import是CSS提供的,且只能加载 CSSb. 页面被加载时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载c. import只在IE5以上才能识别,而link是HTML标签,无兼容问题d. link方式的样式的权重 高于@import的权重e. 当使用 Javascript 控制 DOM 去改变样式的时候,只能使用 link 方式,因为 @import 眼里只有 CSS ,不是 DOM 可以控制f. 合理的标签使用...

2021-01-20 21:39:32 78

原创 谈谈你对CSS布局的理解

a. 固定布局b. 流式布局c. 弹性布局d. 浮动布局e. 定位布局f. margin和padding

2021-01-20 21:36:35 127

原创 html5有哪些新特性、移除了那些元素?

新特性:a. HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加b. 拖拽释放(Drag and drop) APIc. 语义化更好的内容标签(header,nav,footer,aside,article,section)d. 音频、视频API(audio,video)e. 画布(Canvas) APIf. 地理(Geolocation) APIg. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失h. sessionSt

2021-01-19 20:48:59 84

原创 iframe的优缺点

优点:a. 解决加载缓慢的第三方内容如图标和广告等的加载问题b. iframe无刷新文件上传c. iframe跨域通信缺点:d. iframe会阻塞主页面的Onload事件e. 无法被一些搜索引擎索引到f. 页面会增加服务器的http请求g. 会产生很多页面,不容易管理...

2021-01-19 20:46:25 82

原创 请阐述table的缺点

a. 太深的嵌套,比如table>tr>td>h3,会导致搜索引擎读取困难,而且,最直接的损失就是大大增加了冗余代码量b. 灵活性差,比如要将tr设置border等属性,是不行的,得通过tdc. 代码臃肿,当在table中套用table的时候,阅读代码会显得异常混乱d. 混乱的colspan与rowspan,用来布局时,频繁使用他们会造成整个文档顺序混乱e. 不够语义...

2021-01-19 20:36:47 93

原创 <img>标签上title属性与alt属性的区别是什么?

12alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短, 下·不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户等b. title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息...

2021-01-19 20:35:34 88

原创 简述一下src与href的区别

a. src用于替换当前元素b. href用于在当前文档和引用资源之间确立联系c. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置d. href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接...

2021-01-19 20:32:45 78

原创 请简述盒模型

a. IE6盒子模型与W3C盒子模型b. 文档中的每个元素被描绘为矩形盒子。盒子有四个边界:外边距边界margin, 边框边界border, 内边距边界padding与内容边界contentc. CSS3中有个box-sizing属性可以控制盒子的计算方式d. content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和。(W3C盒子模型)e. border-box:padding和borde

2021-01-19 20:25:48 82

原创 前端页面有哪三层构成,分别是什么?作用是什么?

a. 结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达。解决了页面”内容是什么”的问题。b. 表示层:由CSS负责创建,解决了页面“如何显示内容”的问题。c. 行为层:由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。...

2021-01-19 20:21:26 238

原创 删除姓名、年龄重复的记录

Id name age salary1 yzk 80 10002 yzk 80 20003 tom 20 200004 tom 20 200005 im 20 20000a. 使用Distinct 去重:SELECT DISTINCT Name FROM Persons(Distinct 只能去除结果集中一模一样的数据)b. 获取不重复数据思考1:SELECT Name, age FROM Persons GROUP BY

2021-01-19 20:15:34 232

原创 横表、纵表转换

纵表结构 TableAName Course Grade张三 语文 75张三 数学 80张三 英语 90李四 语文 95李四 数学 55横表结构 TableBName 语文 数学 英语张三 75 80 90李四 95 55 0a. 先理解:select Name,(case Course when ‘语文‘ then Grade else 0 end) as 语文, (case Course when ‘数学‘ then Grade else 0 end) as 数学, (case

2021-01-19 20:14:40 123

原创 综合查询(成绩管理)

Student(S#,Sname,Sage,Ssex) 学生表Course(C#,Cname,T#) 课程表SC(S#,C#,score) 成绩表Teacher(T#,Tname) 教师表a. 查询“001”课程比“002”课程成绩高的所有学生的学号select a.S# from (select s#,score from SC where C#=‘001’) a,(select s#,scorefrom SC where C#=‘002’) b where a.score>b.sco

2021-01-19 20:13:05 229

原创 综合练习(图书管理)

CARD 借书卡: (CNO 卡号,NAME 姓名,CLASS 班级)BOOKS 图书: (BNO 书号,BNAME 书名,AUTHOR 作者,PRICE 单价,QUANTITY 库存册数 )BORROW 借书记录: (CNO 借书卡号,BNO 书号,RDATE 还书日期备注:限定每人每种书只能借一本;库存册数随借书、还书而改变。要求实现如下处理:a. 写出自定义函数,要求输入借书卡号能得到该卡号所借书金额的总和CREATE FUNCTION getSUM(@C

2021-01-14 08:54:43 627

原创 综合练习(活期存款)

活期存款中,“储户”通过“存取款单”和“储蓄所”发生联系。假定储户包括:账号,姓名,电话,地址,存款额;“储蓄所”包括:储蓄所编号,名称,电话,地址(假定一个储户可以在不同得储蓄所存取款),问题:创建一个触发器TR1完成下面内容,当向“存取款单”表中插入数据时,如果存取标志=1则应该更改储户表让存款额加上存取金额,如果存取标志=0则应该更改储户表让存款额减去存取金额,如果余额不足显示余额不足错误。CREATE TABLE CREATE TRIGGER tr1 on qukuan after insert

2021-01-14 08:52:51 393

原创 写出一条Sql语句:取出表A中第31到第40记录(SQLServer,以自动增长的ID作为主键,注意:ID可能不是连续的

a. select top 10 * from A where id not in (select top 30 id from A)演变步骤:1)select top 30 id from T_FilterWords–取前条2)select * from T_FilterWords where id not in (select top 30 id from T_FilterWords)–取id不等于前三十条3)select top 10 * from T_FilterWordsb. selec

2021-01-14 08:51:33 165 1

原创 综合查询(条件查询、嵌套查询、多表查询)

表一:student_info学号 姓名 性别 出生年月 家庭住址 备注0001 张三 男 1981-8-9 北京 NULL表二:curriculum课程编号 课程名称 学分0001 计算机基础 20002 C语言 2表三:grade学号 课程编号 分数0001 0001 800001 0002 90a. 条件查询在GRADE表中查找80-90份的学生学号和分数select 学号,分数 from grade where 分数 between 80 and 90在GRADE 表中

2021-01-14 08:48:04 273 1

原创 说出一些数据库优化方面的经验?

a. 扩展:索引内部原理可以想象成 Dictionary,插入、删除、更新的速度慢了,加上索引也多占用了空间,查询的速度快了。加上索引以后速度提升非常明显。b. 在经常检索的字段上(selectfromPerson whereName=@Name)使用索引提高查询速度。 (2)select 中只 列出必要的字段,而不是。c. 避免隐式类型转换造成的全表扫描,在索引上使用函数也会造成全表扫描(因 为索引只是为字段建立的,一旦使用表达式或者函数,那么索引就是失效了,当然也可以使用“函数索引”、 “表 达式索

2021-01-14 08:45:10 57

原创 什么叫视图?游标是什么?

a. 视图是一种虚拟的表,具有和物理表相同的功能。可以对视图进行增,改,查,操作,试图通常是有一个表或者多个表的行或列的子集。对视图的修改不影响基本表。它使得我们获取数据更容易,相比多表查询。b. 游标:是对查询出来的结果集作为一个单元来有效的处理。游标可以定在该单元中的特定行,从结果集的当前行检索一行或多行。可以对结果集当前行做修改。一般不使用游标,但是需要逐条处理数据的时候,游标显得十分重要...

2021-01-14 08:40:24 72

原创 事务的特性是什么?

a. 原子性事务必须是原子工作单元;对于其数据修改,要么全都执行,要么全都不执行b. 一致性事务在完成时,必须使所有的数据都保持一致状态。在相关数据库中,所有规则都必须应用于事务的修改,以保持所有数据的完整性。事务结束时,所有的内部数据结构(如 B 树索引或双向链表)都必须是正确的。c. 隔离性由并发事务所作的修改必须与任何其它并发事务所作的修改隔离。事务查看数据时数据所处的状态,要么是另一并发事务修改它之前的状态,要么是另一事务修改它之后的状态,事务不会查看中间状态的数据。这称为可串行性,因为它

2021-01-11 08:16:57 110

原创 什么是事务?什么是锁?

a. 事务就是被绑定在一起作为一个逻辑工作单元的SQL语句分组,如果任何一个语句操作失败那么整个操作就被失败,以后操作就会回滚到操作前状态,或者是上有个节点。b. 为了确保要么执行,要么不执行,就可以使用事务。要将有组语句作为事务考虑,就需要通过ACID测试,即原子性,一致性,隔离性和持久性。c. 锁:在所以的DBMS中,锁是实现事务的关键,锁可以保证事务的完整性和并发性。与现实生活中锁一样,它可以使某些数据的拥有者,在某段时间内不能使用某些数据或数据结构。当然锁还分级别的。...

2021-01-11 08:16:15 74

原创 触发器的作用?

a. 触发器是一中特殊的存储过程,主要是通过事件来触发而被执行的。b. 它可以强化约束,来维护数据的完整性和一致性,可以跟踪数据库内的操作从而不允许未经许可的更新和变化。c. 可以联级运算。如,某表上的触发器上包含对另一个表的数据操作,而该操作又会导致该表触发器被触发...

2021-01-11 08:15:44 246

原创 索引的作用?和它的优点缺点是什么?

a. 索引就一种特殊的查询表,数据库的搜索引擎可以利用它加速对数据的检索。b. 它很类似与现实生活中书的目录,不需要查询整本书内容就可以找到想要的数据。c. 索引可以是唯一的,创建索引允许指定单个列或者是多个列。d. 缺点是它减慢了数据录入的速度,同时也增加了数据库的尺寸大小...

2021-01-11 08:15:14 120

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除