简要netcore nginx vue

vue 将百度地图或者高德地图组件化

一、前言 百度地图已经有了 react 相关的组件库,本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉,百度地图 webgl、高德地图都是一样的,因为底层都是通过 js 控制地图 如果用组件的方式开发,比如我将 BMap.Marker 作为一个组件,我暴露一个参数position,其目的是 ......
地图 组件 vue

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 ......
OpenEuler 源码 nginx1 22.03 nginx

自动查询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" > ......
形式 结果 目录 12306 nginx

vue3+ts打开echarts的正确方式

实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
echarts 方式 vue3 vue ts

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function ......
post vue get

Nginx 轻松搞定跨域问题 !

Nginx 轻松搞定跨域问题 ! 当你遇到跨域问题,不要立刻就选择复制去尝试,请详细看完这篇文章再处理,我相信它能帮到你。 分析前准备: 前端网站地址:http://localhost:8080 服务端网址:http://localhost:59200 首先保证服务端是没有处理跨域的,其次,先用po ......
问题 Nginx

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 ......
动画 lottie vue3 vue

Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题

路由的 两种传参方式: 一: 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二: 编程式 $router.push(...) //该方法的参数可以是一个字符串路径,或者一个描述地址的对象。 不带参数写法: // 字符串(对应 ......
参数 router push 路由 问题

封装一个表情包组件(支持自定义表情图片)(基于vue3语法)

效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
表情 语法 组件 图片 vue3

vue3.0之表格拖拽-最简单的表格(不带层级/树级)

const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......
表格 层级 vue3 vue

vue前端node内存溢出问题解决

前端项目运行时,如果经常运行慢,崩溃停止服务,报如下错误: FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory (JavaScript堆内存不足) 原因: 因为在 Node 中,通过Ja ......
前端 内存 问题 node vue

NetCore高级系列文章04---async、await原理揭秘

async、await本质上是C#提供的语法糖,编译器编译后是状态机的调用。 先看如下的一段代码,要main方法中调用了三个await方法 将此dll进行反编译为4.0的代码如下: 可见到两个Main方法,也就是说我们在程序中Main方法上加了async关键词,编译器会编译成一个是异步的一个是非异步 ......
原理 NetCore 文章 async await

vue项目创建和插件依赖安装

1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖: npm install bootstrap npm install @po ......
插件 项目 vue

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的主题, 其实本质就是 nginx自 ......
日志 思路 性能 规则 问题

Vue检测密码复杂度方法

Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......
复杂度 密码 方法 Vue

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/ 配 ......
nginx

VUE

一、Vue定义及简介 1、Vue定义 关于Vue简介,百度百科给出的解释是:Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单 ......
VUE

yum安装的nginx如何安装其他模块

yum安装nginx没有某一模块,该如何添加第三方模块? 本文将以添加--with-stream模块为例,演示如何去添加新的模块进去。 需求:生产有个接口是通过socket通信。nginx1.9开始支持tcp层的转发,通过stream实现的,而socket也是基于tcp通信。 实现方法:Centos ......
模块 nginx yum

nginx灰度系统

灰度系统简介 一般软件开发都不是最终版本交付,而是有一个版本接着一个版本的迭代 新版本上线之前都会经过测试,但就算这样,也不能保证上线没有问题 所以,一般上线新版本代码都是通过灰度系统 灰度系统可以将流量划分成多份,一份走新版本代码,一份走老版本代码 而且灰度系统支持设置流量的比例,比如可以把走新版 ......
灰度 系统 nginx

Vue脚手架中加入Vuex全局状态管理中间件

WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......
脚手架 中间件 全局 状态 Vuex

nginx配置正向代理

# nginx tar包下载地址 http://nginx.org/download/ 先说nginx正向代理配置: server { listen 3128; # dns resolver used by forward proxying resolver 114.114.114.114; # f ......
nginx

nginx代理 yum 源

我们在安装centos 服务器时,可能会有以下情况: 局域网内有若干台服务器,但是只有一台服务器可以连接外网,其余服务器都不可以连接外网,但通过局域网与外网机器联通。 那么我们再使用 yum 安装软件时,可以采用以下方式 搭建本地 yum 源 使用nginx 代理 yum 源 介绍使用方法2。方法1 ......
nginx yum

SpringBoot:整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行

获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包,生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
SpringBoot 前端 代码 项目 React

初识php之 nginx + php

下载php: http://windows.php.net/download/ 添加环境变量: 配置php.ini文件 如果没有php.ini文件则可以复制php.ini-development文件重命名为php.ini文件 找到doc_root 修改为 项目文件夹注意不要用反斜杠作为路径分隔符 检 ......
php nginx

vue2中 watch和computed的区别

计算属性(Computed): computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的,不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法,可以更灵 ......
computed watch vue2 vue

重学Vue之 死磕原理

学习一个技术,最好的入手是从一个问题开始, 问:为什么这个Vue代码在created()或mounted()执行完查询后,此时的transactionList还是undefined呢? <template> {{transactionList}} <div v-for="(v,k,i) in tra ......
原理 Vue

vue2添加反向代理解决跨域问题

编辑项目的vue.config.js 文件 devServer: { proxy: { '/api': { target: 'http://127.0.0.1:5000', // 反代地址 changeOrigin: true, pathRewrite: { '^/api': '' // 重写路径 ......
问题 vue2 vue

使用命令行创建vue3+Typescript的uni-app

目录创建项目扩展组件uni-ui安装配置easycom安装pinia报vue.hasInjectionContext is not a function 更具该文档创建好的模板:GitHub仓库地址,克隆下来安装依赖即可 创建项目 官方文档--创建uni-app 以创建vue3+ Typescrip ......
Typescript 命令 uni-app vue3 vue

nginx安装

1、依赖检查 (1) 检查gcc环境:执行命令: gcc -v,如果没有安装gcc编译器则会提示“Command not found” 如果gcc 不存在则安装依赖,执行命令:yum install gcc-c++ (2) 检查pcre环境:执行命令: rpm -qa pcre 如果pcre不存在则 ......
nginx