web前端
原生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 等。
简单来说, r o u t e 是当前路由的信息, route 是当前路由的信息, route是当前路由的信息,router 是管理路由的实例