简要netcore nginx vue
vue解析上传的json文件信息
1.模版 <a-upload name="layoutFile" v-model:file-list="fileList" @change="importModules" accept="*" :showUploadList="false" :customRequest="() => {}" :he ......
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
Vue2 的@hook 、 hook: 与生命周期
如何实现父组件监听子组件的生命周期 方法一：$emit // 父组件 <template> <div> <Child @mounted="onMounted" @updated="onUpdated" @beforeDestroy="onBeforeDestroy" ></Child> </div> ......
如何使用Visual Studio 2022创建基本Vue.js.Web应用程序
最近接了个物联网项目，需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客（HTML +CSS +Jscript）。 跟着 ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
基于vue2开发的html5页面实现微信分享卡片（微信好友+朋友圈+qq好友+qq空间）
首先附上文档链接： 1.微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网：https://cli.im/text/other 需求： 在浏览器分享链接时 ......
vue中孙子调用爷爷组件的方法怎么调用?
使用Vue的provide和inject来实现跨层级的组件通信。 provide允许一个祖先组件（爷爷组件）提供数据， 而inject允许子孙组件（孙子组件）在任意层级注入这个数据。 通过这种方式，你可以在孙子组件中访问到爷爷组件提供的方法。 以下是一个简单的例子： // 在爷爷组件中提供方法 ex ......
nginx搭建SRS-HLS分发集群
1、NGINX Edge Cluster NGINX边缘集群，本质上就是带有缓存的反向代理，也就是NGNIX Proxy with Cache。 只需要配置NGINX的缓存策略就可以，不需要额外插件，NGINX本身就支持： 在/etc/nginx/conf.d下新建： vi ngins-srs-ca ......
a-table(AntDesign Vue)实现表格行上下拖动排序
参考链接： https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel ......
vue中this.$set()的使用
data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，而页面并不会改变 原因是vue监听不到数据类型特别复杂的属性。 可以使用this.$set()来进行强制更新，进而解决问题 ......
nginx中增加自定义的header，并且在nginx的日志中显示这个header的具体的值
1、需求说明 有的时候，为了进行某些特性的调试，需要增加自定义的header。 那么，要去测试这个header是否真的加成功了，后面某些的设置，需要使用这个值。 怎么办呢？ 使用日志的方式，看nginx到底，有没有获得这个值。 2、配置过程 2.1 谷歌浏览器使用插件，增加header 插件名字： ......
nginx：Failed to start nginx.service:unit not found
nginx：Failed to start nginx.service:unit not found - 知乎 (zhihu.com) 错误的原因就是没有添加nginx服务，所以启动失败。 解决方法： 1. 在/root/etc/init.d/目录下新建文件，文件名为nginx 或者用命令在根目录下 ......
vue webpack 配置babel es6转化转化es5
1、安装相关依赖 npm i -D @babel/core@7.12.3 npm i -D @babel/preset-env@7.12.1 npm i -D babel-loader@8.0.6 // 语法中有 async await 等 npm i -D @babel/plugin-transf ......
uni-app 基础架构搭建 ts+vue3 命令行
1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
Vue + Element 实现按钮指定间隔时间点击
1、业务需求 需要加一个按钮，调用第三方API，按钮十分钟之内只能点击一次，刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳，通过时间戳计算指定时间内不能点击按钮 3、实现 1）vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
nginx-otel 来自nginx 官方的otel 模块
nginx-otel 是来自nginx 官方团队的otel 模块，可以实现方方便的tracing 说明 注意按照官方的说法开启会有10-15%左右的性能损耗，但是比一些三方社区实现好，此项目是基于c++ 开发的，同时试用了cmake进行构建也算是一个不错的cmake nginx 构建学习项目了 参考 ......
vue + 无限滚动不同高度
<div class="exbox" style="height:461px;overflow:auto" @mouseenter="handleMouseEnter()" @mouseleave="handleMouseLeave()"> <div class="main rollul" ref= ......
vue3
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
【源码系列#03】Vue3计算属性原理（Computed）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数，返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
uniapp使用vue3+ts的聊天对话框
先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......
vue引入echarts
我用的是vue脚手架 版本是vue2 首先下载vue npm install --save echarts 执行这个命令 如果报错 vue中有提示 加上--force 或者 --legacy-peer-deps main.js中配置 import * as echarts from 'echarts ......
Vue 配置.env.pro和.env.dev文件
1、Vue2 配置 1.1 新建文件 .env.development VUE_APP_BASEURL='http://localhost:8081' .env.production VUE_APP_BASEURL='http://localhost:8082' 1.2 访问 import Vue ......
模数电简要知识
模数电简要知识 一、模拟电路 1、二极管 特性：正向导通反向截止。电压电流非线性。电流(正电荷)方向是从P流向N。 参数：工作电流。 二极管分类：比如 稳压二极管、续流二极管、发光二极管 …… 八个发光二极管构成一个表示一位数字的数码管。数码管分为共阴和共阳。 问：共阴和共阳怎么理解？ 2、三极管（ ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
2023最新高级难度vue面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-高级难度vue面试题合集 问: 如何在 Vue.js 中实现代理？ 在 Vue.js 中，可以使用 vue-resource 或 axios 库来实现代理。以下是实现的基本步骤： 安装 vue-resource 或 axios 库。可以通过 npm 或 yarn ......
vue 中scope 不管用
  应用可以提高 SEO（搜索引擎优化），同时改善首屏加载速度。以下是构建 SSR 应用的具体步骤： 设置环境：首先，确保已经 ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
VUE3引入pinia配置使用
文档：https://pinia.vuejs.org/zh/introduction.html 1.引入pinna npm install pinia -S 2.在src文件里面创建store文件article.js 在main.js中引用pinna import { defineStore } f ......