three vue js
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
js实现上传文件夹功能
最近在研究上传文件夹功能，并上传到阿里云oss，研究了几天终于实现了。 前端代码：添加 “webkitdirectory” 标签表示支持 文件夹上传 <input type='file' id="inputUploadDir" name="file" webkitdirectory > js代码部分 ......
three.js 汽车行驶效果
实现原理是使用TWEEN.Tween实现动画效果 实现 汽车模型加载 使用Promise编写模型的异步加载方法 Car.prototype.loadCar = function (position, rotation) { let onProgress = function (xhr) { }; r ......
VUE3引入pinia配置使用
文档：https://pinia.vuejs.org/zh/introduction.html 1.引入pinna npm install pinia -S 2.在src文件里面创建store文件article.js 在main.js中引用pinna import { defineStore } f ......
Vue动画效果-商品加入购物车
购物类app中常有商品加入购物车的动画需求 主要实现代码 type Fn = (...args: any[]) => void interface Events { [name: string]: Fn[] } export class EventEmitter { events: Events c ......
js上传文件夹的功能如何实现
在JavaScript中无法直接上传整个文件夹，但可以通过以下步骤实现上传文件夹的功能： 1. 使用``标签来选择文件夹。该标签支持同时选择多个文件和文件夹。 2. 监听文件夹选择变化的事件，并获取所选择的文件和文件夹。 const fileInput = document.querySelecto ......
three.js 使用 sortObjects 和 renderOrder 处理网格修改后覆盖模型的问题
问题效果： 目标效果 处理此问题首先需要了解three的渲染机制： 渲染机制 threejs的渲染器是基于webGL的。它的渲染机制是根据物体离照相机的距离来控制和进行渲染的。也就是说，它根据物体的空间位置进行排序，然后根据这个顺序来渲染物体。对于透明的物体，是按照从最远到最近的顺序进行渲染。控制渲 ......
用html和css和js实现一个班级点名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>班级点名系统</t ......
THREE.JS开发《我的世界》
转自：https://www.cnblogs.com/sincw/p/9161922.html 一，准备工作 1）库/框架选型 H4 ......
项目: vue2+Vue3（重构）去哪儿网webapp
技术栈：Vue+webpack+vue-router+vuex+axios+element UI+ swiper 三个大组件：首页、城市选择详情页、详情页 开发方式是用模块化：一个大组件里会有多个子组件，由这些子组件来'填充'大组件，这样方便后续维护: city city.vue component ......
详细一些的vue生命周期
如果你和我一样，以前对vue生命周期的理解仅限于生命周期钩子，那么本文可以让我们更深入一层，理解vue在生命周期各个阶段所做的事，对我们对vue的理解和使用很有好处。 （1）通过new Vue()创建新的vue实例 不管页面还是组件，都是一个个vue实例。一个vue应用，其实就是一个个vue实例的嵌 ......
vue3移动端引入px2rem-loader
版本 "postcss-px2rem": "^0.3.0", 1、npm install postcss-px2rem 2、 ......
JS(JavaScript)-if-switch选择结构-for-while循环
前言： 回到JS基础，用console输出； console.log(); 输入内容： window.prompt(); 向页面做出输入接收(类似于后端Scanner) 整数转换：parseInt(); 1. 选择结构： ①if 结构 if( ){ }; if( ){ }else{ }; if( ) ......
Vue 应用程序性能优化：代码压缩、加密和混淆配置详解
简介在 Vue 应用程序的开发中，代码压缩、加密和混淆是优化应用程序性能和提高安全性的重要步骤。 Vue CLI 是一个功能强大的开发工具，它提供了方便的配置选项来实现这些功能。本文将介绍如何使用 Vue CLI 配置代码压缩、加密和混淆功能，以提高应用程序的性能和安全性。 一、配置代码压缩Vu ......
Vue3+Vite+ElementPlus管理系统常见问题
本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题，没有技术深度，但全都是解决实际问题的干货，可以当作是问题手册以备后用。本人日常工作偏后端开发，因此，文中的一些前端术语描述可能不严谨，敬请谅解。重点是：这里记录的解决方案都是行之有效果的，拿来即可 ......
vue 中初始化 ref
在 Vue 中，使用 ref 函数创建响应式的数据： 对象初始化： const addGoodsDate = ref({}); const addGoodsDate = ref({ name: '', price: 0 }); 数组初始化： const appGoodsList = ref([]); ......
vue 的标签内属性的各使用形式
标签内属性形式 在 Vue 中，v-xx、@xx 和 :xx 是不同的语法形式，具有不同的用途和语义 v-xx 形式：这是用于注册或使用 Vue 提供的内置指令或自定义指令。v- 是 Vue 指令的前缀，后面跟着指令的名称 例如，内置指令：v-if 可以根据条件控制元素的显示和隐藏，v-for 可以 ......
Vue3+Vite+ElementPlus管理系统常见问题
本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题，没有技术深度，但全都是解决实际问题的干货，可以当作是问题手册以备后用。本人日常工作偏后端开发，因此，文中的一些前端术语描述可能不严谨，敬请谅解。重点是：这里记录的解决方案都是行之有效果的，拿来即可 ......
解决Vue处理超过16位数字精度丢失问题
当我们使用MyBatis-Plus 使用 ID_WORKER 或者 ASSIGN_ID(雪花算法) 生成的id作为主键时，因为其长度,为19位，而前端一般能处理16位，如果不处理的话在前端会造成精度丢失，最后两位会变成00，如下图，感觉像是四舍五入后的效果。 处理这种问题有两种方案，要么后端出处理， ......
技术博客：Vue中各种混淆用法汇总
技术博客：Vue中各种混淆用法汇总 摘要 本文主要介绍了在Vue中使用的一些常见混淆用法，包括new Vue()、export default {}、createApp()、Vue.component、Vue3注册全局组件、Vue.use()等，以及如何使用混淆器对代码进行加固，保护应用安全。 ......
Vue混淆与还原
引言 Vue是一种流行的JavaScript框架，用于构建用户界面。它简单易用且功能强大，备受开发者喜爱。然而，在传输和存储过程中，我们需要保护Vue代码的安全性。混淆是一种有效的保护措施，可以加密和压缩代码，使其难以被理解和修改。本文将介绍Vue混淆的概念以及如何进行还原。 混淆 混淆是将Vu ......
vue3 之 封装hooks
注意： 使用 Hooks 来做的话，需要封装一个以 use 开头的函数，自定义 Hooks 有一个潜规则，就是要 use 开头 一、相关链接 ① 已经封装好可直接使用的：https://vueuse.org/core/useMounted/ ② 为什么要在Vue3中多使用Hooks？好处是啥？ ： ......
Vue使用el-cascader实现地区选择器组件
1. 使用组件-效果展示（推荐） 1.2 安装组件依赖（默认是V6版本，旧版本V5.02） 官方文档地址（二级联动，三级联动包含教程）：https://www.npmjs.com/package/element-china-area-data npm install element-china-ar ......
vue3引入mitt（eventBus）
版本 "mitt": "^3.0.1" 1、npm install mitt 2、项目下创建文件夹eventBus 建 myEventBus.js import mitt from 'mitt'export default mitt() 3、组件里监听 组件A import myEventBus f ......
vue3引入pinia
1、npm install pinia 2、在项目目录建store文件夹创index.js import { createPinia,defineStore } from "pinia";const pinia = createPinia()pinia.state.valueconst token ......
【VUE】vue动态变换背景图片的实现 +背景图片铺满+ 一般路由的配置
一 、动态变换背景图片的实现 代码如下： <template> <div class="body" v-loading="loading" :style="{ backgroundImage:'url('+ bgi +')' }"> </div> </template> <script> data ......
NET Core 3.1 MVC 在html中引用js的方法使用时不生效异常
在html的select元素添加了onchange事件，changeContent方法也在当前html下。 <select id="changeLanguage" class="form-control input-lg" asp-for="language" asp-items="Model.su ......
Vue
VUE vue 渐进式 将复杂的东西给处理，只需要调用api 就可以 进行网页的设计 前端框架的 几乎都一样 vue： react:facebook angualr:谷歌 库的区别与库的区别 jquery库：对dom的操作 art-template库：模板引擎的渲染 高效 框架：大而全，简单渲染+请 ......
Vue-Router
Rouer组件 可以构造单页引用 多页应用：mpa 每一个页面都是一个html文件 方便seo优化 单页应用：spa 知乎网站 掘进 百度移动端 单页用于取决情况： 1.用户群体比较多 原理：相当于一个a标签，导航栏上切换不同的视图 大部分做的vue 使用都是后台管理程序 在使用router是 vu ......