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中封装节流不改变this指向，求指教
我在vue中封装了一个节流，使用时直接传递需要调用的方法过去，节流功能可以实现，但我在网上看到别人写的节流发现他们都在函数中使用了apply来调用，并且改变了this指向，让我很不解，请大佬为我解惑//节流export function throttle(callback, wait = 50) { let timer = null let flag = true ret...
2024-03-13
vue 销毁eventBus
eventBus 适用于不同页面传递值，当然也可以用vuex， 本篇讲解的是如何使用吃，并销毁eventBus我在A页面中发布1 mounted(){2 eventBus.$on("clickLeft",(id)=>{3 this.groupId = id;4 this.getTableData()5 })6 },在B页面中触发1 clickItems(id){2 this.activeId = ...
2024-01-10
快速解决vue.js 模板和jinja 模板冲突的问题
jinjia和vue.js默认的模板转义符都是{{}}目前的解决办法是修改vue.js的转义符,将原来的{{}}替换为其他标签,我改为{[]}版本1.x和2.x方法如下// 1.xVue.config.delimiters = ['{[', ']}'] // 2.xnew Vue({ delimiters: ['{[', ']}']})以上这篇快速解决vue.js 模板和jinja 模板冲突的问题就是小编分享给大家的全部内容了，希望能...
2024-01-10
vue中页面input输入的内容是一个js函数或表达式，如何让其生效？
有一个需求，需要给不同的类目赋值动态的调用接口并处理它的返回值。比如说有个类目叫三年2班的所有学生，我需要给它绑定一个接口地址，接口调用方式，接口入参以及返回值的处理逻辑，并且把它存进数据库，下次用的时候直接调用，页面上是这样的：正常情况下，的处理是request(地址，get，入参）.then(res=>{ return res.data})但是由于需要页面传值，导致接口返值定义这里...
2024-03-13js实现input密码框显示/隐藏功能
JavaScript实现input密码框显示/隐藏的功能，供大家参考，具体内容如下实现代码：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .password{ position: relative; width: 280px; height: 60px; } .password,.n-txtCss{ display: flex; align-items: center; } .password .fa{ positio...
2024-01-10Vue.js实现一个自定义分页组件vue-paginaiton
vue实现一个分页组件vue-paginaitonvue使用了一段时间的感触就是，我再也不想直接操作DOM了。数据绑定式的编程体验真是好。实现的一个分页组件。这里的css就不放出来了，可以看直接去github上下载：vue-pagination先上一张实例图吧模版<div class="page-bar"> <ul> <li v-if="showFirstText"><a v-on：click="cur--">上一页...
2024-01-10
vue引用mathjs偶尔报错 ，再次刷新就没有了
math.js引用//mathjsconst { create, all } = require('mathjs')const config = {number:'BigNumber',precision:20}const math = create(all,config);Vue.prototype.$math = math;实际代码 methods: {all_of_ordering_total() {var aaa=this.$math.bignumber(this.fund_info.fund...
2024-01-10
vue 文件引入 path 模块报错？
vue@2.6.14node@14.18.1vue-cli@5.0.4回答：在tsconfig.json "types": [ "node", // 添加这行 "webpack-env" ],回答：npm i -D @types/node...
2024-02-12Vue 页面切换效果之 BubbleTransition(推荐)
CodePen 地址前端使用 SPA 之后，能获得更多的控制权，比如页面切换动画，使用后端页面我们可能做不了上面的效果，或者做出来会出现明显的闪屏。因为所有资源都需要重新加载。今天使用 vue，vue-router，animejs 来讲解如何上面的效果是如何实现的。步骤点击菜单，生成 Bubble，开始执行入场动画...
2024-01-10
vue+elementui首次进入js加载很慢的问题，如何解决？
1.项目是使用的若依的框架，vue2+elementui.2.页面问题:在页面出示加载的时候，会有一个js特别慢，能有10M，加载8s，严重影响页面的体验.在测试环境还行，但是升级到正式的环境之后就会出现这个问题。排查之后发现js也是开启gzip的webpack配置3.webpack的配置1，删除一些预加载，放在了webpack中，但是不生效。2，"report": "vue-cli-servic...
2024-02-17
【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-10VueJs插入到嵌套列表
我想让用户创建我的网站的结构。例如，我有建筑物和房间。用户必须能够创建建筑物并随后将房间插入其中。然而，我试图做的似乎并没有达到它：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-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-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-10
