https nginx vue
Vue 倒计时小组件
商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠，这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法，循环的不断调用清除调用清除，具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
vue3引入使用svg图标
vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
Nginx reload重新加载配置文件的异常情况
Nginx reload重新加载配置文件的异常情况 背景 临近年底, 很多业务工作量都上来了. 今天同事告知, nginx的log 里面出现了大量的 too many openfiles 的提示信息. 并且同事明确说明, 已经修改了/etc/secuirty/limits.conf 以及 worke ......
linux环境docker安装使用nginx
1、docker search nginx 命令来查看可用版本 $ docker search nginx NAME DESCRIPTION STARS OFFICIAL AUTOMATED nginx Official build of Nginx. 3260 [OK] jwilder/nginx ......
vue2.5.2设置二级目录访问
vue发布到IIS后，需要通过二级域名访问： 1、找到config->index.js 节点assetsPublicPath，设置你要的二级域名名称 2、IIS创建站点后，在站点下添加应用程序web （跟上面同名） ......
vue js 引入sdk，思路代码整理 app.vue引入
代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 将百度地图或者高德地图组件化
一、前言 百度地图已经有了 react 相关的组件库，本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉，百度地图 webgl、高德地图都是一样的，因为底层都是通过 js 控制地图 如果用组件的方式开发，比如我将 BMap.Marker 作为一个组件，我暴露一个参数position，其目的是 ......
OpenEuler22.03源码编译安装nginx1.24.0
一、环境说明 操作系统版本：OpenEuler22.03 SP2 LTS Nginx版本：1.24.0 安装位置：/app/nginx Selinux配置：关闭或设置为permissive 二、Nginx安装 # 安装必要依赖 dnf -y install tar gcc make pcre pcr ......
自动查询12306余票，结果以txt形式放到nginx网站目录下
1 #!/bin/bash 2 3 # yum install glibc-common jq 4 5 6 date=2024-01-01 7 from=BJP 8 to=HBB 9 10 echo -en "$date from $from to $to \n查询时间：$(date)\n\n" > ......
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK 2. 在 ......
vue中get和post请求
vue中和后台交互，首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中ｇｅｔ请求 function ......
window本机搭建https环境(两种方式)
一、（方式一）通过openssl 安装ssl证书搭建https 1.下载openssl http://slproweb.com/products/Win32OpenSSL.html2.安装之后配置环境变量 OPENSSL_HOME …\bin Path变量末尾加;%OPENSSL_HOME%3. 创 ......
Nginx 轻松搞定跨域问题 ！
Nginx 轻松搞定跨域问题 ！ 当你遇到跨域问题，不要立刻就选择复制去尝试，请详细看完这篇文章再处理，我相信它能帮到你。 分析前准备： 前端网站地址：http://localhost:8080 服务端网址：http://localhost:59200 首先保证服务端是没有处理跨域的，其次，先用po ......
Only the invariant culture is supported in globalization-invariant mode. See https://aka.ms/GlobalizationInvariantMode for more information
错误信息：全球化不变模式只支持不变文化。看见https://aka.ms/GlobalizationInvariantMode了解更多信息 修改引用配置即可：<InvariantGlobalization>true</InvariantGlobalization> 改为false Only the ......
vue3+lottie实现动画
1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题
路由的 两种传参方式： 一： 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二： 编程式 $router.push(...) //该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 不带参数写法： // 字符串（对应 ......
封装一个表情包组件（支持自定义表情图片）（基于vue3语法）
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
vue3.0之表格拖拽-最简单的表格(不带层级/树级)
const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......
vue前端node内存溢出问题解决
前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......
vue项目创建和插件依赖安装
1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖： npm install bootstrap npm install @po ......
nginx安装
Nginx 安装nginx服务 1、下载gz包 [root@iZbp12a5l01zppu6gcybreZ nginx]# wget https://nginx.org/download/nginx-1.24.0.tar.gz 2、解压 [root@iZbp12a5l01zppu6gcybreZ n ......
Nginx日志规则以及根据日志进行性能问题判断的思路
Nginx日志规则以及根据日志进行性能问题判断的思路 背景 Nginx是开源方案里面能实现反向代理 负载均衡的首选. 但是有时候性能出问题比较难以分析和定位, 不知道是不是nginx的瓶颈 性能问题的种类其实非常多,核心其实就是等待事件和等待事件. 回到nginx的主题, 其实本质就是 nginx自 ......
Vue检测密码复杂度方法
Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......
nginx升级演示
首先查看咱们的nginx版本 通过nginx -V 下载新的版本，通过这个rz [root@localhost nginx-1.20.2]# tar -zxvf nginx-1.12.0.tar.gz [root@localhost nginx-1.20.2]# cd nginx-1.12.0/ 配 ......
VUE
一、Vue定义及简介 1、Vue定义 关于Vue简介，百度百科给出的解释是：Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单 ......
yum安装的nginx如何安装其他模块
yum安装nginx没有某一模块，该如何添加第三方模块？ 本文将以添加--with-stream模块为例，演示如何去添加新的模块进去。 需求：生产有个接口是通过socket通信。nginx1.9开始支持tcp层的转发，通过stream实现的，而socket也是基于tcp通信。 实现方法：Centos ......
nginx灰度系统
灰度系统简介 一般软件开发都不是最终版本交付，而是有一个版本接着一个版本的迭代 新版本上线之前都会经过测试，但就算这样，也不能保证上线没有问题 所以，一般上线新版本代码都是通过灰度系统 灰度系统可以将流量划分成多份，一份走新版本代码，一份走老版本代码 而且灰度系统支持设置流量的比例，比如可以把走新版 ......
Vue脚手架中加入Vuex全局状态管理中间件
WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......
配置Https访问
背景： 因为https工作工程中使用很多次了，今天给国产机上的tomcat进行部署的时候，发现一个报错，提示配置的协议无效，故记录下处理方法，也记录下整个https的配置过程。 报错内容： 这个问题其实在window环境上部署的时候也出现过，windows环境上的解决方式是添加一个本地库tcnati ......
nginx配置正向代理
# nginx tar包下载地址 http://nginx.org/download/ 先说nginx正向代理配置： server { listen 3128; # dns resolver used by forward proxying resolver 114.114.114.114; # f ......