前端 仓库nexus vue

vue項目與node後台,解決跨域問題

1 跨域問題總概述 跨域指的是从一个域名到另一个域名去请求资源,跨域名请求同源策略,浏览器的安全机制,跨域是浏览器的行为,不是服务器的行为; 简化来讲就是,网页(浏览器)向后台服务器发送一个请求之后,浏览器会拦截这个请求,并检查这个请求是不是跨域访问,如果是跨域访问,便要向服务器端核对,是否允许这个 ......
node vue

windows server 直接运行 部署.NET webapi,以及IIS部署vue项目

参考链接: windows server 开启IIS: https://www.cnblogs.com/yaopengfei/p/7199550.html IIS部署vue: https://juejin.cn/post/7171745871946596383 .NET 6.0 部署: https: ......
windows 项目 server webapi NET

Vue3常用指令

本小节中,我们将学习 Vue 3 中的文本插值相关功能。 文本插值语法 文本插值语法如下,通常用双大括号来表示,当其绑定的变量发生变化时,插值的内容也会随之发生变化,也就是数据双向绑定功能: {{ 插值表达式 }} 示例: <script setup> import { ref } from 'vu ......
指令 常用 Vue3 Vue

# 公用服务器配置个人工作仓库

公用服务器配置个人工作仓库 有一些服务器需要多个用户进行访问,但是ssh账号和工作空间又只有一个,同时又不希望和这个ssh账号下的所有用户共享git账号,可以通过配置代码库本地ssh密钥以实现工作空间隔离。 生成并配置密钥 首先登录服务器,进入路径~/.ssh 输入以下命令以生成ssh密钥对 ssh ......
仓库 服务器 个人

数据仓库、数据湖、湖仓一体的区别?

https://www.cnblogs.com/miketwais/articles/data_lakehouse.html 数仓:存储结构化数据,基于指标需求,面向主题组织数据,协助经营者进行决策; 数据湖:存储结构化,半结构化,非结构化,二进制数据,强调的是对于原始数据的存储,保留数据的完整性。 ......
数据 仓库 一体

Vue2入门之超详细教程十三-key的作用与原理

Vue2入门之超详细教程十三-key的作用与原理 1、简介 React、Vue中的key有什么作用? 1.虚拟DOM中key的作用: ​ key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据[新数据]生成[新的虚拟DOM],随后Vue进行[新虚拟DOM]的差异比较,比较规则如下: ​ ......
原理 作用 教程 Vue2 Vue

vue02_days

jwt 回顾 # jwt:simple-jwt >自定义表签发token -前端携带用户名密码到后端 -取出用户名密码 》去我们的表查询--》如果查到,说明是我们用户 -签发token: refresh = RefreshToken.for_user(user) refresh.access_tok ......
days vue 02

vue前端代码npm install报错的解决方法

npm install,报错: npm WARN tarball tarball data for has-bigints@https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz (sha512-tSvCKtBr9lkF0 ......
前端 install 代码 方法 vue

记录--前端无感知刷新token & 超时自动退出

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端无感知刷新token&超时自动退出 一、token的作用 因为http请求是无状态的,是一次性的,请求之间没有任何关系,服务端无法知道请求者的身份,所以需要鉴权,来验证当前用户是否有访问系统的权限。 以oauth2.0授权码模式为例: ......
前端 token amp

VUE3新建项目

npm init vite-app archer240105 //进入目录 cd 项目目录 //安装依赖 npm install //运行 npm run dev ......
项目 VUE3 VUE

前端排除项目中未使用资源脚本

import os class FileData: def __init__(self, name, path): self.name = name self.path = path # 遍历项目文件夹中的所有图片文件 image_files = [] def get_all_image_files ......
前端 脚本 项目 资源

vue&webpack - vue2版本webpack脚手架配置梳理

vue&webpack - vue2版本webpack脚手架配置梳理 资源链接 Vue CLI webpack webpack5 和 webpack4 的区别 webpack Webpack 4 于 2018 年 2 月发布。 (2020-10-10)webpack 5.0.0 发布 VUE CLI ......
webpack 脚手架 vue 版本 vue2

vue---v-modle实现字符组件通信

子父组件在做数据传值和通信中,通常都是父组件通过【:props】进行数据的传递,通常用于父组件通过传递不同的参数,改变子组件。 但是经常会遇到这样的场景: 需要父子组件进行数据通信,实现双向数据绑定,可以利用 v-modle 实现父子组件数据交互通信。 父组件: <template> <div> < ......
组件 字符 v-modle modle vue

前端面试题三

ES6新特性有哪些? 变量声明:由var变为let和const;模板字符串:使用反引号 `` ;在模板字符串里面支持换行,并可以在里面使用${}来包裹一个变量或表达式;解构赋值:有数组解构和对象解构,可以快速获取数组和对象的值;扩展运算符:在ES6中用...来表示展开运算符,它可以将数组或者对象进行 ......
前端

前端导出文件 java.io.IOException: Connection reset by peer

一、场景 后端生成zip压缩文件,前端直接导出。 问题:文件小的时候正常导出,大的时候,接口收不到返回的文件流;本地测试没问题,部署线上有问题; 二、原因分析 后台打印日志,发现如下报错日志 java.io.IOException: Connection reset by peer 查阅得知,断开连 ......
前端 IOException Connection 文件 reset

前端面试题四

​ 1. Vue 的双向数据绑定原理是什么? Vue 采用数据劫持+订阅发布模式实现双向绑定。通过 Object.defineProperty()方法来为组件中 data 的每个属性添加 get 和 set 方法,在数据变动时,触发 set 里相应的监听回调函数,将变动信息发布给订阅者。主要有以下步 ......
前端

Vue 3 中的 jsx 实践

一、起因 template 的写法不太灵活,数据和模版都放在一起,不能拼接; 如果拆太碎,每个碎片组件都得写一堆 props/emit 才能确保通信的完整性,太麻烦; 如果写在一个文件中,模版上的判断逻辑 (v-if) 又得一堆; 二、codes 碎片组件 1: <script lang="jsx" ......
Vue jsx

Uncaught runtime errors:在IDEA中运行vue项目时出现该错误

IDEA中输入npm run serve ,出现该错误 Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading 'prototype') TypeError: Cannot read properti ......
Uncaught 错误 runtime 项目 errors

