flex布局失效
<div class="info-img"> <img :src="item" class="info-img-item" v-for="(item,index) in commentInfo.images" :key="index"> </div>.info-img{ display: flex; margin-left: 10px; width:300px}...
2024-02-12sleep在java中的实现
我们使用电脑进行休眠,和线程中的休眠有一些不同。在线程中我们使用sleep,需要说明锁的问题。sleep和wait最明显的不同之处,是调用sleep方法并不会释放锁。下面我们就sleep()的概念、和wait的区别进行讲解,帮助大家理解sleep的用法,然后带来sleep的使用示例。1.sleep()概念让当前线程休眠(正在执行...
2024-01-10vue-ssr之nuxt.js 服务端的异步数据交互
在web项目开发中,数据请求是必不可少的;我们通常在vue中使用的数据请求,都是基于浏览器进行的异步请求;那么在nuxt.js框架中,如何实现数据请求呢?现在用一个例子来演示怎么使用axios,实现服务端的异步数据请求。PS. axios在nuxt.js框架是作为模块在初始化项目的时候就让选择安装的。但是亲测...
2024-01-10vue 实现input框的宽度自适应?
vue 如何实现input框的宽度自适应?回答:不知道你说的自适应宽度具体指的是什么根据父元素宽度自动适应宽度,那这个CSS就行,与Vue无关,方案有多种,flex的示例如下:.container { display: flex; flex-direction: row;}.container input { flex: 1;}根据输入内容自适应宽度,那么就需要借助JS来实现...
2024-02-27vue - luckysheet 编辑没效果该怎么办?
编辑没有效果,我看官方的demo,点击单元格编辑,是可以把单元格的内容显示全,类似Excel。编辑完了点别的地方可以修改内容,但就是没有展开的效果。引入 <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' /> <lin...
2024-03-13vue 引入第一个elementui组件
导入报错:可能会报错:解决办法:eslint: 修改成false 就可以了其次修改man,js引入组件elmentui:App.vue组件template<template> <el-table :data="tableData" style="width: 100%"> <el-table-column label="日期" width="180"> <template slot-scope="scope"> <i class="el-ico...
2024-01-10vue 中使用print.js导出pdf操作
1.print.js// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof dom) === "string") { this.dom = do...
2024-01-10vue input输入框长度限制
今天在开发登录页时,需要设置登录输入框的长度,输入类型为number<input type="number" maxlength="11" placeholder="请输入手机号"> 发现在这样写时,输入长度限制并没有生效,经过测试发现在type为number或者text时,设置maxlength参数并不会生效。<input type="number" oninput="if(value.length > 11)value = value.slice(0, 11)" place...
2024-01-10vue iview的菜单组件Mune 点击不高亮的解决方案
前言: 在项目中,我用到了vue +iview + vue-router 开发; 然后导航条就使用了iview的Menu组件,结果发觉导航条的内容点击一次之后不会显示高亮样式,而是先跳转了,我再点击一次,才会高亮显示。在看了vue-router的文档之后,发觉有一个很好用的东西,就是router-link的属性: active-class 和 exact。为什么要...
2024-01-10vue项目中 如何让外部引入的js模块 的this值 指向vue实例
当前是vue项目,想在tool.js(工具模块)中封装一个跳转页面的方法,goToUrl(name,query){ if(query){ if(query.addressCode){ vueObject.$router.push({name:name,query:query}); }else{ query.addressCode = this.getParam('addressCode');...
2024-01-10vue.js watch经常失效的场景与解决方案
使用过watch的,应该起码经历过一次失效。比如,我们监听对象的时候,在没有踩坑之前,很容易这样写:但是,❌,这里的watch是无效的!!!因为 obj 是引用类型!!!引用类型的指针是固定的,所以如果不是重新赋值,那么其赋值的变量自然也不会发生变化。举个例子:let obj = { a: 1 };let obj1 = ob...
2024-01-10vue 多层对象嵌套 导致this指向错误
option1 和 echartData 定义在data中如下图 option1 子属性 series.data 想引用 echartData但是这个时候的 this 不是指向 vue 实例的问题:怎么正确的获取到 this.echartData回答可以吧option1定义为计算属性这种情景不适用this,可以把echartData提取出来单独定义,就能实现多处引用了data() { const echartData = {}; return ...
2024-01-10Vue.js——60分钟快速入门
如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。当然了,在使用Vue.js时,你也可以结合其他...
2024-01-10让某个元素全屏,出现异常,变成整个页面全屏同时页面无法操作(如输入框、按钮都失效)
需求要实现某个组件全屏,代码如下// 全屏 toggleScreenfull () { const ele = document.getElementById(this.cardId)// 设置后就是 id==con_lf_top_div 的容器全屏 if (this.fullscreen) { const exitFunc = document...
2024-02-26Vue.js框架--使用反单引号---ES6 引入了模板字符
在使用vue编程中,组件里面绑定的事件如果有传入事件名称字符串/字符串参数,这个时候光用单双引号会出现string is undefined,这个时候我们就需要用到反单引号,那么反单引号如何输出? 作用是什么?模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,...
2024-01-10Vue中引入svg图标的两种方式
Vue中引入svg图标的方式Vue中引入svg图标的方式一安装yarn add svg-sprite-loader --devsvg组件index.vue<!-- svg组件 --><template> <svg class="svg-icon" :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg></template><script>export default { name: 'SvgIcon', pro...
2024-01-10Vue.js——60分钟快速入门(转)
var vm = new Vue({ el: \'#app\', data: { people: [{ name: \'Jack\', age: 30, sex: \'Male\' }, { name: \'Bill\', ...
2024-01-10Vue中引入svg图标的两种方式
Vue中引入svg图标的方式Vue中引入svg图标的方式一安装yarn add svg-sprite-loader --devsvg组件index.vue<!-- svg组件 --><template> <svg class="svg-icon" :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg></template><script>export default { name: 'SvgIcon', pro...
2024-01-10【转】Vue.js:轻量高效的前端组件化方案
摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star。本文将从各方面对Vue.js做一个深入的介绍。Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统。...
2024-01-10Vue实现穿梭框效果
用vue实现的穿梭框,实现基本的功能(数据移动、全选、反选、搜索)。代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>穿梭框</title> <script src="./js/vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> * { margin: 0; padding: 0; } #tr...
2024-01-10Vue实现穿梭框效果
用vue实现的穿梭框,实现基本的功能(数据移动、全选、反选、搜索)。代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>穿梭框</title> <script src="./js/vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> * { margin: 0; padding: 0; } #tr...
2024-01-10输入Reactjs的预期对应的JSX结束标记
在具有输入字段的Reactjs中创建组件时发生错误 Error: Parse Error: Line 47: Expected correspondingJSX closing tag for input at http://localhost/chat-react/src/script.js:47:20</div>var Main = React.createClass({ render: function() { return ( <div className=...
2024-01-10ajax请求Session失效问题
最近由于一个项目,模块切换为ajax请求数据,当Session失效后,ajax请求后没有返回值,只有响应的html:<html><script type='text/javascript'>window.open('http://192.168.0.118:8080/welcomeAction/loginUI.do','_top');</script></html>现在Ajax在Web项目中应用广泛,几乎可以说无处不在,这就带来另外一个问题:当Ajax请求遇到Session...
2024-01-10利用JSP session对象保持住登录状态
http协议本身是一种无状态的协议,也就是客户端连续发送的多个请求之间没有联系,下一次请求不关心上一次请求的状态。 而实际运用中却希望服务器能记住客户端请求的状态,比如在网上购物系统中,服务器端应该能够识别并跟踪每个登录到系统中的用户挑选并购买商品的整个流程 。为此,web服...
2024-01-10Ajax请求session失效该如何解决
一般来说我们的项目都有登录过滤器,一般请求足以搞定。但是AJAX却是例外的,所以解决方法是设置响应为session失效。一共分为过滤器和页面JS两个部分的设置,先看过滤器的修改:import java.io.IOException;import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servlet.ServletE...
2024-01-10使用Ajax时处理用户session失效问题的解决方法
在使用spingMVC的拦截器来处理用户session失效的问题时,当用户session失效会返回一串javascript字符串强制用户浏览器跳转至登录页面。然而当使用Ajax请求数据时,在验证失败后只会响应一串字符串,JavaScript并不会执行,这是由于Ajax的请求是由XMLHTTPRequest对象发起的而不是浏览器,在验证失败后服务器返...
2024-01-10小白对 JWT 跟 session 有些疑问,期望解惑?
看了了许多文档,我的理解 JWT 本质上是一种将用户信息放到浏览器持久化的方案,这种方案要求服务端必须相信请求携带的 JWT 信息。这种方案下是否能实现 用户权限动态变更的业务,比如踢人若实现不了,需要服务端根据 JWT 查找用户信息, 是否又需要回归到 session 的解决方案回答:jwt的优势在于,服务端收到请求后,可以直接拿到用户的身份信息,无需再查库或者访问数据中心之类的中心化服务。反...
2024-02-20PHP session实现购物车功能
在wamp环境下,用PHP的session会话控制完成购物车的效果,数据存放在数组里练习,没有连接数据库,效果不错,简单易懂,以下是各部分的代码common.php<?phpheader("content-type:text/html;charset=utf-8");$arrPro = array( array('id'=>1,'img'=>'img/1.jpg','title'=>'小米移动电源5000mAh','price'=>49), array('id'=>2,'img'=>'img/2...
2024-01-10ajax 操作全局监测,用户session失效的解决方法
ajax 操作全局监测,用户session失效的解决方法jQuery(function ($) {// 备份jquery的ajax方法 var _ajax = $.ajax;// 重写ajax方法,先判断登录在执行success函数 $.ajax = function (opt) {var _success = opt && opt.success || function (a, b) { };var _opt = $.extend(opt, {success: function (data, textSt...
2024-01-10解决J2EE-session在浏览器关闭后失效问题
前几天在做一个签到系统时,遇到了喜闻乐见的session问题,项目为Spring+SpringMVC+Mybatis框架,maven管理目录的javaweb端系统,对于session的一些问题,作出以下分析,在这里,着重讨论session生命周期的问题,至于其他定义,不做解释:首先,说明一下session的生命周期:存储:Session存储在服务器端,一般为了...
2024-01-10完美解决ajax访问遇到Session失效的问题
最近由于一个项目,模块切换为ajax请求数据,当Session失效后,ajax请求后没有返回值,只有响应的html:<html><script type='text/javascript'>window.open('http://192.168.0.118:8080/welcomeAction/loginUI.do','_top');</script></html>现在Ajax在Web项目中应用广泛,几乎可以说无处不在,这就带来另外一个问题:当Ajax请求遇到Session超时...
2024-01-10ThinkPHP5.1表单令牌Token失效问题的解决
前言ThinkPHP出于安全的考虑增加了表单令牌Token,由于通过Ajax异步更新数据仅仅部分页面刷新数据,就导致了令牌Token不能得到更新,紧接着的第二次新建或更新数据(提交表单时)失败——不能通过令牌的验证。当然了,最简单的办法就是刷新整个页面,就导致了异步刷新的无意义!在网上搜寻了...
2024-01-10