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-12
sleep在java中的实现
我们使用电脑进行休眠，和线程中的休眠有一些不同。在线程中我们使用sleep，需要说明锁的问题。sleep和wait最明显的不同之处，是调用sleep方法并不会释放锁。下面我们就sleep()的概念、和wait的区别进行讲解，帮助大家理解sleep的用法，然后带来sleep的使用示例。1.sleep()概念让当前线程休眠（正在执行...
2024-01-10
vue 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-10
【vuejs深入三】vue源码解析之二 htmlParse解析器的实现
写在前面 一个好的架构需要经过血与火的历练，一个好的工程师需要经过无数项目的摧残。 昨天博主分析了一下在vue中，最为基础核心的api，parse函数，它的作用是将vue的模板字符串转换成ast，从而构建vnode，构建指令，实现virtual dom，然后在这基础之上实现双向绑定等。【vuejs深入二】vue源...
2024-01-10
vue.js watch经常失效的场景与解决方案
使用过watch的，应该起码经历过一次失效。比如，我们监听对象的时候，在没有踩坑之前，很容易这样写：但是，❌，这里的watch是无效的!!!因为 obj 是引用类型！！！引用类型的指针是固定的，所以如果不是重新赋值，那么其赋值的变量自然也不会发生变化。举个例子：let obj = { a: 1 };let obj1 = ob...
2024-01-10
vue中使用printjs打印表格选择横向打印不能铺满？
如题，需要实现打印表格功能，但是表格内容巨长，用printjs插件，选择横向打印页面铺不满，我在style属性中控制表格宽度但是好像不行，页面上表格样式：选择横向打印的预览样式：设置style的代码：print() { // size: A4 portrait; const style = '@page {margin:10mm 10mm; } ' + ...
2024-03-08
得心应用的Vue高级技巧---vue中文社区 - pwindy
得心应用的Vue高级技巧---vue中文社区 1，require.context()一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块...
2024-01-10
微信公众号 vue this的小问题
又是热爱学习的一天 今天是写公众号学到的1.this的用法。在vue里有时候用this.数据的时候发生undefined错误。如下：（在data里定义了）（this.数据引用渲染）（报错！）问题原因：模板里就不需要this关键字。来一张群里发的问题原因图片：这个问题最后得到了解决...
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-10
vue.js下移动端绑定click事件失效，pc端正常的问题
原因可能是我在项目中使用到了 better-scroll，默认它会阻止 touch 事件。所以在配置中需要加上 click: true 即可。例如：mounted () { this.scroll = new BScroll(this.$refs.wrapper, { mouseWheel: true, click: true, tap: true })}...
2024-01-10
vue 如何在mixins中创建页面公用js
一，在你项目的建一个mixins.js文件夹，比如我是在src/views/pages/mixins，然后在mixins里创建一个自己所需要的公用js文件，比如在我项目中，如下图：然后这个公用js文件里除了watch方法我试了不管用，其它computed，methods均可正常写入公用的功能方法二、在需要使用公用js的页面引入此js文件，如下图：以...
2024-01-10
ESLint 是如何检查 .vue 文件的
近期要做一个类似的内容，学习了一下 Vue 是如何做的。ESLint 中的扩展机制首先需要了解一下如何才能扩展 ESLint 的功能。ESLint 扩展机制主要有 Rules、Plugins、Formatters、Parsers，Formatters 目前不需要用到，因此着重看一下其他三种方式。Parser用于自定义的解析文件内容，返回 AST 给后续步骤使用。Rules...
2024-01-10
【Web前端问题】js（Vue）实践：怎么做出输入@，然后自动出现相关人选的列表？
做出效果如下：效果描述：1.用户输入@符号，出现选项列表，且选项列表自动定位到@符号后面。（目前的思路是：动态监听输入字符如果为@，列表框出现在光标悬停位置。）2.当用户输入@后用户忽略选择继续输入，当用户回到@的位置，在@后点击时触发列表框展示。（这种思路是什么，或者有没有类...
2024-01-10
Vue.js：轻量高效的前端组件化方案
转发一篇尤老师对vue.js的介绍，了解vue.js的来龙去脉。不过现在已经是2.0了，也有添加一些新的东西，当然有些东西也改了。Vue.js：轻量高效的前端组件化方案Vue.js 是我在2014年2月开源的一个前端开发库，通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中，Vue.js有幸受...
2024-01-10
Vue 处理用户输入
为了让用户和你的应用进行交互，我们可以用 v-on 指令添加一个事件监听器，通过它调用在 Vue 实例中定义的方法：<div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">反转消息</button></div>var app5 = new Vue({ el: '#app-5', data: { message: 'Hello Vue.js!' }, methods: { reverseMess...
2024-01-10
VueJs插入到嵌套列表
我想让用户创建我的网站的结构。例如，我有建筑物和房间。用户必须能够创建建筑物并随后将房间插入其中。然而，我试图做的似乎并没有达到它：VueJs插入到嵌套列表JSFiddle到目前为止我所做的。JSnew Vue({ el: '#vue-app', data: { buildings: [] }, computed: { buildingCount() { return this.b...
2024-01-10Vue表单输入绑定的示例代码
基础用法你可以用v-model指令在表单input，textarea以及select元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但是v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据。v-model会忽略所有表单元素的value, checked, selected特性的初始值而总是将Vue实...
2024-01-10
Vue.js 入门（简单的数据渲染和元素绑定）
怠惰挺久的了，不甘愿就这么躺着，回来翻个身扑腾扑腾（有闲心的人请尽情指出我的错误谢谢你们！）最近在学Vue框架，怎么说呢，初步阐述一下对它的了解吧，介绍里有说它是个渐进式的框架，渐进式大概就是自底向上的逐层应用吧；至于框架。。。我的理解（因为学的还太少）一直都是把框架...
2024-01-10
【Vue】Vue.js+iView构建一个问卷模板，当单选、多选有一个选项为输入框时如何绑定数据。
新建问卷界面如图。当选择单选、或者多选时界面如图若是我没填真实值直接添加选项，就会添加一个输入框的选项。每个问题至多有一个输入框。完整问卷的数据格式如图所示问题：早饭吃了什么 数据格式如图所示之后在发布问卷之后，我照着这个数据格式构建了问卷。之后获取问卷填写结果...
2024-01-10js去除输入框中所有的空格和禁止输入空格的方法
<span style="font-family: Arial, Helvetica, sans-serif;"><input type="password" name="password" id="password" onkeydown="return banInputSapce(event);" onKeyup="return inputSapceTrim(event,this);" /></span> /** * 是否去除所有空格 * @param str * @param is_global ...
2024-01-10
解决 Vue 项目的文本框在 IOS 上点击无法输入/点击无效 需要长按或者点击多次
近期开发的一个项目测试人员发现，在 IOS 上的文本框总是点击无法获取焦点，多次点击或者长按才能获取焦点，导致这个问题所在的原因是因为项目中引入了 FastClick 这个是解决移动端延迟 300 毫秒的优化。当使用 FastClick 时，输入框在 IOS 上点击输入调取手机自带输入键盘不灵敏，有时候甚至点不出...
2024-01-10
Vue.js——60分钟组件快速入门（下篇）三
上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。另外，在子组件中定义props，可以让父组件的数据传递下来，这就好比子组件告诉父组件：“嘿，老哥，我开通了一个驿站，你把东西放到驿站我就可以拿到了。”今天我们将着重介绍slot和父子组件之间的访...
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-10
ThinkPHP5.1表单令牌Token失效问题的解决
前言ThinkPHP出于安全的考虑增加了表单令牌Token，由于通过Ajax异步更新数据仅仅部分页面刷新数据，就导致了令牌Token不能得到更新，紧接着的第二次新建或更新数据（提交表单时）失败——不能通过令牌的验证。当然了，最简单的办法就是刷新整个页面，就导致了异步刷新的无意义！在网上搜寻了...
2024-01-10![[Vuejs] Vue解决代理设置导致浏览器Session丢失的问题](/wp-content/uploads/thumbs/532421_thumbnail.jpg)
[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-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
