web前端基础

一.简述一下你对HTML语义化的理解?请说出至少5个html5新增的标签，并说明其语义和应用场景？
⒈用正确的标签做正确的事情
⒉HTML语义化让页面的内容结构化，结构更清晰，便于对浏览器，搜索引擎解析；
⒊及时在没有样式CSS情况下也以一种文档格式显示，并且是任意阅读的；
⒋搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO；
⒌时阅读源代码的人对网站更容易将网站分块，便于阅读维护理解
html5新增的标签：

定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录

定义只包含导航链接的章节

定义文档中的一个章节

定义和页面内容关联度较低的内容

定义页面或章节的尾部

二. 声明帮助浏览器正确地显示网页 三.HTML和XHTML的区别 1、元素的嵌套在 HTML 中,某些元素可以彼此不正确地嵌套。在 XHTML 中，所有的元素必须正确地嵌套。 2、文档内根元素差异在XHTML中元素必须被嵌套于 根元素中。 3、规范性在HTML中允许一些不规范的写法，但是在XHTML则式不可以的。 三.页面导入样式时,使用link和@import有什么区别? 区别1：link是XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; 区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。 四 .响应式布局：不同的屏幕设备显示不同的布局方式 使用技术：媒体查询 自适应布局：在不同屏幕下依然显示正常的布局。‘ 使用技术：相对单位em,rem,百分比 flex 浮动 五.怎么让Chrome支持小于12px 的文字？ 使用CSS3里的transform属性来应对这个问题，如图代码。scale表示转换宽高比例大小。 使用transform属性有个问题，它也会影响宽高，这样会对布局产生影响，使用translate方法改变位置 六.在 CSS 中伪类一直用 : 表示，如 :hover, :active 等 单冒号（：）用于css3的伪类 双冒号（：：）用于css3的伪元素 七.CSS三大特性 1.层叠性 2.继承性 font-size font-family font-weight font-style line-height color text-decoration text-indent text-align 以font- line- text- 开的头和color这些属性都是可以被继承的 3.优先级 css级联(css样式谁生效) 1.!important修饰的最优先 2.选择器特性值大的优先 行内特性值1000 id选择器特性值100 类选择器\属性选择器\伪类选择器特性值10 标签选择器特性值1 选择器优先级：!important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 八.解决跨域 产生跨域是因为浏览器的同源策略：域名、端口号、协议必须保持一致 解决跨域：在服务器端设置响应头 利用script标签src天然支持跨域的特征,将请求的地址写在src,在script里面定义一个处理函数,并把函数名传递给后台,后台接收并返回这个函数的调用,将传递的参数以函数形参的方式传递给前端 通过访问第三方服务器,让第三方服务器帮我们发送请求. 九.v-if和v-show的区别 v-if和v-show都是用来控制元素的显示和隐藏,当值是true，元素显示，值为false,元素隐藏 区别: v-if当切换布尔值时,会创建/删除元素；v-show当切换布尔值时,会改变元素的样式,display:block 十.说一下单向数据流 组件中的传值，数据从父组件传递给子组件，只能单向绑定。 父组件向子组件传值 在父组件中定义数据，通过属性绑定的形式绑定到子组件上，在子组件中定义props接收传递过来的变量 子组件向父组件传值 在子组件中使用this.$emit触发一个自定义的方法名，然后传递数据，第一个参数就是自定义的方法名，第二个参数就是要传递给父组件的数据 this.$emit('fun',this.msg) 在父组件中使用子组件时，绑定一个事件，事件名称和子组件 触发的方法名同名 十一. vue-router路由模式有几种,原理分别是什么? 总共有两种,分别叫hash模式和history模式,默认是hash模式 hash模式:地址上带有#号;url地址可以放在任意标签中打开;可以兼容低版本的浏览器 history模式原理:利用HTML5新提供的history.pushState API 来完成 URL 跳转而无须重新加载页面 十二.vuex的核心是：state,getter,actions,mutations state:用来定义存放数据公共数据 this.$store.state.msg mutations:定义方法 this.$store.commit('change','我是被修改的数据') getters用于获取数据 进行一些操作 类似于Vue实例中的过滤器和计算属性 this.$store.getters.fixmsg actionactions和mutations都是定义对数据进行操作的方法,mutations中都是同步方法,action中定义异步方法

JS中有哪些内置对象
字符串、数组、数值、函数
内置对象都有自己的属性和方法，访问方式如下：
对象名.属性名称
对象名.方法名称
1.Array数组对象
unshift()数组开头增加，原数组会发生改变
shift()数组开头删除一项 原数组发生改变
push()数组末尾增加 原数组发生改变
pop()数组末尾删除一项，原数组发生改变
contact()数组的拼接
2.Math()对象
Math.floor（） 向下取整
Math.ceil（） 向上取整
Math.random（） 取0-1之间的随机小数
Math.round（） 四舍五入
Math.abs（） 取绝对值
Math.pow（x，y） x的y次幂
3.Date日期对象
在javascript中，this是如何工作的？
this 永远指向函数运行时所在的对象，而不是函数创建时所在的对象
匿名函数和不处于任何对象中的函数，This指向window
call, apply, with指的This是谁就是谁。
普通函数调用，函数被谁调用，This就指向谁
new操作符具体干了什么呢
构造函数 new:
1.创建一个新对象
2.this–obj
3.执行函数原本代码
4.返回创建的对象 return obj;