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.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输入框长度限制
今天在开发登录页时，需要设置登录输入框的长度，输入类型为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中页面input输入的内容是一个js函数或表达式，如何让其生效？
有一个需求，需要给不同的类目赋值动态的调用接口并处理它的返回值。比如说有个类目叫三年2班的所有学生，我需要给它绑定一个接口地址，接口调用方式，接口入参以及返回值的处理逻辑，并且把它存进数据库，下次用的时候直接调用，页面上是这样的：正常情况下，的处理是request(地址，get，入参）.then(res=>{ return res.data})但是由于需要页面传值，导致接口返值定义这里...
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-10js实现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-10Vue 页面切换效果之 BubbleTransition(推荐)
CodePen 地址前端使用 SPA 之后，能获得更多的控制权，比如页面切换动画，使用后端页面我们可能做不了上面的效果，或者做出来会出现明显的闪屏。因为所有资源都需要重新加载。今天使用 vue，vue-router，animejs 来讲解如何上面的效果是如何实现的。步骤点击菜单，生成 Bubble，开始执行入场动画...
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-12
Vue.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-26
Vue.js框架--使用反单引号---ES6 引入了模板字符
在使用vue编程中，组件里面绑定的事件如果有传入事件名称字符串/字符串参数，这个时候光用单双引号会出现string is undefined，这个时候我们就需要用到反单引号，那么反单引号如何输出? 作用是什么?模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，...
2024-01-10
Vue中引入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-10
Vue.js——60分钟快速入门(转)
var vm = new Vue({ el: \'#app\', data: { people: [{ name: \'Jack\', age: 30, sex: \'Male\' }, { name: \'Bill\', ...
2024-01-10
Vue中引入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-10
Vue实现穿梭框效果
用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-10
Vue实现穿梭框效果
用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-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
小白对 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
