前端 终端 实战vue

1、ref和reactive 原来reactive是一个对象类型，使用reactive重新赋值一个对象不起作用 <script lang="ts" setup> import {reactive} from "vue"; let user = reactive({name: '小明', age: 1 ......

背景介绍 为什么需要学习 Java 并发？ 从提升性能角度来说 提升了对 CPU 的使用效率：目前生产的服务器大多数都是多核，标配的机器都是 8C/16G。操作系统会将不同的线程分配给不同的核心处理，理论上，有多少核心就有多少个线程并行执行。如果没有并发编程，CPU 的利用率将极大的浪费，假设当前正 ......

背景介绍 风控简介 二十一世纪，信息化时代到来，互联网行业的发展速度远快于其他行业。一旦商业模式跑通，有利可图，资本立刻蜂拥而至，助推更多企业不断的入场进行快速的复制迭代，企图成为下一个“行业领头羊”。 带着资本入场的玩家因为不会有资金的压力，只会更多的关注业务发展，却忽略了业务上的风险点。强大如拼 ......

前言 有时候我们负责做的只是一个大平台系统下的某个子系统，有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址，直接写在代码里，那么如果别的子系统的接口调整了，会影响到我们的系统，我们还要重新打包，部署，会很繁琐。 解决思路 我们的想法是这样： 敲代码的时候，如果要引用其他人 ......

项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......

Vue项目 移动端禁止页面放大缩小（在安卓上可以实现禁止放大缩小，但是ios就不行） // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......

Vue使用vue-simple-uploader上传文件夹先睹为快1 点击上传“上传文件夹”按钮 2 选择文件夹 3 确定上传 4 上传进度 引入控件install npm install vue-simple-uploader --savemain.js配置 import uploader fro ......

记录一些阅读的比较好的博文汇总 1.框架类相关的 前端框架自欺欺人，TypeScript全无必要？(自述了对于目前前端框架越来越复杂，学习成本越来越高的背景和见解) ......

我出现这个的原因是我配置了‘@/’的路径别名配置，然后在引入ts报了这个问题。 主要原因为：在查找ts文件的时候，路径出现了问题。 解决方法（主要是第二点，第一点单纯记录了我配置的别名路径） 1.vite.config.ts进行了'@/'的别名配置 resolve: { // 路径别名配置 alia ......

我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......

一、上传文件夹基本流程 在Vue中，上传文件夹的基本流程如下： 1. 用户在页面中选择要上传的文件夹； 2. 将该文件夹中的所有文件进行遍历； 3. 将遍历出来的每个文件使用 formData 对象进行处理； 4. 把所有处理好的 formData 对象上传到服务器。 二、选择要上传的文件夹 在Vu ......

表单输入绑定 <!-- 文本 (Text) --> <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message }}</p> <!-- 多行文本 (Textarea) --> <textarea v-mode ......

formatter的用法： 列表内容回显， orderStatus 0 是未处理， 1是已处理等，不能直接展示，所以需要 formatter <el-table-column label="订单状态" prop="orderStatus" :formatter="statusFormatter"> ......

项目地址 https://gitee.com/wxzcch/pytorchbase/tree/master/leason_2 源码 import torch from torch import nn, optim from torch.autograd import Variable from to ......

前端常见登录方式 总结下前端几种常见的登录方式： Session Token Oauth 第三方登录 SSO 单点登录 多因素认证 1、 基于会话（Session）的认证 特点：服务端存储 SessionId 1.1 实现流程 用户提交登录表单，包含用户名和密码。 服务器验证凭证，如果凭证正确，则创 ......

data: results:接口返回是是[]； this.formList.result : '' ；是字符串 ， resultsList;[]； fileList:[]； 注： 因为后台需要接受字符， 上传文件又是 数组，所以需要自己 使用 split(',') ;join(' ,') 来切换数组 ......

1.1BEPUphysicsint 3D定点数物理引擎介绍 对惹，这里有一个游戏开发交流小组，希望大家可以点击进来一起交流一下开发经验呀 帧同步的游戏中如果用物理引擎，为了保证不同设备上的结果一致,需要采用定点数来计算迭代游戏过程中的物理运算。也就是我们通常说的定点数物理引擎(确定性物理引擎)。本系 ......

Vue - 复制静态文件到 build的文件夹中 环境：vue2 框架 前提：在根目录下放置了Dockerfile 文件，在build时需要自动复制到dist文件夹里面。 1. 安装 copy-webpack-plugin 插件 在vue.config.js中引入插件 const CopyWebpa ......

在前端开发中，文件上传是一个常见的需求。而有时候，我们需要一次上传整个文件夹，而不是单个文件。本文将介绍如何使用Vue框架来实现文件夹的上传。 步骤一：准备工作 首先，我们需要在Vue项目中安装一个文件上传插件。在这里，我们将使用vue-upload-component插件，它提供了丰富的上传功能， ......

// 通用请求拦截器 import axios from "axios"; import Qs from "qs"; import store from "@/store"; import router from "@/router"; import { Loading, Message } fro ......

<template> <div class="async-component"> <div @click="child">hahah</div> <component ref="test" :is="remote" v-if="remote" :test="test" @handler="haha" ......

main.vue文件 <keep-alive :include="cachedViews"> <router-view :key="key" /> </keep-alive> computed: { key () { return this.$route.fullPath//this.$route. ......

问题代码如图 bug原因 建了vue2版本和vue3版本的uniapp分别测试，vue3版本的scroll-view存在scroll-into-view不生效的问题，目前未修复（23.12.20） 解决方法，换了个思路，如图 思路：获取当前选中元素的left值，并动态绑定给scroll-left实现 ......

props props可以实现父子组件通信，不管是在vue2或者vue3，props数据还是只读的！！！不能直接修改其值；在vue3中，我们可以通过defineProps获取父组件传递的数据，且在组建内部不需要引入defineProps方法可以直接使用，如下面例子 Parent.vue //父组件 ......

......

2023-12-20 星期三 一、用登录和退出问题 1登录 思路一： 1.1 login 登录页面，将token 存储本地中。 1.2 前置路由守卫获取 token 并验证， 1.3 前置路由 从缓存中获取用户的访问权限，并生成动态路由。 1.4 aixos 请求拦截器，从存储中获取存储的token ......

一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......

/** * 获取事件在列表中的位置 * @param context * @param callback * @private */ _evIndex(event, context, callback) { let index = -1; for (let i = 0; i <= event.len ......

一、什么是 Vue 1.简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式的js框架，发布于 2014 年 2 月。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router ......

前端标签是用于描述网页结构和内容的标签。它们可以分为以下几类： 文档声明、文档结构、功能标签 这类标签用于描述文档的类型、结构和功能。例如： <!DOCTYPE html>：声明文档的类型 <html>：定义文档的根元素 <head>：定义文档的头部 <body>：定义文档的主体 <title>：定 ......