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
【vuejs深入三】vue源码解析之二 htmlParse解析器的实现
写在前面 一个好的架构需要经过血与火的历练，一个好的工程师需要经过无数项目的摧残。 昨天博主分析了一下在vue中，最为基础核心的api，parse函数，它的作用是将vue的模板字符串转换成ast，从而构建vnode，构建指令，实现virtual dom，然后在这基础之上实现双向绑定等。【vuejs深入二】vue源...
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-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.js 模板和jinja 模板冲突的问题
jinjia和vue.js默认的模板转义符都是{{}}目前的解决办法是修改vue.js的转义符,将原来的{{}}替换为其他标签,我改为{[]}版本1.x和2.x方法如下// 1.xVue.config.delimiters = ['{[', ']}'] // 2.xnew Vue({ delimiters: ['{[', ']}']})以上这篇快速解决vue.js 模板和jinja 模板冲突的问题就是小编分享给大家的全部内容了，希望能...
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-10
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.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中引入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
小白对 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
