笔试题3.16

原生js如何获取表单元素的值

通过元素的id获取
document.getElementById(“id”).value;

ajax有几部分组成

ajax有三部分组成，分别是XMLHttpRequest对象、JavaScript和DOM。

css定位分为哪几种

1.position：static。静态定位，没有定位，当我们没有写定位的时候默认就是静态定位。不能通过4个方位名词改变位置也不能设置z-index。不脱离标准流。

2.position：relative。相对定位，这个相对是相当于自己的原来位置来说的。可以通过top，bottom，left，right移动位置也可以通过z-index设置层级。脱离标准流，并且移动之后，移动之前的位置还占有。
3.position：absolute。绝对定位。这个定位比较特殊，他的参照物是先寻找自己父级（广义，可以是父级的父级）除了static之外的有定位的，如果父级无其他定位，以浏览器为参照物。可以通过top，bottom，left，right移动位置也可以通过z-index设置层级。脱离标准流，并且移动之后，移动之前的 位置不存在。
4.position：fixed。固定定位。可以通过top，bottom，left，right移动位置也可以通过z-index设置层级。脱离标准流。相对于浏览器设置，一般用于导航栏，浏览器拖动，fixed定位不动。

Jquery常用的选择器有哪些

1、jquery基本选择器

2、jquery层次选择器

3、jquery过滤选择器

4、jquery表单选择器

js定义变量时，加var与不加var的区别

1.加不加var的全局变量都会作为window的属性。
2.加var的局部变量不会作为window的属性。
3.没有加var的变量只能作为全局变量，他一定是window的属性。

表单传值方式get和post的区别是什么

1.get是从服务器上获取数据，post是向服务器传送数据。
2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTPpost机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3.对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
4.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。
5.get安全性非常低，post安全性较高。

vue实现数据双向绑定的原理是什么

过程：1、将vue实例中的数据渲染到页面上
2、将页面上的数据变更同步到vue实例中
3、vue实例中data数据变更 页面上数据同步变更
核心：Object.defineProperty（）

vue路由的钩子函数都有哪些

1、全局的路由钩子函数

    1.1、beforeEach（全局前置钩子），意思是在每次每一个路由改变的时候都要执行一遍

    它有三个参数：

    to： route：即将要进入的目标 路由对象

    from：route：当前导航正要离开的路由

    next：function：一定要调用该方法来resolve这个钩子。执行效果依赖next方法

    应用场景：

    1、进行一些页面跳转前的处理，例如跳转到的页面需要进行登录才可以访问时，就会做登录的跳转

    2、进入页面登录判断、管理员权限判断、浏览器判断

    1.2、afterEach（全局后置钩子）

    beforeEach是在页面加载之前的，而afterEach是在页面加载之后的，所以这些钩子是不会接受next函数，也不会改变导航本身

2、单个路由内的钩子函数

    2.1、beforeEnter

    可以直接在路由配置上直接定义beforeEnter，这些守卫与全局前置守卫的方法参数是一样的

3、组件内的路由钩子函数

    beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave

    应用场景

    1、清除组件中的定时器

    2、当页面有未关闭的窗口，或未保存的内容时，阻止页面跳转

    3、保存相关内容到Vuex和Session中

$router与 $route的 区别

$route 是 Vue Router 中的一个对象，用于表示当前路由的信息，包括路由的路径、参数、查询等信息。

$router 是 Vue Router 的实例，用于管理路由的跳转、监听路由变化等操作。 $router 包含了一些常用的方法，如 push、replace、go、back 等。

简单来说，$route是当前路由的信息，$router 是管理路由的实例

你认为你会为公司带来哪些价值