项目vue3 vue
第三十九篇 vue - 最佳实践 - 安全
报告漏洞 虽然很少发现新的漏洞，但我们仍建议始终使用最新版本的 Vue 及其官方配套库，以确保你的应用尽可能地安全。 首要规则：不要使用无法信赖的模板 使用 Vue 时最基本的安全规则就是不要将无法信赖的内容作为你的组件模板。使用无法信赖的模板相当于允许任意的 JavaScript 在你的应用中执行 ......
第三十八篇 vue - 最佳实践 - 性能优化
概述 Vue 在大多数常见场景下性能都是很优秀的，通常不需要手动优化。然而，总会有一些具有挑战性的场景需要进行针对性的微调。在本节中，我们将讨论用 Vue 开发的应用在性能方面该注意些什么 首先，让我们区分一下 web 应用性能的两个主要方面 1、页面加载性能 首次访问时，应用展示出内容与达到可交互 ......
前端项目代码阅读指南
0. 把项目运行起来，如果npm总是报错，并且项目年代久远，直接放弃，找一个能跑起来的看。 1. 看 package.json ，了解项目中用到了哪些依赖，这些依赖一般都是怎么使用的，项目结构大概什么样子 2. 看目录，猜一下每个目录下的文件都是干什么的 3. 看入口文件，一般是index.js，或 ......
vue+element-ui实现可编辑表格和表格展开收缩
一、实现可编辑表格 HTMl代码块 <el-row> <el-col :span="20"> <el-form-item label="添加入参" prop="paramsArray"> <el-button @click="addParams">新增</el-button> <el-table v ......
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
SimpleAdmin手摸手教学之：项目架构设计2.0
一、说明 在SimpleAdmin1.0版本中，我将整体项目结构分为三大块，分别为架构核心、业务模块和应用服务。随着1.0版本的封版，回去再看我之前的项目架构，也暴露了一些问题，比如在1.0版本中，Signalr和Mqtt只能二选一，这显然是不科学的，因为这两种虽然都可以作为消息通知，但是显然可以有 ......
《渗透测试》信息打点-红蓝队自动化项目&资产侦察&武器库部署&企查产权&网络空间 2023 Day20
#各类红蓝队优秀工具项目集合： https://github.com/guchangan1/All-Defense-Tool 本项目集成了全网优秀的开源攻防武器项目，包含信息收集工具（自动化利用工具、资产发现工具、目录扫描工具、子域名收集工具、指纹识别工具、端口扫描工具、各种插件...），漏洞利用工 ......
Github项目上传
经历九九八十一难，终于完成了github项目的上传，昨天好不容易成功上传了一个项目，但再想传第二个就不行了，找了半天不知道是哪的问题，快崩溃了。今天通过chatgpt的帮助，终于完成多个项目的上传 ......
为虚幻引擎C++项目设置Visual Studio开发环境 | 虚幻引擎5.1文档 (unrealengine.com)
设置Visual Studio 设置Visual Studio以使用虚幻引擎的提示、技巧和技术 Beginner 本页面的内容 版本兼容性 新安装Visual Studio时的选项 推荐设置 虚幻引擎（简称UE） 能与 Visual Studio（简称VS） 完美结合，使你能够快速、简单地改写项目代 ......
Linux服务器部署前后端项目-SQL Father为例
Linux服务器部署前后端项目-SQL Father为例 项目介绍 项目的Github地址： https://github.com/liyupi/sql-father-frontend-public 1. 下载前后端项目到本地 我这里使用Git clone，也可以直接下载压缩包。 git clone ......
重装系统之后的Django项目配置（WSL）
重装系统之后的Django项目配置（WSL） 升级固态硬盘之后，只能重装系统，这样一来就得重新来配置项目的开发环境。 Linux环境下 Django项目需要用到python解释器，在开发过程中，不同的项目可能会用到不同版本的库，为了防止环境下包的版本冲突，选择在windows的linux子环境中来安 ......
vue数组和对象进行 watch 和 watchEffect 对比
const arr1 = ref([]); const arr2 = reactive([]); const obj1 = ref({}); const obj2 = reactive({}); watchEffect(() => { console.log("watchEffect arr1", ......
超详细！新手如何创建一个Vue项目
本篇仅以HBuilder X为例，其余开发软件同样适用
这里两种方法，使用script标签直接引入本地的vue.js或使用CDN引入。 ......
win10同步当前项目git的更新记录到另一个项目
1.备份某个时间之后的更新文件列表到文件中 git log --after="2023-4-3 18:27:44" --name-only --pretty=format:"" > commit_files.txt 2.根据文件中的记录复制文件到新的文件夹 @echo off setlocal en ......
如何在vue3获取 DOM 元素
获取dom的ref元素名称，要对应暴露的名称，不然会出现无效的dom报错，也就是拿到的是null 在setup中，使用ref（null）获取dom 不能直接在setup里面拿到dom的值，因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到，比如onMounted 注意 ......
vue引入粒子背景图效果
安装依赖 npm install vue-particles --save-dev main.js import VueParticles from 'vue-particles' Vue.use(VueParticles) template <vue-particles color="#409EF ......
在AspNet Core项目中集成Serilog
1.引入Nuget包 Serilog.AspNetCore 2.配置Serilog using Serilog; Log.Logger = new LoggerConfiguration() .WriteTo.Console() // 添加console日志输出 .WriteTo.Debug() / ......
linux部署.NET6.0项目
一、CentOS7.9配置SSH实现远程连接方法过程 1.确认是否安装ssh yum list installed | grep openssh-server 有输出内容，说明已安装； 2.安装SSH服务 yum install openssh-server 已安装的可以直接跳过。 3.编辑配置 v ......
【求助贴】临危受命，如何救火做到一半的项目？
最近分享了一个关于被临时拉去救火，项目如何起死回生的小视频，没想到引起了大家的共鸣，吐槽了自己的惨痛经历并强烈要求出一个应对策略的详细教程。这也是我职场升级打怪路上一个具有代表性的绊脚石，我当时也请教了一些资深的项目管理同行，整理了丰富的实践经验，现在就给大家简要分享下。 当时让我接手这个做了一半的 ......
中英文拼写检测纠正开源项目使用入门 word-checker 1.1.0
项目简介 word-checker 本项目用于单词拼写检查。支持英文单词拼写检测，和中文拼写检测。 特性说明 可以迅速判断当前单词是否拼写错误 可以返回最佳匹配结果 可以返回纠正匹配列表，支持指定返回列表的大小 错误提示支持 i18n 支持大小写、全角半角格式化处理 支持自定义词库 内置 27W+ ......
DayOne-Vue的基本使用指令以及过滤器
一、Vue 1、什么是Vue Vue是一个流行的JavaScript框架，用于构建用户界面。它被设计成渐进式的，可以逐步应用到现有的项目中，也可以构建全新的应用。Vue的核心库只关注视图层，因此易于集成到其他库或现有项目中。Vue具有响应式和组件化的特性，使得开发者可以更轻松地管理和维护复杂的用户界 ......
Vue3——使用deep进行样式穿透的时候发出v-deep警告
前言 其实只是一个警告，如果你不在意也是可以的，不过有点强迫症就按着提示说的改了，然后又去官网看了下对应的文档； !> ::v-deep usage as a combinator has been deprecated. Use :deep() instead. 这里没啥好说的，因为Vue3的文档 ......
ABP 新建项目
1.新建项目 1.1 安装abp cli dotnet tool install -g Volo.Abp.Cli 1.2 创建项目 前往https://abp.io/get-started 下载项目，笔者选定项目为blazor-server + postgreSql abp new ProjectN ......
部署项目遇到的问题汇总
部署项目遇到的问题汇总 问题一：nginx部署完成后，访问后端的接口返回CORS跨域请求 思考：我部署的前后端都在同一个宿主机上，访问的ip都是相同的，不应出现跨域才对。 解决：当你的nginx有如下配置（该配置通常用于本地开发环境） server { listen 80; server_name ......
vue指令之事件指令
什么是事件指令 事件指的是：点击事件，双击事件，划动事件，焦点事件... 语法 v-on:事件名='函数' # 注意：函数必须写在 methods配置项中 示例 # 点击按钮，隐藏h1标签 <body> <div id="app"> <button v-on:click="myclick">点我</ ......
强行为新项目写接口测试是一种什么样的体验
强行为新项目写接口测试是一种什么样的体验 继续上次的话题，为新项目写ui自动化测试是一件非常有挑战的事情，写接口测试会不会容易一点呢？这次我就尝试了一下。 现阶段我们的管理端接口其实不多，就8个左右，所以从工作量上评估其实还可以。 测试策略 讲策略之前我们先看一下项目的简单业务属性。该项目的管理后台 ......
vue 之 computed方法自带缓存踩坑1
使用场景：ant-vue 穿梭框使用 页面使用computed方法处理组织结构数据，退出页面时，对加载数据做了set null 操作，再次进入页面时，穿梭框只显示数据，无法做左右穿梭功能。 原因：computed方法在页面初始化时执行，且只执行一次，并会将方法内的数据进行缓存。退出页面做了数据清除工 ......
juper项目过程中遇到的一些bug
问题1：ModuleNotFoundError: No module named ‘jieba‘问题解决方案 在Anaconda的Prompt (anaconda3)中输入 pip install jieba -i https://pypi.tuna.tsinghua.edu.cn/simple/ ......
vue 中数据更新视图不更新
Vue无法检测实例被创建时不存在于data中的变量 new Vue({ data:{}, template: '<div>{{message}}</div>' }) this.message = 'Hello world !' // `message` 不是响应式的页面不会发生变化 解决： new ......