规则 v-on 作用:为html标签绑定事件语法: v-on:事件名:“函数名”简写为 @事件名=“函数名” 注意:函数需要定义在methods选项内部 一、案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</
2024-12-02深入理解与高效使用 sessionStorage、localStorage 与 cookie 背景 在构建一个多页面的 Vue web 应用时,我面临了一个关键问题:如何有效地管理用户的登录状态。为了减少对服务器的不必要请求,我尝试了全局状态注入的方法,但这种方法在页面刷新时会导致登录状态丢失,因为异步请求的登录数据还未完全加载,页面就已经进行了登录状态的校验。 查找资料,发现前端得sessionStorage、localStorage 和 cookie技术能够在客户端持久化存储数据,从而在不同
2024-12-021、在dist下创建WEB-INF/tongweb-web.xml (WEB-INF需创建) 2、tongweb-web.xml内容如下: <?xml version="1.0" encoding="UTF-8"?> <tongweb-web-app> <property name="aliases" value="/web=/home/dist"/> </tongweb-web-app> web:访问路径,可设置为/ 4、访问:http://
2024-12-02CommonJS、AMD、CMD 一、CommonJS 1. 定义与特点 CommonJS是服务器端JavaScript模块化的规范,Node.js是这种规范的实现。一个单独的文件就是一个模块,模块通过module.exports导出接口,通过require()导入其他模块。加载模块是同步的,即只有加载完成才能执行后面的操作。 2. 适用场景 主要用于服务器端JavaScript的模块化开发,如Node.js环境。适用于模块之间依赖关系明确,且对加载速度要求不高的场景。 //导出 //m
2024-12-02会话技术 今日目标 1,会话跟踪技术的概述 对于会话跟踪这四个词,我们需要拆开来进行解释,首先要理解什么是会话,然后再去理解什么是会话跟踪: 会话:用户打开浏览器,访问web服务器的资源,会话建立,直到有一方断开连接,会话结束。在一次会话中可以包含多次请求和响应。 从浏览器发出请求到服务端响应数据给前端之后,一次会话(在浏览器和服务器之间)就被建立了会话被建立后,如果浏览器或服务端都没有被关闭,则会话就会持续建立着浏览器和服务器就可以继续使用该会话进行请求发送和响应,上述的整个过程就被称之为
2024-12-022.3.1系统总体流程图 大学毕业生人才信息网系统的用户分为学生用户和企业用户,用户注册登录以后,可以分别进行创建简历、发布和管理求职信息、查询企业及其招聘信息、发布和管理招聘信息、查询学生及其求职信息。系统的总体工作流程如图2.1所示: 招聘信息的发布与管理子系统的系统流程图如图2.2所示,功能实现如下: 企业首先进入大学毕业生人才信息网,如果企业还不是该网站的会员,就先注册然后登录,如果企业已是会员则直接登录。 企业注册时,要登记自己企业的基本信息,经管理员核实无误后注册成功。基本信息中除
2024-12-02前言 前几天面试的时候,面试官问到了这个问题,感觉自己答的不是特别好,在这里整理一下~ 文章篇幅会比较长,但是看完一定会收获满满~希望你坚持看下去呀~ Object.defineProperty() 作用:在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。 1. 基本使用 语法:Object.defineProperty(obj, prop, descriptor) 参数: let person = {} let personName = 'lihua' //在perso
2024-12-02** 项目要实现如下效果,如何改变el-table的样式呢?具体操作如下: ** <style> /* 去掉表格单元格边框 */ .my-table th{ border:none; } .my-table td,.my-table th.is-leaf { border:none; } /* 表格最外边框 */ .el-table--border, .el-table--group{ border: none; } /* 头部边框 */ .my-table thea
2024-12-02前端遇到困扰怎么办?10年前端在线帮您解决问题,只需一杯下午茶
2024-12-02使用场景:当从列表页跳转到详情页后再返回列表页时,列表页需要保持原有查询条件和页码不刷新,实现方式如下: 1、在路由中设置是否缓存标识 //设置keepalive标识是否缓存页面 //列表页设置为true { path: '/order/orderlist', name: 'orderlist', component: () => import('@/views/order/orderlist.vue'), meta: { title: '订单列表
2024-12-02