OceanH的博客

前端测试题一、选择题1.下面哪种说法是正确的？（B）A. jQuery 是 JSON 库B. jQuery 是 JavaScript 库2.3+2+“7”=？答：“57”※3.写出下列代码的输出结果console.log([ ]==false); console.log(![ ]==false)输出结果：true,true解析：首先，[ ]是一个空数组，也就是一个Object类型，既然是一个Object，那么作判断条件时就会转换为true其次要注意！当空数组和布尔值作比较时，会

继承：1.原型链：

闭包：1.什么是闭包？闭包其实就是指有权访问另一个函数作用域中变量的函数2.创建闭包的常见方式？创建闭包的最常见方式就是在一个函数的内部创建另一个函数3.闭包现象：eg：function Outfunc(propertyName) { return function (obj1,obj2) { //*********** var value1 = obj1[propertyName]; var value2 = obj2[propertyName];

Javascript基础学习——周总结（二）:1. 有关a索引问题：var allA = document.getElementsByTagName("a");for(var i=0;i<allA.length;i++){ allA[i].onclick = function(){ alert(allA[i]); return false; }}注意：for循环会在页面加载完成后立即执行，而这段代码中给a绑定的单击响应函数，在单机时才会执行。2. 操作内联样式：通过JS修改

Javascript 基础学习——周总结：1.tostring()方法：我们在页面中打印一个函数对象时，输出的其实是该对象 tostring()方法的返回值如果想要输出指定对象的具体属性，可以修改该对象的原型对象中的string（）方法，利用this输出对象所包含的属性2.有关JS中数组的基本知识和操作方法：2.3数组简介数组是一种特殊类型的对象。在 JavaScript 中对数组使用 typeof 运算符会返回 “object”因此，数组中的元素可以使 任意数据类型，可以是一个函数，乃至一个

HTML 简答部分:1.说说你对标签语义化的理解？a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重c. 方便其它设备解析，以意义的方式来渲染网页d. 便于团队开发和维护，语义化更具可读性，减少差异化2.块级元素与行级元素分别有什么特点？块级元素：总是在新行开始高度，行高，内边距外边距都可控宽度默认是容器的100%。除非重新设定可以容纳内联元素（文本元素），与其他

CSS基础学习：a标签伪类选择器：1. 观察发现a标签具有不同的状态：1.1 默认状态，未被访问 link1.2 被访问过的状态 visited1.3 鼠标长按的状态 active1.4 鼠标悬停的状态 hover2. 什么是a标签的为类选择器？专门用来修改a标签不同状态的样式的格式：<style> a:link{ color:skyblue; } a:visited{ color:green; } a:active{ color:orange

HTML+CSS基础知识试题如下：1. 下面选项中，哪个属性值能将网页中某个标签的右外边距设置为10像素（A）A. margin:0 10px 0 0;B. margin:0 0 0 10px;C. margin:10px 0 0 0;D. padding-right:10px;解析：margin属性连写时后面的取值分别是 上 右 下 左2. 在页面中实现文字滚动的标记是什么标签？答：marquee标签3. 预定义格式化标签<pre></pre>的功能是什么？答

HTML学习笔记（1）基本概念：一、==浏览器：==（1）作用：（2）内核：浏览器内核也就是浏览器所采用的渲染引擎，决定了浏览器如何显示网页以及页面格式信息二、==服务器==：三、==访问网页原理==：四、==什么是URL==五、== HTTP协议==基本概念：一、浏览器：（1）作用：1.将网页渲染出来给用户查看2.能够让用户通过浏览器和网页交互（2）内核：浏览器内核也就是浏览器所采用的渲染引擎，决定了浏览器如何显示网页以及页面格式信息IE内核谷歌内核火狐内核Safarri内核欧朋内

CSS基础学习一、清除浮动的方式：1. 清除浮动方式一（ 给前面一个父元素设置高度）：注意：在企业开发中，能不写高度就不写高度，所以此方法应用较少，仅作为了解2. 清除浮动方式二（给后面的盒子添加clear属性）：clear属性取值：none 默认取值，按照默认的浮动元素排序规则left 不找前面左浮动的元素right 不找前面有浮动的元素both 不找前面的左浮动元素和右浮动元素注意：当我们给某个元素添加clear属性后，该元素的margin属性就会自动失效2.1 margin属性

CSS基础学习一、浮动流基本概念浮动流是一种半脱离标准流的排版方式浮动流只有水平排版方式，它只能设置某个元素左对齐或者右对齐注意：（1）浮动流没有居中（2）在浮动流中是不可以使用margin:0 auto;的特点：（1）在浮动流中是不区分块级元素、行内元素和行内块级元素的！都可以水平排版（2）在浮动流中，无论是块级元素、行内元素还是行内块级元素都可以设置宽高（3）综上，浮动流中的元素和标准流中的行内块级元素很相似二、浮动元素的脱标：1.什么是浮动元素的脱标？“脱标”即脱离标准流当某一

CSS基础学习一、 网页布局方式：1. 什么是网页布局方式？即浏览器是如何对网页中的元素进行排版的三、 排版方式：1.标准流（文档流/普通流）排版方式：浏览器默认的排版方式就是标准流在CSS中将元素分为 块级元素/行内元素/行内块级元素三类在标准流中有两种排版方式：垂直排版和水平排版2.浮动流排版方式：2.1 浮动流基本概念：浮动流是一种半脱离标准流的排版方式浮动流只有水平排版方式，它只能设置某个元素左对齐或者左对齐注意：（1）浮动流没有居中（2）在浮动流中是不可以使用margi

CSS基础学习一、边框属性1.什么是边框？边框就是环绕在标签宽度和高度周围的线条2.如何设置边框属性、格式：2.1 同时设置四条边的边框border: 边框的宽度 边框的样式 边框的颜色;注意：颜色属性可以省略，默认是黑色样式不能省略，宽度可以省略2.2 分别设置四条边的边框border-top: 边框的宽度 边框的样式 边框的颜色;border-right: 边框的宽度 边框的样式 边框的颜色;border-bottom: 边框的宽度 边框的样式 边框的颜色;border-le

CSS基础学习一、CSS元素的显示模式（了解）在HTML中将所有标签分为容器级和文本级两类在CSS中将所有的标签分为块级元素和行内元素1.什么是块级元素和行内元素？块级元素会独占一行而行内元素则不会2.块级元素和行内元素的区别：2.1 块级元素（容器级）：独占一行如果没有设置宽度，那么默认和父元素一样2.2 行内元素（文本级）：不会独占一行如果没有设置宽度，默认和内容一样宽行内元素是不可以设置宽度和高度的2.3 行内块级元素二、CSS元素显示模式转换1.如何转换CSS元素的显

CSS基础学习一、CSS三大特性：1.继承性：1.1 什么是继承性？即给父元素设置一些属性，子元素也可以使用注意点：（1）并不是所有属性都可以继承，只有以 color/font-/text-/line开头的属性才可以继承（2）在CSS的继承性中，只要是后代都可以继承（3）继承性中的特殊性：3.1 a标签的文字颜色和下划线是不能继承的3.2 h标签的文字大小是不能继承的应用场景：一般用于设置网页上的一些共性信息，例如网页的文字颜色，字体，文字大小等内容2.层叠性：2.1 什么是层叠性

HTML基础学习1.1video标签基本使用：作用：用来播放视频格式：<video src="" autoplay="autoplay" controls="controls" poster=""></video>video标签的属性：src:用于告诉video标签需要播放的视频地址autoplay：用于告诉video标签是否需要自动播放视频controls:告诉video标签是否需要显示控制条poster:用于告诉video视频没有播放之前显示的占

HTML基础学习：一、表单标签1.什么是表单?专门用来收集用户信息的2.什么是表单元素？在HTML 中，标签、标记、元素都是指HTML中的标签表单标签还是HTML肿的一些标签，只不过这些标签比较特殊，在浏览器中所有的表单标签都有特殊的外观和默认的功能基本格式：<form> <表单元素></form>3.常见的表单元素：input标签，input标签有一个type属性，这个属性又很多类型的取值，取值的不同就决定了input标签的功能和外观eg：

HTML基础学习：一、表格标签：作用：用来给一堆数据添加表格语义格式：<table> <tr> <td>需要显示的内容</td> </tr></table>注释：（1）其实表格标签中的table标签代表整个表格，也就是一对table标签就是一个表格（2）表格标签中的tr标签代表整个表格中的一行数据，也就是说一对tr标签就是表格中的一行（3）td标签代表表格中一行中的一个单元格注意：（1）表格标签有一个边

HTML基础学习：一、列表标签什么是列表标签？作用：给一堆数据添加列表语义，也就是告诉浏览器这一堆数据是一个整体HTML中列表标签的分类1.无序列表（Unordered list）作用：给一堆数据添加列表语义，并且这一堆数据中所有的数量都没有先后之分格式：<ul> <li>需要显示的条目内容</li></ul>注释：li即list item，列表条目的意思注 意：（1）ul标签和li标签是一个组合，所以一般情况下不会单独使用

HTML学习笔记（5）一、HTML基础学习标签：==1.a标签==：==2.base标签==：一、HTML基础学习标签：1.a标签：作用：用于控制页面与页面之间跳转格式：<a href="指定需要跳转的目标界面">xxxx(展现给用户查看的内容)</a>注意：（1）a标签不仅可以让文字被点击，也可以让图片被剪辑（2）一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方（3）如果通过a标签的href属性制定一个URL网址，那么必须在前面加上http://

HTML学习笔记（4）一、HTML基础——基础标签基础标签学习：==H系列标签（header 1~header 6）==：==P标签（Paragraph）==:==Hr标签==：==img标签==：==br标签==：如何注释：二、img标签的路径问题一、HTML基础——基础标签基础标签学习：如何在webstorm中快捷键创建一个新的.html文件Ctrl+Alt+InsertH系列标签（header 1~header 6）：*1.作用：用于给文本添加标题语义*2.格式：<h1&gt

HTML学习笔记（3）HTML基础：一、DTD文档声明：1. 什么是DTD文档声明：2.DTD文档声明格式：二、HTML、XHTML、HTML5的区别（了解）1.区别：三、扩展名.htm和.html的区别（了解）四、Webstrom的安装HTML基础：一、DTD文档声明：1. 什么是DTD文档声明：由于HTML有很多个版本的规范，每个版本的规范之间有一定差异，为了让浏览器能够正确的编译/解析/渲染我们的网页，需要在html文件的第一行告诉浏览器当前网页是用哪一个版本的html的规范来编写的2.

HTML学习笔记（2）HTML基本概念：1.什么是HTML：2.HTML 的作用：3.网页的固定格式：4.编写网页的步骤：HTML基础：HTML基本概念：1.什么是HTML：HTML即HyperText Markup Language,超文本标记语言。2.HTML 的作用：用来描述文本的语义的，也就是我们可以利用HTML来告诉浏览器哪些是标题，哪些是段落。这些用于描述其它文本语义的文本，称为标签。3.网页的固定格式：<html> <head> &l