Python_Gradio与前端开发

Gradio Blocks是Gradio的低级API,它允许你创建比Interfaces更多的自定义web应用程序和演示。 简单来说就是比Interfaces更灵活。 一般使用上下文管理,示例代码如下: 代码 import gradio as gr with gr.Blocks() as demo: ......
前端 Python_Gradio Python Gradio

前端生成二维码

import QRCode from 'qrcode'; QRCode.toDataURL(res.data.qrcodeUrl, { margin: 2, type: 'image/jpeg', quality: 0.3 }, (error, url) => { if (error) consol ......
前端

vue2-diff算法手写一步步增加功能

前面 vue2 diff算法尽可能复用原来的老节点(比如老节点头尾跟新节点头尾看看是不是同一个节点,是的话打个补丁(更新class什么的,然后他的子节点继续调用这个diff算法), 没有找到可复用的就重新创建)。代码行数也不多,核心函数是 updateChildren vue patch工作流程简单 ......
算法 vue2-diff 功能 diff vue2

Vue高频面试题

1. 谈谈你对 Vue 的理解? Vue 是一个渐进式的 js 框架,专注于构建用户界面。 Vue 的核心思想是数据驱动和组件化,通过将页面拆分为多个独立的组件,可以更好的管理到吗, 提高代码的复用性和可维护性。 Vue 的优势在于:简单易用,灵活性高,性能卓越和拓展性强。 Vue 的模板语法易于理 ......
Vue

vue3(三)

1、父子路由在页面局部跳转的应用 假设有一页面NewsView.vue,里面的内容要如何实现如下图所示的布局,如何实现点击页面左半部分文字,而只有页面右半部分的内容发生变化呢? 不难想到,导航栏的内容是挂载到App.vue文件上的。稍加思索的是,要利用RouterView技术,将页面右(Detail ......
vue3 vue

vue书写风格API

Vue 的组件可以按两种不同的风格书写:选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API,是一种通过声明式选项(如 data, methods, comp ......
风格 vue API

浏览器中代码(html+js)高亮,并显示行数 (Vue框架)

最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
框架 浏览器 html Vue js

vue-router的使用,以及路由守卫的使用,复制直接用!

安装完路由,我们在更目录创建一个router的文件夹,然后在文件夹下面新建一个index.js文件 index.js import Vue from 'vue' // 引入VUE实例import VueRouter from 'vue-router' // 引入vue路由 Vue.use(VueRo ......
路由 vue-router router vue

Vue2入门之超详细教程十二-列表渲染

1、简介 V-for指令: 1. 用于展示列表数据 2. 语法:v-for=”(item,index) in xxx ”:key=”yyy” 3. 可遍历:数组、对象、字符串(用的很少)、指定次数(用的很少) 学习Vue之前最后会一些HTML和CSS的基础知识,HTML基础知识 传送门,CSS基础知 ......
教程 Vue2 Vue

# vue3 插槽 slot 使用

vue3 插槽 slot 使用 在 Vue3 中,插槽(slot)是一种重要的组件复用和内容分发机制。通过使用插槽,可以让组件更加灵活和具有可复用性,在不同的地方渲染不同的内容,同时保证相同的样式。 插槽资料 官网介绍:https://cn.vuejs.org/guide/components/sl ......
vue3 slot vue

vue+three旋转地球

<template> <div id="container"></div> </template> <script> import * as THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/O ......
地球 three vue

零基础电气专业毕业生,花费9.9元自学前端,成都月薪6.5K

介绍 毕业于成都理工电气专业,大学毕业后进入了一家电气公司,月薪2000元。一直对互联网行业感兴趣,但由于没有相关专业背景,所以一直没有勇气转行。 转行契机 公司的书记想搞一个内部生产管理系统,看我们4个应届毕业生每天都在打酱油,就找到我们想让我们研究一下看能不能做出这个系统(公司里面没有搞IT的) ......
前端 月薪 毕业生 电气 基础