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-10uni微信小程序优化,删除打包后的import vue路径
这次的优化我公司项目主包只减小了32kb,但是减小的不仅仅是主包,所有分包均在没有改动任何业务代码的情况下完成了压缩空间的优化。主包分包压缩空间的优化都要视项目而定,32kb只是我公司的小程序项目。还有一点需要提前说明,此优化我公司项目因为主包够用了就还没有正式使用,不保证...
2024-01-10浅谈Vuejs中nextTick()异步更新队列源码解析
vue官网关于此解释说明如下:vue2.0里面的深入响应式原理的异步更新队列 官网说明如下: 只要观察到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发,只会一次推入到队列中。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操...
2024-01-10新建一个基于vue.js+Mint UI的项目
上篇文章里面讲到如何新建一个基于vue,js的项目(详细文章请戳用Vue创建一个新的项目)。该项目如果需要组件等都需要自己去写,今天就学习一下如何新建一个基于vue.js+Mint UI的项目,直接使用比较热门的一个基于 Vue.js 的移动端组件库,那就是MintUI。使用 vue-cli首先需要使用vue-cli,因为上一篇文...
2024-01-10vue使用v-for动态加载input, 第一次输入时会失去焦点,随后正常运行
有个需求,后台传来一个字符串,中间包含占位符,根据占位符替换为自定义组件,在html中渲染,现在代码如下 : <div class="cs-check-item-row-cell" style="width: 15%"><component v-for="html in item.dataSourceDescribe" :key="ht...
2024-03-06nuxt新手,开发环境没问题,部署到正式环境选项卡切换,地图,以及swiper失效?
开发模式下 所有效果交互都可以 但是 发布到正式环境 所有的swiper效果 地图效果 选项卡切换都失效nuxt.config.js配置export default { // html head meta配置 head: { title: "", htmlAttrs: { lang: "en", }, meta: [ { chars...
2024-03-03Vue实现input宽度随文字长度自适应操作
业务需求,输入文字,后面的元要紧随其后,奈何input默认是有宽度,我想要达到,输入文字,动态改变input的宽度,试了很多方法,目前自己琢磨一种,有遇到问题的可以参考一下,直接贴代码<div class="textcontain"> <input type="text" v-model.number="item.cardComboMoney" maxlength="5" placeholder="...
2024-01-10uniapp app.vue引入css在APP端不生效
项目设置(并未开启nvue模式)app.vue文件中引入css文件app端不生效(安卓和IOS都真机测试过,一样没有生效。)H5端正常hbx版本 2.6.10.20200403-alpha (macos系统上)问题请问,我是哪里写错了吗?我朋友们好像测试都没问题,我电脑上的hbx我卸载重装后,还是如此,前几个hbx版本也是一样的这个问...
2024-01-10解决vuecli3.0热更新失效的问题
webpack的热更新可以说极大地提高了前端的开发效率,以下就是本人遇到的针对vuecli热更新失效的解决方法:1、检查控制台,编译的时候是否有警告,警告很可能导致热更新的失效2、vueCli3.0及以上的版本,注意不要用cnpm安装依赖包,要用npm以上这篇解决vuecli3.0热更新失效的问题就是小编分享给大家...
2024-01-10vue input输入框模糊查询的示例代码
Vue 模糊查询功能原理:原生js的search() 方法,用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。input输入框,模糊查询<template> <div> <input type="text" placeholder="请输入..." v-model="searchVal"> <ul> <li v-for="(item,index) in NewItems" :key="index...
2024-01-10vue input 输入校验字母数字组合且长度小于30的实现代码
下面一段代码给大家分享vue input 校验字母数字组合且长度小于30,具体代码如下所示:<Input v-model="form.glhm" placeholder="请输入关联交易号" style="width:240px" @on-blur="validateJyh(form.glhm)"></Input> validateJyh(glhm){//校验关联交易号 var reg = /^[A-Za-z0-9]{1,30}$/; if(!reg.test(glhm)){ th...
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-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【转】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-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