项目uniapp cli vue
uniapp之微信小程序 支付
一、注册微信支付商户号（由上级或法人注册） 注册链接：https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal#none，如图 注意：需要由主管及更上级领导进行注册，成为公司收款账户 （企业注册需要材料：营业执照、对公 ......
uniapp的easycom模式
uniapp的easycom模式，无需import和注册components，即可在页面使用固定目录下的组件。 这个目的是简化引用，其实还挺坑的。 1. 直接使用组件，全局又搜索不到引用，第一感觉让人摸不着头脑 2. 不引用组件，文件下放了多个组件，不知道到底使用了哪个 3. 进行组件优化，要删除或 ......
分享！10个使用Angular CLI的实战应用技巧
如果您正在使用Angular，就知道Angular CLI有多有用。它简化了创建和管理Angular项目的过程，凭借其直观的命令行界面，它可以轻松处理复杂的任务，如生成组件、服务、管道、指令等。 但是您知道如何有效地使用Angular CLI吗？在本文中，我们将分享10个超级棒的实战应用技巧，来帮助 ......
vue中的路由守卫
摘要："路由守卫" 是前端开发框架中使用的术语，特别是在 Vue中。是一种导航控制机制，用来决定一个路由是否可以被访问、是否可以离开当前路由，或者在路由变化时做一些额外的操作。 路由守卫主要用于权限验证、数据预加载、页面状态保存等场景。 常常见于登录系统后，不会再后退跳转到登录页面。 类型： 全局守 ......
Django实战项目-学习任务系统-任务管理
接着上期代码框架，开发第3个功能，任务管理，再增加一个学习任务表，用来记录发布的学习任务的标题和内容，预计完成天数，奖励积分和任务状态等信息。 第一步：编写第二个功能-用户注册 1，编辑模型文件： ./mysite/study_system/models.py: class StudyTask(mo ......
31-Vue脚手架-scoped样式
我们先思考一个问题，如果对School 和 Student应用样式的话，一般是使用如下方式： src/components/School.vue <template> <div class="demo"> <h2>学校名称：{{name}}</h2> <h2>学校地址：{{address}}</h2 ......
30-Vue脚手架-plugin插件
plugin插件 功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 src/plugins.js（定义插件） // 定义插件(默认暴露) export default { install(Vue){ conso ......
[Vue]条件渲染
1.v-if 写法: (1) v-if="表达式" (2) v-else-if="表达式" (3) v-else="表达式" 适用于:切换频率较低的场景。 特点: 不展示的DOM元素直接被移除。 注意: v-if可以和v-else-if、v-else一起使用，但要求结构不能被“打断”。 2.v-sh ......
Vue 3 中用组合式函数和 Shared Worker 实现后台分片上传（带哈希计算）
01. 背景 最近项目需求里有个文件上传功能，而客户需求里的文件基本上是比较大的，基本上得有 1 GiB 以上的大小，而上传大文件尤其是读大文件，可能会造成卡 UI 或者说点不动的问题。而用后台的 Worker 去实现是一个比较不错的解决办法。 02. 原理讲解 02.01. Shared Work ......
ruby实战手册(13）-vue 3（4）
目录全局构建 全局构建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>learn js</title> <base href="/"> <link href="styles/style.css" rel=" ......
OpenTiny Vue 3.11.0 发布：增加富文本、ColorPicker等4个新组件，迎来了贡献者大爆发！
本次 3.11.0 版本主要增加以下新组件：
- RichTextEditor 富文本编辑器组件 - by [Caesar-ch](https://github.com/Caesar-ch)
- ColorPicker 颜色选择器组件 - by [GaoNeng-wWw](https://gith... ......
项目中引入视频插件
方式一 ：在页面中引入vue-video组件实现视频播放 此种方式引入视频播放不能对视频进行加密。 1.安装依赖 npm install vue-video-player --save 2. 在前端项目，main.js文件中引入 //2. 在main.js中注册加载组件 require('video ......
vue打印浏览器页面功能的两种实现方法
目录 方法一：通过npm 安装插件 方法二：手动下载插件到本地 总结 推荐使用方法二 方法一：通过npm 安装插件 1，安装 npm install vue-print-nb --save 2，引入 安装好以后在main.js文件中引入 1 import Print from 'vue-print- ......
java项目树出现了红色时针标记，run mian方法时无反应
java的左侧项目树出现了红色的时针标记， 导致java类的代码中String 、System等关键字出现红色错误， 解决办法， 右键src--mark directory as --source root，即可 后续问题：run mian方法时无反应 逻辑、配置等都没问题，就是死活没反应。看来一堆 ......
vue3中关于pinia及其持久化插件的使用
pinia是一个vue中的插件，功能是一个仓库，用来存放数据。当我们的数据在多个组件中都需要用到的时候，如果一个个向后端获取就会很麻烦。数据获取一次存放在pinia仓库中，用起来就会非常方便还减轻服务器压力。pinia官网：https://pinia.vuejs.org/zh/ ，也可以在vue的生 ......
maven创建普通java项目访问mysql-mybatis
基础资料： 数据库：d1，表：t1，字段：xm，nl（即姓名、年龄），内容（'zs',20;'ls',18） 以下内容由官网“https://mybatis.org/mybatis-3/zh/getting-started.html”整理而来。不尽不实之处请参考官网原文。 思想： 1、在pom.xm ......
vue处理文件流实现上传下载
1.文件流转base64 axios({ method: "post", url: "************", responseType: "blob", //必须将返回数据格式更改为 blob 格式 }).then(res => { // 处理返回的文件流数据转为blob对象 let blob ......
问题：vue3 使用 vite 构建的项目打包后无法打开index.html文件，或者显示一片空白
一、问题描述 项目build之后，点击dist文件中的index.html文件，打开是空白，提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/"，file://…访问需要基于index.html的路径，需要再vit.config.js中进行以下配置 2.跨域问题 vit ......
纯jsp页面项目部署
在云服务器端部署JSP项目是一种常见的发布网页的方法。 通过华为云耀云服务器L实例进行部署是较有性价比的选择，通常可以通过以下的步骤实现： 首先，获取华为云耀云服务器L实例并进行初始的设置。 其次，安装并配置Java开发环境。确保云服务器上已经安装了与JSP项目兼容的Java JDK，同时，配置Ja ......
计算项目首屏时间
1.performance const startTime = window.performance.timing.navigationStart; // 获取页面开始加载的时间点 const whiteScreenTime = window.performance.timing.domLoadin ......
vue3实现前端导出Excel，默认与自定义表头中文名
参考：https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中（版本号其实应该可以不限制，用最新的是OK的） "dependencies": { ... "xlsx": "^0.16. ......
Vue3 模版常用语法
一、背景 二、实现 仅支持表达式 {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} {{ author.books.length > 0 ? 'Yes' : 'No' }} <div :id="`list-${id} ......
Vue3 computed 计算属性函数使用
Vue3 computed 计算属性函数使用 computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。 1. 基本使用：只读 <template> <div> <div>计算属性</div> ......
前后端分离 Spring boot项目 后端依赖文件
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:sc ......
vue中实现上传 ，下载功能
上传功能（包括上传图片，上传文件）使用 element 组件库 https://element.eleme.cn/#/zh-CN/component/upload <el-upload class="avatar-uploader" :disabled="isUpload" action="" :s ......
Vue3 子组件修改父组件传过来的值
Vue3 子组件修改父组件传过来的值 1、在父组件中，找到引用的子组件，在引用中加入v-model 例如：子组件是demo,需要穿的值为num 这个有个温馨提示，（v-model +冒号+需要穿的值）这个v-model可以写多个 <demo v-model:num="num"></demo> //例 ......
Vue localStorage 将数据存为数组
Vue localStorage 将数据存为数组 要把表单数据存成数组形式，在另一个页面通过v-for渲染展示，因为拥有同一个key值，在每次更新表单数据时都会发生数据覆盖现象。 var templist = JSON.parse(localStorage.getItem("msgBody") || ......
C# 项目中dll类库引用了多个版本，造成了冲突的解决办法
备注：常见问题 未能加载文件或程序集“System.Web.Http, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35”或它的某一个 原因分析：程序所依赖的dll 和实际引用的dll不相符，可以用修改配置文件web. ......
vue学习笔记之执行顺序
vue文件加载顺序：index.html>app.vue>main.js 加载顺序详情： 执行index.html（index.html中id为app的div标签是一个挂载点，之后我们的Vue根实例就会挂载到该挂载点上） 执行main.js main.js找到实例挂载app.vue文件，将index ......