three vue js
Vue传参${id}变成$%7Bid%7D
发生缘由 外卖项目在Linux服务器上面运行发送请求乱码 运行环境 电脑系统：win10 jdk版本：jdk-8 SpringBoot版本：v2.4.5 MP版本：3.4.2 Vue版本：Vue.js v2.6.12 Linux版本：Centos7 报错信息 // 修改页面反查详情接口functio ......
vue中scoped 在文件引入中的作用
首先搞清楚scoped是干啥的？scoped的引入主要是上线了样式的模块化私有化，即当前组件的样式只对当前组件起作用。 当vue组件被vue-loader解析的时候，对于style上加了scope属性的组件，会主动加上data-v-xx的属性来唯一标识当前组件，若当钱组件内部存在子组件，只有子组件的 ......
js中循环对象
ES6之前，循环对象常见做法是使用：for…in。但是for…in循环的问题在于它会遍历原型链中的属性，所以需要使用hasOwnProperty执行检查属性是否属于该对象。ES6之后，我们对于对象的循环有了更好的办法：Object.keys,Object.values,Object.entriesO ......
vue this.$router.push 页面传值问题
在修改一个别人的bug的时候发现一个问题, 记录一下, vue前端页面在刷新页面后只读页面可以编辑了 在前一个传值页面他的写法是 this.$router.push({ name:'xxx', query:{ isEdit:false } }); 在接收的时候写的是 this.isEdit = th ......
【js手写】模拟实现 new 操作符
new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 new 关键字会进行如下的操作： 1、创建一个空的简单JavaScript对象（即{}）；2、 链接该对象（即设置该对象的构造函数）到另一个对象 ；3、将步骤1新创建的对象作为this的上下文 ，如果该函数没有返回对象， ......
Vue3数据无法显示/数据无法修改
问题描述： 昨天朋友问了我一个关于Vue3的问题，给他解答后，想起貌似自己当初也曾被这个问题困惑过，只不过被善用搜索引擎后找到了问题所在。 现在考虑到可能有些朋友搜不到解决方法，所以现在用它的表现形式作为标题，可能更便于搜索到。 现在重现一下这个问题： <div v-for="(item,idx) ......
js语法学习
1. 另一个例外是NaN这个特殊的Number与所有其他值都不相等，包括它自己： isNaN(NaN); // true 2. 变量在JavaScript中就是用一个变量名表示，变量名是大小写英文、数字、$和_的组合，且不能用数字开头。变量名也不能是JavaScript的关键字，如if、while等 ......
ARM Linux安装node.js和node-red
SA515安装node.js和node-red 1.先安装node.js 直接官网下载ARMv7版可执行文件:https://nodejs.org/en/download 当前使用的最新版本:https://nodejs.org/dist/v18.16.0/node-v18.16.0-linux-a ......
【VUE学习笔记】（一）
前后端分离 为什么引入前后端分离开发方式： 前端独立编写客户端代码完成页面，后端独立编写服务端代码提供数据接口；前后端开发者只需要提前约定好接口文档（URL、参数、数据类型……）然后分别独立开发即可。前端可以用假数据测试，不完全依赖于后端；后端通过Postman等接口调试工具测试即可，真正实现前后端 ......
node.js版本更新及遇到的错
下载你要更新的版本 双击运行 一直next 然后如果你之前安装过node.js 不用管 它会覆盖安装 安装好之后 cmd 检查版本号 node -v 出来版本号 那就没有问题 但是在启动的时候会报 node 不是不是内部或外部命令，也不是可运行的程序 或批处理文件 这个时候呢 上百度说是环境的问题 ......
LoadExecute.js
//是否可编辑 var IsEdit = true; //$("#MenuNav a").hide(); var UserJurisdictionV; LoadPageJurisdiction(); //获取用户角色页面权限 function GetUserRolePageJurisdiction( ......
JS在一个数组中过滤掉另一个数组的简易方法
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 every() 方法使用指定函数检测数组中的所有元素：如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回 true。当有如下需求时 ......
# vue 使用 threejs 实现实景看房效果 demo
vue 使用 threejs 实现实景看房效果 demo 关于这个 threejs 实现 VR 看房效果也超级简单，只需要提供一个思路的话就可以了其实，首先需要一个房间结构的贴图，这个贴图网上有，当然找个合适的也不好找，我找了一上午在别人的 demo 里面扣了一张出来，代码都是一样的，稍微说一下思路 ......
vue 原生方法实现pc端调用摄像头全屏视频考试(实时截屏上传，并提示当前环节
<template> <div> <el-row> <el-col :span="10" style=""> <div> <el-card style="margin: 0; padding:0; overflow-y: auto"> <div style="width:100%; min-heig ......
关于vue2中使用unocss样式无法生效的问题
前言 在维护公司一个技术栈为 vue2 + ts + unocss 的老项目时发现 unocss 在开发环境和正式环境都不能生效,最先以为是插件的版本问题,排查后发现是因为项目在使用 unocss 时的配置没有配置完全,根据 vue-cli 的版本按照 unocss 的官方仓库里的 example ......
Vue使用:内联style动态绑定backgroundImage/background
1.直接在vue中使用style内联样式设置background或backgroundImage是无效的；比如这样写无效： <div style="background: url('../../assets/import/aa1.png')"> 内容。。。 </div> 2.必须使用拼接；但是直接拼 ......
初识Three.js
生成一个三角形 参考链接 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My first three.js app</title> <style> body { margin: 0; } </style> </head> <b ......
【访问者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 访问者模式（Visitor Pattern）是一种行为型模式。它封装一个访问者类，把各元素类的操作集合起来，目的是将数据结构与数据操作分离。在不改变原有元素类数据结构的前提下，改变了元素类的执行算法。 当某些较为稳定的东西（数据结构或算法），不想直接被改变但又想扩展功能，这时候适合用访问者模式 ......
js基础之Array类型常用方法
栈：LIFO（last-in-first-out）后进先出 队列：FIFO（first-in-first-out）先进先出 数组方法 arr.pop() 返回最后一项的值 arr.push() 在数组最糊一项追加，返回当前数组长度 arr.shift() 返回第一项的值 arr.unshift() ......
js运行机制
1.单线程（浏览器脚本语言，用户交互、操作dom，如果为多线程，假设操作同一个节点，一个是增加、一个是删除，浏览器不知道该执行哪个，所以为了避免类似的问题，设计成为单线程） 2.h5允许创建多线程，但子线程受主线程控制，且不可操作DOM。 3.任务队列（同步任务、异步任务）： 同步任务：在主线程内的 ......
js基础-浮点精度
0.1 + 0.2 !== 0.3 原因：js的数据类型为Number，采用的是双精度（64位）。而数据计算，是转换成2进制进行，转换后的长度如果超过指定的长度，则会丢弃超出的部分，从而导致精度丢失。待计算完成后，又转化为原来的长度，所以大小会有变化。 常见解决浮点数精度问题的方法： 1.toFix ......
js基础巩固（一）
js基本数据类型： 1.Number( Int, Float, NaN, Infinity) 2.String (单引号、双引号包裹的) 3.Boolean（true, false） 4.Object(无序名值对)【引用类型】 5.Null（值为null，表示为空） 6.Undefined（值为un ......
Node.js安装及环境配置之Windows篇
一、安装环境 1、本机系统：Windows 10（64位） 2、Node.js：v14.7.20（64位） 二、安装node.js步骤(下载msi版本) 1、下载对应你系统的Node.js版本:https://nodejs.org/zh-cn/download/ 2、选安装目录进行安装 3、环境配置 ......
vue学习 第十一天 CSS3新特性 ---- 新增选择器（1、属性选择器 2、结构伪类选择器 3、伪元素选择器） / CSS3盒子模型（border-box总体宽度不变）/ 图片模糊、宽度计算 / 过渡（transition）
CSS3 新特性 1、CSS3 现状 1） 新增的CSS3特性有兼容性问题，ie9+才支持 2） 移动端支持优于PC 端 3.）不断改进中，应用相对广泛 2、CSS3 新增选择器 CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。 1）属性选择器 2）结构伪类选择器 3）伪元素选择器 ......
java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统，附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统，实现管理员：首页、个人中心、用户管理、商品分类管理、商品信息管理、订单评价管理、系统管理、订单管理，用户；首页、个人中心、订单评价管理、我的收藏管理、订单管理，前台首页；首页、商品信息、商品资讯、 ......
vue学习 第十天（2） HTML5的新特性 ----- 语义化标签（布局标签）/ 多媒体标签（video、audio）
目标： 能够说出3～5个HTML5 新增布局和表单标签 能够说出CSS3的新增特性有哪些 HTML5的新特性 HTML的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 新特性都有兼容性问题，基本是IE9 + 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这 ......
vue学习 第十天（1） css高级技巧 ----CSS用户界面样式 / vertical-align属性应用 / 溢出文字用省略号显示 / 常见布局技巧 **css初始化的原因**
用户界面样式 1）鼠标样式 cursor li { cursor: pointer ;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 2、轮廓线 outline 给表单添加outline：0；或者outline：none；样式之后，就可以去掉默认的蓝色边框( 选中情况下 )。 3 ......
vue学习 第九天（2） css高级技巧. ---- 精灵图 / 字体图片 / CSS三角
学习目标： 1）精灵图 2）字体图标 3）CSS三角 4）CSS用户界面样式 5）vertical-align属性应用 6）溢出的文字省略号显示 7）常见的布局技巧 1、精灵图 1）需要精灵图的原因 （减少网页多张小图片的多次服务器请求） 网页中有很多小的背景图，过多的图片。会导致服务器频繁的接收和 ......
vue学习 第九天（1） 元素的显示与隐藏 display （不保留位置） / visibility （保留位置） / overflow （对超出的部分进行处理）
元素的显示与隐藏 本质： 让一个元素在页面中隐藏或者显示出来。 1、display属性，隐藏后不保留位置 1）display:：none；隐藏对象 2）display：block；除了转换为块级元素之外，同时还有显示元素的意思。 display 隐藏元素后，不再占有原来的位置。 2、visibili ......
Vue2入门之超详细教程八-计算属性
1、简介 计算属性： 1.定义：要用的属性不存在，要通过已有的属性计算得来 2.原理：底层借助Object.defineproperty方法提供的getter和setter 3.Get函数什么时候执行？ (1) 初次读取时会执行一次 (2) 当依赖的数据发生改变时会被再次调用 4.优势：与metho ......