简要netcore nginx vue

centos7下载安装nginx

一、下载准备工作 Nginx安装版本:nginx-1.24.0.tar.gz Linux环境:先执行这个 yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel 二、安装nginx 1、把nginx安装包放到 ......
centos7 centos nginx

vue学习笔记(借鉴其他笔记不是本人书写)

文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox ......
笔记 vue

panjiachen的vue-admin-template中关闭eslint

由于有语法检查,所以我想关闭eslint 低版本: 在conf/index.js中将 useEslint改为 flase 高版本: 在.eslintrc.js中有rules,这里边都是eslint的校验规则,如果你不想有校验,可以直接将rule括号中的规则都注释掉 ......

vue3 watch

const filterCommandList = computed(() => { timerList.value.forEach((item) => clearInterval(item)); timerList.value = []; let data = repeatReminderList ......
watch vue3 vue

vue-cli前端项目H5开发备忘录

vue脚手架安装1、安装vue脚手架时,使用工具命令vue init webpack vue1创建vue项目 ①从github仓库中下载vue-templates/webpack,然后解压到本地 下载地址:https://github.com/vuejs-templates/webpack ②下载完 ......
备忘录 前端 vue-cli 项目 vue

如何使用Nginx让网站快速置灰

如何使用Nginx让网站快速置灰 查看当前编译的版本是否支持http_sub_module模块,如果不支持需要重新编译增加此模块。 nginx -V 修改nginx.conf配置,在http{}中增加以下两行。 http { sub_filter '</head>' '<style type="te ......
Nginx 网站

手撕Vue-Router-初始化路由信息

前言 经过上一节课的学习,我们已经完成了提取我们想要的路由信息数据格式,提取完毕了之后,接下来我们该干什么,接下来需要做的步骤就是监听路由的变化,保存当前的路由。 那么就会遇到几个问题,就是怎么监听,怎么保存,我们先回到 VueRouter 的官方文档,点击右上角的 API 参考,然后拖动到底部,在 ......
路由 Vue-Router Router 信息 Vue

SpringBoot + Vue实现分页查询

后端 在controller层修改 SpringBoot自带分页查询方法,只需要修改关键代码就可以 @GetMapping("/findAll/{page}/{size}") //获取url输入的页码 public Page<Users> findAll(@PathVariable("page") ......
SpringBoot Vue

vue3所遇问题

1. table表格无边框数据乱飞 解决方法 : 将 import { } from 'Element plus ' 删去 2.表单无法输入内容 解决方法 : ref="form" :model="form333" ref与:modle 不可重名 ......
问题 vue3 vue

Vue中的Vuex

概述 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 对于组件间的通信方式而言,vuex也是一个可以进行任意组件通信的方法。 使用场景: 某个状态在很多组件来使用(个人信息) 多个组 ......
Vuex Vue

vue 检测可视区域大小及是否改变

表格height:'auto',如果是只有一个vxe-grid还好,会自动伸展高度,但是多个展示的时候,比如左侧列表,右侧显示一个流程。 这样height:'auto',发现不太好使。 这样就要计算可视区域高度,并进行动态处理。 const areaHeight = ref(0); onMounte ......
大小 区域 vue

VUE+Element UI

el基本标签 Vue集成 Element Ul Element Ul后台管理系统主要的标签: el-container:构建整个页面框架。 el-aside:构建左侧菜单。 el-menu:左侧菜单内容,常用属性:default-openeds:默认展开的菜单,通过菜单的index值来关联。:def ......
Element VUE UI

nginx出现很多进程,怎么杀掉进程。

linux关闭nginx的方法:1、利用“ps -ef | grep nginx”命令查看nginx进程后,利用“kill -QUIT 进程号”关闭nginx即可;2、利用“kill -TERM 999”快速杀死进程即可;3、利用“pkill -9 nginx”强行停止进程即可。4、利用“kill ......
进程 nginx

前端vue经典面试题78道(重点详细简洁)

前端vue经典面试题78道(重点详细简洁) 目录 1.自我介绍 2.vue面试题 1.v-show和v-if区别的区别: 2.为何v-for要用key 3.描述vue组件声明周期mm 单组件声明周期图 ​父子组件生命周期图 4.vue组件如何通信 5.描述组件渲染和更新的过程 1、vue 组件初次渲 ......
前端 重点 经典 vue

vue jsx相关的各种各样的包

babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-plugin-js-v-model @vue/babel-plugin-jsx requires @babel/plugin-syntax-jsx @vue/babel-plug ......
各种各样 vue jsx

记录--用了那么久的Vue,你了解Vue的报错机制吗?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue的5种处理Vue异常的方法 相信大家对Vue都不陌生。在使用Vue的时候也会遇到报错,也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗?vue 是如何处理异常的呢?接下来和大家介绍介绍,Vue是如何处理 ......
Vue 机制

Nginx配置Websocket

WebSocket 和HTTP虽然是不同协议,但是两者“握手”方式兼容。通过HTTP升级机制,使用HTTP的Upgrade和Connection协议头的方式可以将连接从HTTP升级为WebSocket。 Websocket 使用 ws 或 wss 的统一资源标志符,类似于 HTTPS,其中 wss ......
Websocket Nginx

vue弹窗中嵌入iframe页面,焦点在iframe页面中,需要监听esc按键关闭弹窗

当焦点在弹窗中,点击esc按钮能正常关闭弹窗,但是当焦点在iframe页面中时,esc按键就不生效了 试错: 直接使用 document.addEventListener('keydown', this.listenerHandle)或者document.querySelector('#iframe ......
页面 iframe 按键 焦点 vue

vue必问核心面试题(vue2),下篇更新vue3面试题

Vue 面试题 v-if 和 v-show 的区别。 在频繁切换使用的场景建议用v-show<p style="display: none;">B</p>DOM会渲染所有的v-show,用不到就style="display: none;"​ 为何 v-for 中使用 key(要说明原理)? 描述 V ......
vue 下篇 核心 vue2 vue3

nginx安装

1.安装、 cd /usr/nginx wget http://nginx.org/download/nginx-1.9.2.tar.gz tar -xzvf nginx-1.9.2.tar.gz cd /usr/nginx/nginx-1.9.2 ./configure --prefix=/usr ......
nginx

nginx遇到的坑

1) 自定义请求头获取不到 请求头request_token中包含'_'字符,会nginx过滤掉。默认情况下,underscores_in_headers为off,表示当客户端请求头中带有下划线的字段默认将会被标识为无效字段。 解决方案 添加如下配置: http { underscores_in_h ......
nginx

NGINX+keepalived+http(web服务器)高可用与负载均衡架构

一、服务器搭建策略单机模式: 只有一台应用服务器,组成一个单机模式优点:简单方便(搭建、运营、维护)缺点:不能出故障(停电、断网、系统崩溃、硬件老化、性能瓶颈)应用场景:小型项目(几十个人)集群(cluster)模式:有一个应用服务器集群(cluster),由很多应用服务器组成一个集群 二、服务器三 ......
keepalived 架构 服务器 NGINX http

VUE中选项式API和组合式API讲解。

Vue.js 提供了两种主要的 API 风格:选项式 API(Options API)和组合式 API(Composition API)。这两种 API 风格可以用来编写 Vue 组件,但它们在组织代码、复用逻辑和组件结构等方面有不同的方式。 选项式 API 是 Vue.js 最早引入的 API 风 ......
API VUE

vue面试题_vue2和vue3的区别

1、数据绑定原理不同 vue2:vue2的数据绑定是利用ES5的一个API:Object.definePropert() 对数据进行劫持,结合发布订阅模式的方式来实现的。 vue3:vue3中使用了ES6的Proxy API对数据代理。相比vue2.x,使用proxy的优势如下: definePro ......
vue vue2 vue3

Vue 项目每次发版后要清理浏览器缓存 问题

configureWebpack: { // provide the app's title in webpack's name field, so that // it can be accessed in index.html to inject the correct title. name: ......
缓存 浏览器 项目 问题 Vue

nginx+keepalived+http高可用和负载均衡:(实验)

1.先NGINX负载均衡(2台)一模一样,客户端设置域名解析,负载均衡器的名称www.web.com YJ.li 容器 数据库 自动化 网站架构 管理 Nginx-keepalived+Nginx实现高可用集群 Keepalived+Nginx 高可用集群(主从模式)# 集群架构图: 说明:Keep ......
keepalived nginx http

vue3 ts 父子 组件小例子

<project-tab ref="projectTabRef" v-model="form.projectVO" :data="parentToChild" @update="updateHandler"></project-tab> //引用组件 const ProjectTab = defin ......
父子 组件 例子 vue3 vue

ant design vue 1.x 和 3.x 自定义表单示例

以下是项目中用到的自定义表单的写法,vue2 vue3 各记录一个。 1.x(For vue2) 自定义表单的示例 实现如下图的控件 代码如下: import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import { ......
表单 示例 design ant vue

Nginx+keepalived实现nginx高可用

1,keepalived工作原理 nginx的安装已有现成文档,就不重新编写文档了 本文讲述主、从服务器各一台 2, 主、从服务器上安装keepalived 1.使用yum安装keepalived yum -y install keepalived 2.查看keepalived是否安装成功,出现版本 ......
keepalived Nginx nginx

clion nginx remote debug 简单说明

社区有人共享了一个基于clion 通过gdb server 进行nginx 调整远程调试的实践,很不错值得学习下具体参考https://www.jianshu.com/p/3c2fdb06de9e 但是实际上我们可以直接自己配置基于clion 启动 remote nginx 调整 如下(核心是自己添 ......
remote clion nginx debug