https nginx vue

要让浏览器缓存视频，您需要使用Nginx配置HTTP响应标头，告诉浏览器何时可以缓存视频以及缓存多长时间。以下是一个示例配置文件： server { listen 80; server_name example.com; root /var/www/html; location /videos/ { ......

本文环境，Amazon Linux release 2，全程用 root 用户。 前提是已经装好了 Nginx，并且有 --with-http_perl_module 模块。没有则参考添加 一、首先确认并安装 perl-FCGI rpm -qa | grep perl-FCGI yum instal ......

计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......

vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具： lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem 下面我们分别将这两个工具 ......

HTTPS对性能的影响 协议交互所增加的网络RTT 加解密相关的计算耗时 网络耗时 HTTPS的访问过程 计算耗时 浏览器计算耗时 服务器端计算耗时 HTTPS常见问题 https加密是不是需要我在电脑上安装证书 / 保存密码？ https不就是在http后面加了一个s，很难吗？ https解决了所 ......

前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......

<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......

HTTPS协议概述 HTTPS可以认为是HTTP+TLS TLS是传输层加密协议，它的前身是SSL协议 HTTPS功能介绍 内容加密 1、非对称密匙交换 2、对称内容加密 身份认证 1、数字证书 数据完整性 HTTPS使用成本 证书费用以及更新维护 HTTPS降低用户访问速度 消耗CPU资源，需要增 ......

简介 electron是一个开源的桌面端框架，上手快，界面美观，跨平台，但由于是封装的网页，性能一般，适用于一些追求外观，对性能要求不高的项目，此处记录基于electron-vue创建项目的全流程，前端使用vue，后端使用python，方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......

‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 产生原因： 项目下的node_modules文件损坏。 解决方案： 第一步：删除图片中的文件 第二步：在Terminal中运行yarn install或者npm install； 可能会报缓存问题： 清缓存：yarn cac ......

<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......

我们在开发一个功能是，经常会遇到从一个列表页面，点击列表项跳转到详情页面的需求，理想的情况下，从详情页面返回到列表页，应该回到跳转前的状态，可以继续浏览其他内容；但是在没做任何处理的情况下，返回列表页后，列表页会被刷新，回到初始的状态，这就与我们的预设不符；为了实现这样的需求，我们需要使用keep- ......

安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......

Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 ......

1、MVVM 思想 M：即 Model，模型，包括数据和一些基本操作 V：即 View，视图，页面渲染结果 VM：即 View-Model，模型与视图间的双向操作（无需开发人员干涉） 在 MVVM 之前，开发人员从后端获取需要的数据模型，然后要通过 DOM 操作 Model 渲染 到 View 中。 ......

EasyCVR平台兼容性强、灵活度高，我们也提供了丰富的API接口及SDK供用户二次开发、集成与调用。平台可以实现基于云、边、端架构的视频融合能力、AI智能检测分析及算力的精细化调度等能力，应用场景十分广泛，如：城市“一网统管”、智慧工厂、智慧工地、智慧园区、智慧社区等。 ......

使用路径别名引用相关组件时，报出了TS错误提示！ 错误信息（图片）： Vite中路径别名相关的配置： import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import path from 'path'; ......

在基于vue-next-admin 的 Vue3+TypeScript 前端项目中，可以整合自己的 .NET 后端，前端操作一些功能的时候，为了使用方便全局挂载的对象接口，以便能够快速处理一些特殊的操作，如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initRender进行剖析，参数合并完成之后就开始了初始化生命周期。 initRender initRender位于src/core/instance/render ......

背景：由于配置公司的vue2项目，什么东西都用不了很烦，我就重新卸载了vue2.9.6，参考文档：https://blog.csdn.net/qq_48736958/article/details/111405591 步骤： 1、卸载原有的版本，首先打开cmd，查看现有的vue版本 $ vue -- ......

vue3 带来的变化 vue3 的发布时间 2020/09/19。 优点：更好的性能、更小的包体积、更好的 TypeScript 集成、更优秀的 API 设计。 options API->CompositionAPI，由选项 API 到组合 API。 学习方式： 官方文档 看书学习，书的质量要高，你 ......

VUE3 学习记录 模板语法 绑定文本值 <p>Using text interpolation: {{ rawHtml }}</p> <p>Using v-html directive: <span v-html="rawHtml"></span></p> 绑定 Attribute <div v- ......

本文所使用的环境信息如下： windows11 (主机系统) virtual-box-7.0环境下的ubuntu-18.04 nginx-1.22.1 (linux) 斜杠结尾之争 实践中，nginx里最常用的指令就是location和proxy_pass了。前者用于为不同请求uri指定不同ngin ......

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充） --> <slot name="center">我是一些默认值，当使用 ......

默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充） --> <slot>我是一些默认值，当使用者没有传递具体结构时 ......

vue2之对象属性的监听的一些总结 对象属性监听的两种方法： 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......

报错问题 情况说明：在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......

首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签，因为别的标签可能会失效 <script set ......

<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......