https nginx vue
通过鼠标拖拉获取图片原像素的两个点坐标vue
<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
nginx 笔记1
请求地址:http://baidu.com/a/getOrder? proxPass http://a.com 实际请求到服务器的地址是：http://a.com/getOrder,也就是说域名+contextPath都会给替换掉 ......
vue-devtools的安装与使用
vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 ......
Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案
背景 需求是一个能适配主流分辨率的表格，表头固定，表格内容上下滚动 首先尝试的这个原生的标签，但是有个问题啊，就是在循环滚动中，每次滚动之间会出现大片空白。 大概是这样：第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签，选择使用js和原生的html ta ......
【php】 nginx配置重写域名,去除index.php的写法
在对应的vhost文件里面加上这一段 if (!-e $request_filename) { rewrite ^/index.php(.*)$ /index.php?s=$1 last; rewrite ^(.*)$ /index.php?s=$1 last; break;} 如图: 这一段写入n ......
ubuntu20.04-apt升级nginx到1.21.0
最后将nginx升级为1.21.0备份旧的nginx安装目录sudo cp -r /etc/nginx /backup卸载旧的nginxsudo apt remove nginx nginx-common nginx-full nginx-core 保留了相关配置文件更新apt源文件# 进入目录cd ......
运行vs开发的vue.js项目
开发好的vue.js项目，如何运行？参考如下步骤： #1 npm install -g 项目缺失的组件包全部补全。 #2 npm run serve vuejs-app1@0.1.0 serve SET NODE_OPTIONS openssl-legacy-provider && vue-cli- ......
CefSharp打开不安全的https站点时白屏解决办法
CefSharp打开不安全的https站点时白屏解决办法： CefSettings settings = new CefSettings(); settings.CefCommandLineArgs.Add("--ignore-urlfetcher-cert-requests", "1");//证书 ......
uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法
uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法 页面： <view class="demo-uni-col light" v-for="cardIndex in u ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer，然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia （未完结）
优秀文章分享：vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <!-- 视图 --> <template>{{ count }}</t ......
第八天（nginx第二篇）
4. 正向代理实现 在前面的案例中， 我们了解了nginx作为静态服务器时的应用，如果作为静态服务器，则nginx也只是起到了 运行静态资源的用。如何通过nginx实现正向代理呢？ 比如：我想百度点隐私问题- -！，想通过nginx正向代理实现对百度的访问，这样百度向上记录ip的时候就只 能记录ng ......
Vue中div和template的区别
template是作为占位符模板，用于包裹元素，自身并没有被渲染出来。 相较于使用div 会节省一个没必要的div标签的空间。 我们都知道 v-show隐藏元素的原理是 控制其元素的display:none； template并没有被作为 dom元素被渲染出来， 所有无法控制其 display：no ......
vue中van-picker的选项插槽使用方法
van-picker的内部选项怎么来自定义 首先要确保 Vant UI 的版本在2.10.0以上 然后利用插槽slot来实现，在Vant 里插槽有一个进阶用法 # <van-picker :show-toolbar="false" :default-index="2" // 默认选中第三行，选中第一 ......
记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题
最近在用el-select时发现渲染出来的选项全部被激活了，一开始以为时v-for的key重复了，后来发现不是。 又以为时v-model绑定的数据不是响应式的，发现也不是。 查询Element UI 官方文档得到解决方案 <el-form :model="form2" ref="form2" siz ......
使用axios+vue在离开页面时中断网络请求
最近做到一个需求需要在离开页面时中断未完成的网络请求 第一步： 引入axios和CancelToken实例子 import axios from 'axios' const CancelToken = axios.CancelToken 第二步：在封装好的接口方法中加入cancelToken配置属性 ......
charles抓取PC端http与https协议数据包
一、代理配置 代理-》代理设置，进入如下窗口，设置好http代理端口，勾选支持HTTP/2 注意点，一定要勾选代理-》Windows代理 二、安装SSL证书抓取https协议数据包 点击帮助-》SSL代理-》安装charles跟证书 点击安装证书-》选择本地计算机或者当前用户都可以，然后点击下一页 ......
vue中设置input输入框的值为正整数，不能为负数和小数
import Vue from 'vue' Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] input.onkeyup = function (e) { if ......
[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值。 如果将对象分配为 ref 值，则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象，会自动解包。 <template> <d ......
vue+element-ui+springboot实现修改当前登录用户的信息
正文：话不多说，直接上代码 springboot代码 /** * 根据id修改当前登录用户的信息 * * @param username * @return */ @GetMapping("/username/{username}") public Result findOne(@PathVaria ......
在Vue中发起axios请求成功，却被catch捕捉返回Network Error
前端发起请求成功，后台接收处理返回，却被axios的catch捕获，没有走then函数。 最后添加了headers配置成功解决，如上，附上axios接口配置中文文档：axios中文文档|axios中文网 | axios (axios-js.com) 网上给出的答案：（虽然CSDN饱受诟病，对于初入行 ......
VUE 使用iconfont 动态加载不转义的问题
手牵手教学 我们正常使用图片是这种class的形式 <i class="iconfont icon-xxx"></i> 但是万一我们的图标是后台返回的，而不是写死的，那么这种class写法不行了，得使用unicode 那么正常我们使用是这样 <i class="iconfont">3</i ......
vue+element 下拉框选择加搜索并且列表选项带图片
子组件代码： <template> <!-- 单选下拉框 --> <el-select v-model.trim="selectValue" filterable clearable :placeholder="placeText" :filter-method="filterMethod" :lo ......
限制左键拖拽图片阴影vue
<template> <div> <img ref="image" :src="imageUrl" :style="imageStyle" /> </div> </template> <script> export default { data() { return { imageUrl: "you ......
深入浅出--梯度下降法及其实现 https://www.jianshu.com/p/c7e642877b0e
深入浅出--梯度下降法及其实现 六尺帐篷关注IP属地: 上海 612018.01.17 21:06:22字数 3,199阅读 348,388 梯度下降的场景假设 梯度 梯度下降算法的数学解释 梯度下降算法的实例 梯度下降算法的实现 Further reading 本文将从一个下山的场景开始，先提出梯 ......
Http、Https、Http2、Http3
一、概述 Https通信过程： 1.TCP三次握手 2.TLS连接（加密） a.加密算法协商 i.客户端罗列出自己有的加密算法传输给服务端 ii.服务端从客户端加密算法套件中选择一个用于通讯加密算法 iii.服务端发送证书给客户端（由认证机构颁发，防篡改） iiii.客户端校验证书的有效性 b.生成 ......
vue3 + el-date-picker(element-plus) 两种方式限制只能选一个月区间
1. <div style="float: right"> <el-date-picker v-model="state.rangeData[0]" type="date" value-format="YYYY-MM-DD" placeholder="开始" :disabled-date="pick ......
访问nginx报错502日志：failed (13: Permission denied)
1.错误问题 nginx启动成功，但是访问nginx报错502。检查后台项目，使用IP+端口可以正常访问项目的，这说明项目启动成功了。那就是nginx的问题。检查了nginx.conf文件发现配置的反向代理没有问题。最后查看了nginx日志信息，报错信息如下： 13889#13889: *54 co ......