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-ssr之nuxt.js 服务端的异步数据交互
在web项目开发中，数据请求是必不可少的；我们通常在vue中使用的数据请求，都是基于浏览器进行的异步请求；那么在nuxt.js框架中,如何实现数据请求呢？现在用一个例子来演示怎么使用axios，实现服务端的异步数据请求。PS. axios在nuxt.js框架是作为模块在初始化项目的时候就让选择安装的。但是亲测...
2024-01-10
【vuejs深入三】vue源码解析之二 htmlParse解析器的实现
写在前面 一个好的架构需要经过血与火的历练，一个好的工程师需要经过无数项目的摧残。 昨天博主分析了一下在vue中，最为基础核心的api，parse函数，它的作用是将vue的模板字符串转换成ast，从而构建vnode，构建指令，实现virtual dom，然后在这基础之上实现双向绑定等。【vuejs深入二】vue源...
2024-01-10
vue 实现input框的宽度自适应？
vue 如何实现input框的宽度自适应？回答：不知道你说的自适应宽度具体指的是什么根据父元素宽度自动适应宽度，那这个CSS就行，与Vue无关，方案有多种，flex的示例如下：.container { display: flex; flex-direction: row;}.container input { flex: 1;}根据输入内容自适应宽度，那么就需要借助JS来实现...
2024-02-27
vue - luckysheet 编辑没效果该怎么办？
编辑没有效果，我看官方的demo，点击单元格编辑，是可以把单元格的内容显示全，类似Excel。编辑完了点别的地方可以修改内容，但就是没有展开的效果。引入 <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' /> <lin...
2024-03-13
vue 引入第一个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-10
得心应用的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 中使用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 iview的菜单组件Mune 点击不高亮的解决方案
前言： 在项目中，我用到了vue +iview + vue-router 开发； 然后导航条就使用了iview的Menu组件，结果发觉导航条的内容点击一次之后不会显示高亮样式，而是先跳转了，我再点击一次，才会高亮显示。在看了vue-router的文档之后，发觉有一个很好用的东西，就是router-link的属性： active-class 和 exact。为什么要...
2024-01-10
vue项目中 如何让外部引入的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-10
06Vue.js快速入门-Vue组件化开发
组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一，Vue的组件和也做的非常彻底，而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便，而且第三方工具支持也非常丰富，社区也非常活跃...
2024-01-10Vue实现商品飞入购物车效果(电商项目)
各位掘友,好久不见,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解增加商品飞入购物车的实现过程。点我体验项目开源地址 感谢点星+收藏首先我先简单的介绍下本项目所用到的技术栈:...
2024-01-10
Vue.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-10js解决软键盘遮挡输入框的问题分享
经验须知弹出软键盘时： ios端$(‘body').scrollTop()会改变android端$(window).height()会改变拉起键盘不是一瞬间，而是有一个缓动过程问题重现ios端，经常会出现输入法遮挡输入框的问题(特别是那种有一个白色顶部的输入法，如：百度输入法)，如图：问题解决我们只需要在输入框聚焦之后，开启一个定...
2024-01-10![深入了解 Vue.js 是如何进行「依赖收集]](/wp-content/uploads/thumbs/530564_thumbnail.jpg)
深入了解 Vue.js 是如何进行「依赖收集]
前言在上一章节我们已经粗略的分析了整个的Vue 的源码(还在草稿箱，需要梳理清楚才放出来)，但是还有很多东西没有深入的去进行分析，我会通过如下几个重要点，进行进一步深入分析。深入了解 Vue 响应式原理(数据拦截)深入了解 Vue.js 是如何进行「依赖收集」，准确地追踪所有修改深入了解 Vir...
2024-01-10js仿支付宝填写支付密码效果实现多方框输入密码
不知道怎么描述标题，先看截图吧，大致的效果就是一个框输入一位密码。最开始实现的思路是一个小方框就是一个type为password的input，每输入一位自动跳到下一位，删除一位就自动跳到前一位，android上是OK的，很平滑也没有bug，但是ios上会出现键盘频繁调起和关闭，非常影响用户体验。原因估计是...
2024-01-10
Vue.js入门（10）路由、路由嵌套、钩子函数
序言https://router.vuejs.org/zh/嵌套路由子路由路由重定向路由占位符路由钩子函数有三种： 1：全局钩子： beforeEach、 afterEach 2：单个路由里面的钩子： beforeEnter、 beforeLeave 3:组件路由：beforeRouteEnter、 beforeRouteUpdate、 beforeRouteLeave路由参数{ path: '/user/:id', com...
2024-01-10
16Vue 表单的输入绑定
基础用法你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单...
2024-01-10
Vue.js——60分钟组件快速入门（上篇）二
来源：https://www.cnblogs.com/keepfool/p/5625583.html组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树：那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的...
2024-01-10
Vue.js——60分钟快速入门
如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。当然了，在使用Vue.js时，你也可以结合其他...
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-10
ThinkPHP5.1表单令牌Token失效问题的解决
前言ThinkPHP出于安全的考虑增加了表单令牌Token，由于通过Ajax异步更新数据仅仅部分页面刷新数据，就导致了令牌Token不能得到更新，紧接着的第二次新建或更新数据（提交表单时）失败——不能通过令牌的验证。当然了，最简单的办法就是刷新整个页面，就导致了异步刷新的无意义！在网上搜寻了...
2024-01-10
