简要netcore nginx vue
Vue 核心(二)
Vue 核心(二) 八、 绑定样式 1、 class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>样式绑定</title> <script type="text/javascript" src="../j ......
Nginx 重写功能(location / rewrite)
目录 一、Nginx常见模块 二、访问路由location 2.1 location常用正则表达式 2.2location的分类 2.3location 常用的匹配规则 2.4location优先级排列说明 2.5location 示例 2.6location 优先级总结 2.7实例 2.7.1lo ......
推荐一个前后端分离.NetCore+Angular快速开发框架
今天给大家推荐一个开源项目,基于.NetCore开发的、前后端分离、前端有Vue、Angular、MVC多个版本的快速开发框架。 项目简介 这是一个基于.NetCore开发的快速开发框架,项目采用模块化架构、最新的技术栈、项目高度封装了依赖注入、日志(Log4net、Nlog)、缓存(Redis)、 ......
vue使用&Mac+idea的vue开发环境配置参考
vue使用&Mac+idea的vue开发环境配置参考 链接:https://blog.csdn.net/weixin_43123409/article/details/125624203 ......
Vue中路由的创建、跳转
一、创建路由 1、先创建一个route.js文件,创建路由,导出路由。 //创建路由,从vue-router中导入两个方法。 import {createWebHistory,createRouter} from "vue-router"; //导入需要跳转页面的文件 import FlexWork ......
记录--Vue 3 中的极致防抖/节流(含常见方式防抖/节流)
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 今天给大家带来的是Vue 3 中的极致防抖/节流(含常见方式防抖/节流)这篇文章,文章中不仅会讲述原来使用的防抖或节流方式,还会带来新的一种封装方式,使用起来更简单、更清晰。 前言 在前端的开发过程中,在涉及到与用户交互的过程中是基本上都 ......
使用copilot生成vue响应式原理
// 生成vue的响应式原理 function defineReactive(obj, key, val) { // 递归 observe(val); // 创建Dep实例 const dep = new Dep(); Object.defineProperty(obj, key, { get() ......
Linux&Nginx16_Nginx负载均衡6
一、负载均衡概述 在网站创立初期,我们一般都使用单台机器对外提供集中式服务。随着业务量的增大,我们一台服务器不够用,此时就会把多台机器组成一个集群对外提供服务,但是,我们网站对外提供的访问入口通常只有一个,比如 www.web.com。那么当用户在浏览器输入www.web.com进行访问的时候,如何 ......
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 ......
nginx 压力测试
ab 安装部署 yum -y install httpd-tools -c 用户数 -n 请求数 [root@localhost ~]# ab -c 10 -n 100 http://112.21.11.79/index.html This is ApacheBench, Version 2.3 < ......
在js、vue中使用方法调用a标签
<el-button type="primary" style="width:130px" @click="shout"> <a :href="跳转页面地址" style="color:#fff" id="test">超链接</a> </el-button> methods: { shout() { ......
Vue3中的Vuex
store.js //vuex import { createStore } from 'vuex' export default createStore({ state: { num:1 }, mutations: { /** * @description: 修改num成新的num * @pa ......
Vue3综合使用案例
父组件 <template> <h3>父组件</h3> <div>{{ num }}</div> <div ref="box">使用ref获取dom</div> <div>watch监听数据-{{ watchVal }}</div> <about-view ref="child" :datas="n ......
Nginx 重写功能(location / rewrite)
一、Nginx常见模块 http http块是Nginx服务器配置中的重要部分,代理、缓存和日志定义等绝大多数的功能和第三方模块的配置都可以放在这模块中。作用包括:文件引入、MIME-Type定义、日志自定义、是否使用sendfile传输文件、连接超时时间、单连接请求数上限等。 server ser ......
Nginx服务优化与防盗链
一、隐藏nginx版本号 1.1查看版本号 方法一:curl命令 可以在 CentOS 中使用命令 curl -I http://192.168.59.118 显示响应报文首部信息。 curl -I http://192.168.59.118 方法二:在网页中查看 1. #切换至html目录,拖一个 ......
vue table type=select列不能使用if判断
因为当前这个selection用【querySource】字段状态来判断显示和隐藏,在el-table标签里需要加:key=“querySource” ......
Nginx的搭建与核心配置
nginx是什么? nginx是俄罗斯人 Igor Sysoev为俄罗斯访问量第二的Rambler.ru站点开发的一个十分轻量级的HTTP服务器。它是一个高性能的HTTP和反向代理服务器,同时也可以作为IMAP/POP3/SMTP的代理服务器。nginx使用的是BSD许可。 Nginx 以事件驱动的 ......
优化 vue 使用 webpack 打包,出现的缓存问题 及 项目部署问题
https://blog.csdn.net/qq_39264561/article/details/124844878 ` const path = require("path"); const webpack = require("webpack"); const timeStamp = new ......
Nginx反向代理丢失cookie问题处理
1.host、端口转换,路劲不变,cookie不会丢失location /sjzt { proxy_pass http://127.0.0.1:9081/sjzt;}通过浏览器访问http://127.0.0.1/sjzt时,浏览器正常发送cookie。2.路径发生变化,cookie丢失locati ......
vue配置src为@
步骤1:配置jsconfig.js 位置:项目根目录/jsconfig.js { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, // @ 不能在以下目录的文件中使用 "exclude": ["node_m ......
Unknown custom element: <el-tabs> - did you register the component correctly? For recursive components, make sure to vue.runtime.esm.js?c320:619provide the "name" option.
mad 从官网上扒下来的 一模一样就是一直报错 然后一直百度 百度上的答案五花八门 没一个有用的 草!!!!! 这个原因就是你没有在项目中引入element-ui 所以你用它的组件会报错 第一步 npm i element-ui -S 第二步 在main.js里面加入 import ElementU ......
Vue脚手架学习笔记
title: Vue脚手架 date: 2023-03-06 15:10:21 tags: Vue 一、 脚手架文件结构 |--node_modules |--public | |--favicon.ico:页签图标 | |--index.html:主页面 |--src | |--assets:存放 ......
vue组件化开发---插槽的使用
插槽基本介绍 在开发中,我们会经常封装一个个可复用的组件: 前面我们会通过props传递给组件一些数据,让组件来进行展示; 但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素; 比如某种情况下我们使用组件,希望组件显示的是一个按钮,某种情况下我们使用组 ......
Vue根据时间戳制作倒计时15分钟
废话不多说直接上代码 <script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', nowTime: '', orderList:[ {addTime:'2023.03.27 13 ......
Nginx服务优化与防盗链
目录 一、隐藏nginx版本号 1.1查看版本号 方法一:curl命令 方法二:在网页中查看 1.2隐藏版本信息 方法一:修改配置文件 方法二: 修改源码文件,重新编译安装 二、修改用户与组 三、缓存时间 四、日志分割 五、连接超时 六、更改进程数 七、网页压缩 八、配置防盗链 8.1 网页准备 8 ......
vue "vue-awesome-swiper": "^4.1.1" 的使用
<!-- swiper1 --> <swiper class="swiper gallery-top" :options="swiperOptionTop" ref="swiperTop"> <swiper-slide v-for="item in img_list" :key="item.id" ......
开源: golang+vue的论坛 和 node+react的IM系统
最近基于开源做了两个自己系统 都是UI非常好看的 我将两个系统的数据互通了 附带了一些产品思考 只需要一个邮箱就可以登录 无密码 无手机号 尽量简化流程 第一个论坛 站点 https://bulita.cn 现在主要是聚合招聘信息 目标是尽可能降低招聘和求职的门槛 以上海和远程工作为主 开源地址 h ......
vue+Element-ui实现表格拖拽排序功能
1、首先需要下载sortablejs第三方包 2、在需要排序的页面文件里引入: import Sortable from 'sortablejs' data() { return { apiObjDrag: [], productList:[],整个列表数据项 } }, methods:{ //行- ......
flask-结合vue2小案例
flask后端代码 先安装插件:flask-cors pip install flask-cors app.py from flask import Flask,jsonify,abort from flask_cors import cross_origin # cross_origin这个装饰器 ......
vue2基于 vue-cropper插件对图片裁剪
<template> <div id="app"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="modelSrc" alt /> </div> </div> ......