- 博客(21)
- 资源 (1)
- 收藏
- 关注
原创 防抖、节流、重绘、重排(回流)
简单记录下关于这四个东西的笔记防抖//触发高频事件后n秒内只执行一次,如果n秒内再次触发就重计算时间//主要是清除一个计时器再设置新的计时器var timer = null;function reborn(){ clearTimeout(timer); //如果500ms内多次调用,只执行最后一次 timer = setTimeout(function(){ //触发函数 console.log('防抖'); }, 500)};节流//触发高频事件后n秒内只执行一.
2022-05-27 19:04:54
261
原创 [vue3+django]升级_权限功能+路由设置+动态路由
一、背景要对vue3项目进行升级,主要是添加用户权限,根据不同用户展示不同路由。二、思路1.对django后端进行处理,包括添加权限信息列2.对后端登录接口进行处理,将权限信息通过response返回前端3.前端将权限信息存入Vuex和sessionStorage中三、操作后端后端的具体表,在models.py中添加auth,包括common和admin两种代表普通用户和管理员我们项目中login接口返回的数据在这里对auth字段进行提取,存入data中,随response发回前端。
2022-04-30 09:38:48
1041
原创 【问题记录】Latex语法_图片与正文的间距调整_\vspace
问题用latex写文章时,如果不作调整,图片会默认挨着正文,很难受。调整前如图:图片和正文紧贴,修改前图片代码如下:\begin{figure} \centering \setlength{\belowcaptionskip}{-7mm} \includegraphics[width=6cm]{eg-res.jpg} \caption{摔倒帧示例}\end{figure}解决\vspace{}vspace属性的意思是:设置图像和周围文本之间的距离,即
2022-04-27 16:46:03
14815
原创 Vue3_diff算法_绑定key操作的区别_浅分析
diff 算法浅分析源码位置packages/runtime-core/src/renderer.ts当需要对NodeList进行操作时,分两种情况,即是否绑定了key1.无keypackages/runtime-core/src/renderer.ts/baseCreateRenderer/patchUnkeyedChildren1.获取oldLength和newLength,并取最小值commonLength2.调用patch函数进行遍历commonLength2.1.一样就retur
2022-04-18 19:17:19
118
原创 flex布局_应用笔记
flex容器水平为主轴、垂直为交叉轴flex容器.container { display: flex;}有六种属性可以设置在容器上flex-direction:决定主轴的方向、即项目的排列方向.container { display: flex; flex-direction: row | row-reverse | column | column-reverse;}style="margin-ro: 470px"flex-wrap:决定容器内项目是否可换行.container
2022-04-14 21:06:14
184
原创 cors与常见的跨域方式
同源策略同域名同端口同协议,若存在一个不同则违反了同源策略,因此需要跨域。why:csrf或xss攻击,如果拿到你的cookie中有token信息,就可以拿token信息以你的身份去操作了跨域常见方式1.jsonp原理:htmlscript标签的src属性获取其他源的数据<script> function getData(res){ console.log(res) }</script><script src="http://www.baidu.c
2022-04-12 18:57:39
3183
原创 JS数组常用操作_包含ES6扩展
数组操作const arr = [1,2,3]1.push()返回数组长度arr.push(4, 5) // 52.pop()删除并返回数组最后一个元素arr.pop() // 33.shift() 与 unshift()shift删除并返回数组第一个元素arr.shift() // 1unshift向数组开头添加1或多个元素并返回新长度arr.unshift(0) // 44.splice()从数组删除/插入/替换元素并返回(1)删除元素。第一个元素起始位置,第二个
2022-04-10 07:45:00
325
原创 Pinia_基本学习文档
前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot a
2022-04-09 12:20:49
827
原创 pm2_Node应用进程管理工具
特性负载均衡后台运行控制台监测0秒停机重载: 重新载入代码而不用失去请求连接停止不稳定进程安装全局安装npm i -g pm2-------------------yarn global add pm2命令查看进程pm2 list查看日志pm2 log启动pm2 start app.js重启pm2 restart app.js停止,先pm2 list 查看应用名字或进程idpm2 stop xxx / id停止全部pm2 stop all删除,先pm2
2022-04-07 13:30:15
244
原创 [问题记录]ElementPlus的嵌套弹窗el-dialog_黑色背景
项目场景:项目由Nuxt1.0+elementUI重构为vue3+ts+elementplus,其中问题发生在嵌套弹窗显示具体信息。问题描述外层弹窗提供事件的创建时间和查看按钮,然后内层弹窗展示具体的事件内容,具体如图所示其中嵌套弹窗部分代码如下<template> <el-dialog v-model="dialogHistory" title="历史记录" width="20%" > <p><st
2022-04-05 18:43:27
3200
原创 VUE3_组件间传值的三种方法_setup语法糖_记录
前言记录下Vue3中setup语法糖集成到script标签后父子组件的传值方法。一、父传子父组件//通过动态绑定的方式 <template> <div> <button>父组件</button> <Child :sex="sex" @FatherMethod"></Child> </div><template><script setup lang="ts">//引入子组
2022-04-04 19:29:06
14805
1
原创 nginx.conf个人配置-包括rtmp-module和http-flv-module设置
前言记录个人的nginx.conf设置,前期是添加了nginx-rtmp-module,后期添加了nginx-http-flv-nodule。结构开头user 运行用户,默认nginx,可不设置worker_processes 处理进程数,管理并发处理服务,一般与CPU核数一致user root;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log
2022-04-04 16:05:29
5642
原创 JS原型与原型链&&如何判断一个对象属于一个类
文章图片均来自网络prototype重点:每个函数都有原型prototype属性以Person()为构造函数,每个对象(null除外)在创建的时候就会与__其他对象__相关联,这个“其他对象”就是原型,每一个创建的对象都会从原型__继承__属性。该构造函数的原型属性表示为Person.prototype。__proto__重点:每个对象(null除外)都有__proto__属性,指向对象的实例原型。创建实例对象person,则该对象的实例原型为person.__proto__ === .
2022-04-03 11:47:58
170
原创 node+express+mysql--(二)centOS数据库的卸载安装、配置及数据库连接池
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、mySql相关卸载安装设置二、创建数据库创建数据库三、连接服务器配置数据库连接池总结前言之前完成了node服务器的主体搭建,这一步来进行mySql的安装,安装环境是centOS7,然后由于忘记了mySql的密码,所以这里选择卸载重新安装;同时配置数据库连接池,避免多次连接的冲突问题一、mySql相关卸载查看当前mySql安装情况rpm -qa|grep -i mysql执行yum remove mys.
2022-04-02 19:17:13
1096
原创 node+express+mysql--(一)简易服务器搭建
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、准备二、创建处理`app.js`主模块处理`handRouter.js`路由模块总结前言项目需要重新搭建一个服务器来存储图片、提供接口和数据库交互,由此搭建一个简单的服务器,这个系列主要是记录下当时的流程。一、准备node环境express框架path 路径处理bodyParser二、创建处理app.js主模块1.引入var express = require('express');var p.
2022-04-02 18:10:44
2190
原创 RTMP转HTTP-FLV视频流web端应用流程记录
文章目录前言一、准备二、使用1. 下载及安装2.编译3.web设置总结前言因为浏览器不再支持Flash插件,且支持的360浏览器很多广告弹窗,而且导师让换,所以决定转化视频格式,这里是将原来的rtmp转为http-flv格式的视频流用于vue3+ts构建的web播放。一、准备centOS服务器nginxnginx-http-flv-module github上有,b站开源rtmp视频流我这里是别的服务器使用ffmpeg推过来的同时我的nginx之前还配置了nginx-rtmp-modul
2022-04-02 17:05:46
8094
2
原创 vue3中获取proxy包裹的数据
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、具体问题二、解决办法前言在进行 vue3+ts+elementplus 重构vue2项目时遇到了关于proxy的问题一、具体问题使用el-upload组件进行图片上传,然后绑定handleChange方法进行图片改变的监听,将上传的图片push到fileList数组中。const handleChange: UploadProps['onChange'] = (file, fileList1) => {.
2022-04-02 16:02:54
20164
2
[数据集]UR Fall Detection Dataset 一号摄像头视频部分30+40视频序列
2022-04-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人