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.js watch经常失效的场景与解决方案
使用过watch的,应该起码经历过一次失效。比如,我们监听对象的时候,在没有踩坑之前,很容易这样写:但是,❌,这里的watch是无效的!!!因为 obj 是引用类型!!!引用类型的指针是固定的,所以如果不是重新赋值,那么其赋值的变量自然也不会发生变化。举个例子:let obj = { a: 1 };let obj1 = ob...
2024-01-10vue input输入框联想
以下是示例,样式可以自己修改。最后是效果图,其实也挺简单的,主要是用了watch监控input输入值的变化,如果数据是请后端请求可以,先请求数据。<template> <div class="binding" v-title data-title="绑定账号"> <div class="bindingbtn"> <input type="text"v-model="city"/> </div> <div v-show="isshow"> <p v-for="item ...
2024-01-10vue中使用printjs打印表格选择横向打印不能铺满?
如题,需要实现打印表格功能,但是表格内容巨长,用printjs插件,选择横向打印页面铺不满,我在style属性中控制表格宽度但是好像不行,页面上表格样式:选择横向打印的预览样式:设置style的代码:print() { // size: A4 portrait; const style = '@page {margin:10mm 10mm; } ' + ...
2024-03-08vue 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-10在vue中使用swiper时左右点击按钮失效求救
element-ui 项目 npm install vue-awesome-swiper --save 安装 鼠标拖动可以,点击向左向右都无效index.vue<template><el-container class="xl-container" direction="vertical"><div class="actor-box"><h3>国内明星</h3><swiper :auto-update="true" class="actor-list" :options="swiperOption">...
2024-01-10vue.js下移动端绑定click事件失效,pc端正常的问题
原因可能是我在项目中使用到了 better-scroll,默认它会阻止 touch 事件。所以在配置中需要加上 click: true 即可。例如:mounted () { this.scroll = new BScroll(this.$refs.wrapper, { mouseWheel: true, click: true, tap: true })}...
2024-01-10vue 如何在mixins中创建页面公用js
一,在你项目的建一个mixins.js文件夹,比如我是在src/views/pages/mixins,然后在mixins里创建一个自己所需要的公用js文件,比如在我项目中,如下图:然后这个公用js文件里除了watch方法我试了不管用,其它computed,methods均可正常写入公用的功能方法二、在需要使用公用js的页面引入此js文件,如下图:以...
2024-01-10ESLint 是如何检查 .vue 文件的
近期要做一个类似的内容,学习了一下 Vue 是如何做的。ESLint 中的扩展机制首先需要了解一下如何才能扩展 ESLint 的功能。ESLint 扩展机制主要有 Rules、Plugins、Formatters、Parsers,Formatters 目前不需要用到,因此着重看一下其他三种方式。Parser用于自定义的解析文件内容,返回 AST 给后续步骤使用。Rules...
2024-01-10vue.js项目 el-input 组件 监听回车键实现搜索功能示例
基于element-ui 组件 开发的vue.js项目, 实现回车键发起搜索,和原生的input 标签使用方法不一样:el-input 监听键盘按下状态 得用@keyup.enter.native,如果是非el-input 组件,可以直接用@keyup.enter<el-input placeholder="搜索" icon="search" v-model="input" :on-icon-click="pchandleIconClick" @keyup.enter.native="searchEnter...
2024-01-10vue实现移动端input上传视频、音频
vue移动端input上传视频、音频,供大家参考,具体内容如下html部分<div class="title">现场视频</div> <div class="upLoad"> <label for="pop_video" id="labelr"> <video id="videoId" controls width="100%"></video> <input style="display:none;" id="pop_video" type="file" accept="video/*" captu...
2024-01-10解决 Vue 项目的文本框在 IOS 上点击无法输入/点击无效 需要长按或者点击多次
近期开发的一个项目测试人员发现,在 IOS 上的文本框总是点击无法获取焦点,多次点击或者长按才能获取焦点,导致这个问题所在的原因是因为项目中引入了 FastClick 这个是解决移动端延迟 300 毫秒的优化。当使用 FastClick 时,输入框在 IOS 上点击输入调取手机自带输入键盘不灵敏,有时候甚至点不出...
2024-01-10Vue.js——60分钟组件快速入门(下篇)三
上一篇我们重点介绍了组件的创建、注册和使用,熟练这几个步骤将有助于深入组件的开发。另外,在子组件中定义props,可以让父组件的数据传递下来,这就好比子组件告诉父组件:“嘿,老哥,我开通了一个驿站,你把东西放到驿站我就可以拿到了。”今天我们将着重介绍slot和父子组件之间的访...
2024-01-10Vue.js——60分钟组件快速入门(下篇)
概述 上一篇我们重点介绍了组件的创建、注册和使用,熟练这几个步骤将有助于深入组件的开发。另外,在子组件中定义props,可以让父组件的数据传递下来,这就好比子组件告诉父组件:“嘿,老哥,我开通了一个驿站,你把东西放到驿站我就可以拿到了。” 今天我们将着重介绍slot和父子组件之间...
2024-01-10Vue.js——60分钟快速入门-注意点
ViewModel是Vue.js的核心,它是一个Vue实例。Vue实例是作用于某一个HTML元素上的,这个元素可以是HTML的body元素,也可以是指定了id的某个元素。当创建了ViewModel后,双向绑定是如何达成的呢?首先,我们将上图中的DOM Listeners和Data Bindings看作两个工具,它们是实现双向绑定的关键。从View侧看,ViewModel中...
2024-01-10Vue.js 中集成 CSS 框架
准备工作在下载 CSS 框架之前,先用 Vue CLI 创建一个新项目:npm install vue-clivue init webpack project-name 安装并集成 Bootstrap 4创建并初始化新的 Vue 项目后,用 npm 下载 Bootstrap 4。由于 Bootstrap 4 的 JavaScript 依赖于 jQuery,所以还需要安装 jQuery。npm install bootstrap jquery --save你需要在自己的 Vue 的 main.js 文...
2024-01-10怎样高效入门 Vue?
今儿跟大家聊聊 Vue 。不得不承认, Vue 越来越受欢迎了。对比 Angular 和 React,虽然三者都是非常优秀的前端框架,但从 GitHub 趋势看,Vue 已经排在第一位,达到了13万的 Star。放眼国内外,不管是 BAT 等大厂,还是创业公司,Vue 都有广泛的应用。面试的时候,Vue 相关技术原理也一定是必考点。可以说...
2024-01-1006Vue.js快速入门-Vue组件化开发
组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一,Vue的组件和也做的非常彻底,而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便,而且第三方工具支持也非常丰富,社区也非常活跃...
2024-01-10Vue实现商品飞入购物车效果(电商项目)
各位掘友,好久不见,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解增加商品飞入购物车的实现过程。点我体验项目开源地址 感谢点星+收藏首先我先简单的介绍下本项目所用到的技术栈:...
2024-01-10js解决软键盘遮挡输入框的问题分享
经验须知弹出软键盘时: ios端$(‘body').scrollTop()会改变android端$(window).height()会改变拉起键盘不是一瞬间,而是有一个缓动过程问题重现ios端,经常会出现输入法遮挡输入框的问题(特别是那种有一个白色顶部的输入法,如:百度输入法),如图:问题解决我们只需要在输入框聚焦之后,开启一个定...
2024-01-10Vue.js — 表单输入绑定
1.表单输入绑定你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将 Vue 实例的数据作为数据来源。1.1 文本<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> </style> <sc...
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[Vuejs] Vue解决代理设置导致浏览器Session丢失的问题
以下是会造成Session丢失的代理:proxyTable: { '/proxyApi': { target: 'http://111.18.149.215:8080/WRSOCXSystem/html/', changeOrigin: true, pathRewrite: { '^/proxyApi': '/' } } },修改成:proxyTable: { '/WRSOCXSystem': { ...
2024-01-10PHP session 会话处理函数
PHP Session 变量当运行一个应用程序时,你会打开它,做些更改,然后关闭它。这很像一次会话。计算机清楚你是谁。它知道你何时启动应用程序,并在何时终止。但是在因特网上,存在一个问题:服务器不知道你是谁以及你做什么,这是由于 HTTP 地址不能维持状态。通过在服务器上存储用户信息以...
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-10