前端 终端 实战vue
1. react项目【前端】+C#【后端】从0到1
1、创建前端基础框架 1.1 前端创建 软件： 1.1.1 npx create-react-app pc ps:pc 是文件名 ； 1.1.2 npm start 启动项目 2、创建后端基础框架 软件： 2.1 创建 webapi 项目 Program.cs 是启动文件 ； ......
ruoyi-vue接入钉钉，作为h5微应用
ruoyi-vue接入钉钉，作为h5微应用 https://blog.csdn.net/jiaodacailei/article/details/124709914 1.安装依赖 在ruoyi-ui目录，npm安装依赖： npm install dingtalk-jsapi --save 2.定义全 ......
vue3组件通信方式
## 使用props通信 **父组件向子组件通信** ### 父组件 ```vue ``` ### 子组件 ```vue 我的名字是{{ name }} 我的年纪是{{ age }} ``` ## 使用自定义事件 **子组件向父组件传递** ### 父组件 ```vue 显示子组件传来的值{{ so ......
基于VictoriaMetrics的大规模监控实战
victoriametrics原生支持水平扩展，并且大部分兼容Prometheus语法，官方文档地址：https://docs.victoriametrics.com/ 这个是victoriametrics官方的集群架构 我公司用到的集群架构 目前用到3台机器 IP部署的服务 10.200.4.74 ......
WM_分库分表的深入实战剖析v1.0 一般有用 看1
分库分表的深入实战剖析 内容大纲 分库分表概念 电商系统下订单性能瓶颈问题 分库分表原则剖析 &产生的问题剖析 电商系统亿级订单数据分库分表实战指导 一、分库分表概念 概念： 在数据爆炸的年代，单表数据达到千万级别，甚至过亿的量，都是很常见的情景。这时候再对数据库进 行操作就是非常吃力的事情了，se ......
abp框架Excel导出——基于vue
@@abp 到处 excel https://blog.51cto.com/u_15162069/2747885 https://www.cnblogs.com/JerryMouseLi/p/13399027.html abp框架Excel导出——基于vue 目录 abp框架Excel导出——基于v ......
java基于springboot+vue的漫画网站管理系统，附源码+数据库+lw文档+PPT，适合毕业设计、课程设计
**1、项目介绍** 考虑到实际生活中在漫画网站方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。 (a) 管理员；管理员使用本系统涉到的功能主要有：首页、个人中心、用户管理、漫画分类管理、漫画投稿管理、分类管理、排行榜管理、交流论坛、系统管理等功能。管理员用例图如图所示 ......
vue3+vant3封装省市区组件
因为后台返回的数据格式和vant不一致，所以自己遍历循环得到自己想到的格式。 省市区的接口并不是一个以children格式，一次性全部获取，而是选择市的时候需要得到省的id，一层一层请求接口才能得到省市区。 父组件： 1 <selectArea 2 @addressOnFinish="onChang ......
Vue学习笔记-快速入门
整体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input v-model="username"> < ......
高德地图web开发（vue项目）
在开发大屏中需要使用到高德地图，其中使用到的插件： ['AMap.InfoWindow', 'AMap.Marker', 'AMap.Polyline', 'AMap.Icon'] 点标记，绘制路线，信息窗体，icon 开发思路： 在开发中，因为多个途径点不确定数量，所以就放在一个数组中方便管理 起 ......
vue项目跨域和路由问题
一、vue跨域 跨域是浏览器的安全策略，当域名或端口跟目标网址不一致时就会触发。 详细可以去这看看：去看看 当开发阶段，如果出现跨域，因为默认node开发中的服务时127.0.0.1：5173 而请求后端时，地址肯定不是这个，就会触发跨域的问题。 开发中可以修改配置来解决这个问题 import { ......
华普物联HP-RSLORA-P507 RS232/RS485串口LORA数传终端
产品概述 HP-RSLORA-P507支持点对点通信协议的低频半双工 LoRa数传终端，使用RS232或RS485 进行收发，降低了无线应用的门槛，可实现串口到 LoRa 的数据互传。LoRa 具有传输距离远、功率密度集中、抗干扰能力强的优势。 定制化一体服务 公司介绍 公司简介 深圳华普物联科技是 ......
VScode显示字体-终端等宽全角字体修改半角
在ubuntu 下安装 VScode 启动终端 默认显示： 修改： 界面左下角 -- (齿轮图标) -- 设置 这是默认的： 修改成如下： 修改后用 Consolas 字体，点上面关闭设置选项卡 重启一下VScode就可以了 重启后的效果: 恢复默认字体： 在字体框里点击一下，选择字体项，出现 “齿 ......
vue elementui validate异步校验改成同步校验返回结果
异步的校验 <script> import { defineComponent, ref } from 'vue' export default defineComponent({ methods: { getFormDataStatus() { let result= ref(false) thi ......
shopify 前端学习
一、本地开发环境 1、 安装ruby和gem ruby 官网 https://rubyinstaller.org/downloads/ 安装下来之后一路同意安装就行了 安装完毕后输入 ruby -v 和 gem -v 查询 安装成功就会返回版本号 这样就是安装成功了 2、通过安装gem去安装 sho ......
如何搭建一个vue项目
一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载https://github.com/coreybutler/nvm ......
vue设置全局scss，报错
sass-loader版本问题引发的错误：options has an unknown property 'prependData'. These properties are valid 当前版本如下: "sass": "^1.32.7", "sass-loader": "^12.0.0", 原来 ......
前端-Vue语法使用
ES6 做为动态语言，感觉底层开始-基本类型就全引用。做为实例化的变量，也变得像指向指针的指针，可以随时切换指针，从而最终的数据类型也更着切换总的来说概念上会比较别扭。以及灵活导致的不确定性。底层都是对象，从对象的类型来搭建。 基本类型\ Primitive value Undefined，Null ......
Vue ElementUI中 table单元格使用多个Popover解决多行溢出隐藏鼠标悬浮提示问题
Popover的简单介绍 trigger属性用于设置何时触发 Popover，支持四种触发方式：hover，click，focus 和 manual。 对于触发 Popover 的元素，有两种写法：使用 slot=“reference” 的具名插槽，或使用自定义指令v-popover指向 Popov ......
最近遇到的一个问题 后端写好的接口，前端怎么获取数据
这是我后端的接口：GET 接口 这是我前端运行的项目地址： 简单使用： 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网：https://www.axios-http.cn/ 不过要在vue中使用它，就需要先安装 打开终端 输入一下命令 npm install axios 然后在需要使 ......
Nginx 常用的基础配置（web前端相关方面）
基础配置 user root; worker_processes 1; events { worker_connections 10240; } http { log_format '$remote_addr - $remote_user [$time_local] ' '"$request" $s ......
前端-VUE
工程化 这里要从node.js开始。 node.js要弄一个基于事件驱动、非阻塞I/O的的web服务，发现V8引擎+JavaScript很合适。这样Js就能直接写后端应用。然后发展成作为本地的运行容器(类似jdk)，将js导入到了本地运行领域。以此位基础，发展出了生态环境，里面关系挺绕的，各种轮子， ......
vue自定义组件——search-box
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value/v-model: 检索框的值, default: '' boxStyle: 检索框的样式, default: 'position: fixed; top: ......
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript）
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript） 1、项目介绍 项目使用：eslint + stylelint + prettier来对我们代码质量做检测和修复。 需要使用husky来做commit拦截 需要使用commitlint来统一提交规范 需要使用preinst ......
Vue的生命周期
var vm = new Vue({ el: "#app", // 在基础初始化完成之后，数据和事件配置之前调用 beforeCreate(){ console.log("beforeCreate") }, // 初始化全部完成，实例创建完成后立即调用 created(){ console.log( ......
JS逆向实战14——某小说网站 小说字数 和月票字体加密
本文地址： https://www.cnblogs.com/zichliang/p/17408064.html 本网站不算严格意义的逆向，只是爬虫的一个小手段。 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者 ......
VUE前端随笔计2
又是小白记录问题的一次，老规矩，还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码，对比别人的，发现自己的删多了，把这个补充回去就行了，具体意思不太明白，大概是给这个模型里面填充这行数据。 ......
简单聊两句前端模块化
在前端开发中，模块化是一种将代码拆分为独立模块的开发方法。它通过将功能相似或相关的代码组织成可复用、可维护的模块，以提高开发效率和代码质量。 模块化的主要目的是解决传统的JS开发存在的问题，例如全局命名冲突、代码复用困难、依赖管理混乱等。通过模块化，可以将代码拆分为独立的功能模块，每个模块都有自己的 ......