phantomjs项目vue
vue 设置 菜单Item 背景色
<a-menu-item @click = "selectItem" :class = 'child.id==selected? "selected":""' v-for="(child) in item.children" :key="child.id" > data () { return { ......
在Vue项目中为何要重写push和replace
0.前言 为啥要重写push和replace，主要是你不写他会报错啊，为啥会报错呢，主要是因为函数式路由push方法返回的是一个promise对象，我们知道promise对象是有成功回调和失败回调的，但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本 ......
mail_api_flask 接口开发及uwsgi部署项目
一、项目代码 #vim /usr/local/src/mail_api_flask/run.py """ mail_api_flask 为基于Flask web框架开发的在线发送邮件api，实现功能复用。支持html模板邮件。 """ from flask import Flask from fla ......
Vue2 快速上手
1.声明式渲染 通过{{}}将数据渲染到页面： <body> <div id="app"> {{ message }} </div> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ......
关于 Vue 列表渲染 key 绑定 index 的性能问题
今天在学习 React 文档，列表渲染一节中提及到一个关于 key 绑定索引值（index）性能的问题： React 官方文档原文：“如果列表项目的顺序可能会变化，我们不建议使用索引来用作 key 值，因为这样做会导致性能变差，还可能引起组件状态的问题”。 查阅网上的博客，确实有对 Vue 列表渲染 ......
Vue 跑马灯效果
vue简单的跑马灯效果，直接封装的组件，引入就能用。 <template> <div class="block"> <h3 class="h3_title"> 特别提醒 </h3> <p class="words" ref="words" :text="content" > {{content}} ......
ant design vue 2.0 select 二次封装组件
//a-select 组件文件 <template> <a-select placeholder="请选择" :value="defaultValue" :disabled="disabledSelect" @change="changeSelect"> <a-select-option value ......
vue 监听 sessionStorage 的变化
原文链接：https://blog.csdn.net/weixin_41192489/article/details/125069656 将 sessionStorage 的变化注册为全局事件 setItem，在main.js中添加如下代码 Vue.prototype.setSessionItem ......
VsCode 常用好用插件/配置+开发Vue 必装的插件
一、VsCode 常用好用插件 1、实时刷新网页的插件：LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari 补充一下：LiveServer 和 ......
react项目中聊天界面新增对话自动滚动到底部
class组件写法1 class Messages extends React.Component { const messagesEndRef = React.createRef() componentDidMount () { this.scrollToBottom() } componentD ......
前端vue获取后端返回的富文本内容不是标签是转义字符解决方法
新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
Vue 评分星星显示
<el-table-column label="专业性" align="center" prop="specialty" ><template slot-scope="{row}"> <el-rate v-model="row.specialty" disabled show-score text- ......
服务器内存占用高，如何排查是哪个项目占用的资源？
服务器内存占用高，如何排查是哪个项目占用的资源？ 最直观的查看方式 ps -e -o pid,user,%mem,command --sort=-%mem | head A1 要查看服务器上的哪个项目占用资源，可以执行以下步骤： 使用 top 命令查看哪些进程占用了服务器的内存。打开终端，输入 to ......
new一个vue对象开始，vue内部发生了什么
new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) vue构造类里面init函数 初始化生命周期，事件，render 调用 beforeCreate 钩子函数 初始化 props、method ......
java 执行 同一个项目不同的main方法
1、多个main方法，通过idea的方式打包 2、在执行的时候 java -cp /data/dolphinscheduler-install/jars/dolphoinscheuler-demo.jar cn.iullor.TestExceptionMain java -cp /data/dolp ......
vue3+ts初学之创建一个vue3项目
(1)使用vue-cli创建: ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后的步骤: Please pick a preset - ......
Vue+Element UI 弹出文本框
效果： 代码： /* 打开审批弹窗*/ openAudit(row) { this.$confirm('请确认审核结果', '审核', { distinguishCancelAndClose: true, confirmButtonText: '审核通过', cancelButtonText: '未 ......
vue3+ts初学之安装路由(router)
一、安装路由 1.安装vue-router vue3需要安装4.0以上版本 vue2最好安装4.0以下版本 安装命令： npm install vue-router@next --save // 安装最新版本router // 如需按版本安装，需将命令行中 next 改成相应的版本。如下： // n ......
Javaweb学习-书城项目相关
资料来源于：B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ，本人才疏学浅，记录笔记以供日后回顾 由于是多个视频内容混合在一起，因此只放了第一个链接 本文参考价值不高，随便写写罢了 视频链接 讲师的大致思考逻辑及需要实现的功能 第一日内容： 1. 需求分析 2. 数据库设计 1） 实体分析 - ......
使用vue实现一个点击复制的功能
<script src="https://cdn.jsdelivr.net/npm/vue"></script> <div id="app"> <button @click="copyText">复制</button> <input type="text" v-model="textToCopy" ......
IDEA Rebuild项目错误：Information:java: java.lang.AssertionError: Value of x -1
模仿lombok工具，我的enumgen工具写完了。 公司的项目emax-rpcapi-list依赖了enumgen后，IDEARebuild Project时，或者maven package/install的时候，出现报错→Information:java: java.lang.Assertion ......
解决黑马智慧物业管理系统项目搭建问题2月23日
今天是整了大半天，浪费了很多时间。一直报的错就是找不到1、类似于这个错误，分明在pom文件中添加了springframework依赖，但还是不行，后又严格按照黑马的环境配置进行操作。但感觉都是些编码格式问题，我猜测关键是因为下载了黑马的repository文件，估计是里面的包很全，所以在Maven里 ......
vue-router原理剖析
vue-router原理 单页面核心之一是： 1、更新视图而不重新请求页面。 2、vue-router在实现单页面前端路由时，提供了：hash,history hash: 兼容所有浏览器，hash的值为#/*内容， hash的改变会触发hashchange事件， history: pushState ......
vue+element-ui+springboot使用easyExcel导出和导入Excel表格以及LocalDateTime时间类型转换问题
以下内容仅供学习使用 正文： hutool官网：https://hutool.cn/docs/#/ easyExcel官网: https://easyexcel.opensource.alibaba.com/ 一、导出Excel表格 1. 首先引入pom.xml依赖 <dependency> <gr ......
Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上
上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情 ......
vue2升级vue3：vue-i18n国际化异步按需加载
vue2异步加载之前说过，vue3还是之前的方法，只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍： 为什么需要异步加载语言包 主要还是缩小提代码包，没有按需加载前，语言包内容太多 好几屏幕全部是，虽然从webpa ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入支付宝sdk 进行支付宝支付 开发 Android app
首先添加支付宝sdk的绑定库 nuget 包：Chi.MauiBinding.Android.AliPay 项目地址：https://github.com/realZhangChi/MauiBinding 新建maui Blazor应用，在根目录创建一个静态类PublicMethods.cs （类名 ......