前端 终端 实战vue

人脸识别系统【从0到1完成一个小项目】【4】【前端vue搭建】

1.找一个合适的模板,可以用vue-element-admin的模板,但是个人认为这个模板太大了,做小项目修改起来比较复杂,可以找一个比较小的项目 2.我找的项目git clone https://github.com/tuture-dev/vue-admin-template.git,这个下载需要 ......
人脸 前端 项目 系统 vue

微前端使用第一章

目录一、架构基础知识1、软件设计原则2、补充设计原则3、其他设计原则4、软件设计分层5、如何保证架构的质量-稳定性和健壮性6、正确的选择是良好的开端-架构前期准备7、千里之堤毁于蚁穴-技术债务填补与崩溃预防8、推到?重来?-系统重构9、微前端实现方式对比10、技术选型-确定技术栈11、绘制项目架构图 ......
前端

vue2 只显示x轴数据不显示y轴数据

vue2 只显示x轴数据不显示y轴数据 背景 在使用vue2的echarts画折线图发现只显示x轴数据,不显示y轴数据,现象如下: 代码 <script> import { getData } from '../api' import * as echarts from 'echarts' expo ......
数据 vue2 vue

vue2 radio单选

<span v-for="item in radioData" :key="item.value"> <input type="radio" @click="chcekRadio($event)" name="abutmentVal" v-model="myData.abutmentVal" :id ......
radio vue2 vue

设计模式Java实战,彻底学会

​ ​这是全网最强的Java设计模式实战教程。此教程用实际项目场景,结合SpringBoot,让你真正掌握设计模式。 网址是:Java设计模式实战专栏介绍 - 自学精灵(也可以百度搜索“自学精灵”)。 本设计模式专栏的威力 用Java实战来介绍常用的设计模式,让你真正掌握设计模式。 用项目实际场景进 ......
设计模式 实战 模式 Java

vue-addroute动态路由刷新之后页面空白

解决动态路由刷新之后页面空白 /* 权限 */ import store from '@/store/index' import router from '@/router'; // 动态路由 let routers = [{ path: 'welcome', name: "welcome", co ......
路由 vue-addroute addroute 空白 页面

Redis实战篇

实战篇Redis 开篇导读 hutol工具使用 对象bean 和JsonStr 互转 //功能: java bean 转jsonstr 用途:存入到redis String jsonstr=JSONUtil.toJsonStr(shopType) //功能: jsonstr 转java bean 用 ......
实战 Redis

CentOS修改终端的背景颜色

我的终端颜色是白色,我想切换成黑色。 1.查看终端的类型 ls /usr/bin/*terminal* 如图 可以看到是gnome类型的。 2.修改路径如图 ......
终端 颜色 背景 CentOS

vue項目與node後台,解決跨域問題

1 跨域問題總概述 跨域指的是从一个域名到另一个域名去请求资源,跨域名请求同源策略,浏览器的安全机制,跨域是浏览器的行为,不是服务器的行为; 简化来讲就是,网页(浏览器)向后台服务器发送一个请求之后,浏览器会拦截这个请求,并检查这个请求是不是跨域访问,如果是跨域访问,便要向服务器端核对,是否允许这个 ......
node vue

windows server 直接运行 部署.NET webapi,以及IIS部署vue项目

参考链接: windows server 开启IIS: https://www.cnblogs.com/yaopengfei/p/7199550.html IIS部署vue: https://juejin.cn/post/7171745871946596383 .NET 6.0 部署: https: ......
windows 项目 server webapi NET

Vue3常用指令

本小节中,我们将学习 Vue 3 中的文本插值相关功能。 文本插值语法 文本插值语法如下,通常用双大括号来表示,当其绑定的变量发生变化时,插值的内容也会随之发生变化,也就是数据双向绑定功能: {{ 插值表达式 }} 示例: <script setup> import { ref } from 'vu ......
指令 常用 Vue3 Vue

Vue2入门之超详细教程十三-key的作用与原理

Vue2入门之超详细教程十三-key的作用与原理 1、简介 React、Vue中的key有什么作用? 1.虚拟DOM中key的作用: ​ key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据[新数据]生成[新的虚拟DOM],随后Vue进行[新虚拟DOM]的差异比较,比较规则如下: ​ ......
原理 作用 教程 Vue2 Vue

go SSH远程终端及WebSocket

目前chisel基于tcp http websocket 的ssh 代理!! 所以这个东西不就是可以直接远程登录了吗?就行jumpserver 一样 和chisel 一样使用 ssh go get "github.com/gorilla/websocket" go get "golang.org/x ......
终端 WebSocket SSH go

vue02_days

jwt 回顾 # jwt:simple-jwt >自定义表签发token -前端携带用户名密码到后端 -取出用户名密码 》去我们的表查询--》如果查到,说明是我们用户 -签发token: refresh = RefreshToken.for_user(user) refresh.access_tok ......
days vue 02

vue前端代码npm install报错的解决方法

npm install,报错: npm WARN tarball tarball data for has-bigints@https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz (sha512-tSvCKtBr9lkF0 ......
前端 install 代码 方法 vue

记录--前端无感知刷新token & 超时自动退出

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端无感知刷新token&超时自动退出 一、token的作用 因为http请求是无状态的,是一次性的,请求之间没有任何关系,服务端无法知道请求者的身份,所以需要鉴权,来验证当前用户是否有访问系统的权限。 以oauth2.0授权码模式为例: ......
前端 token amp

VUE3新建项目

npm init vite-app archer240105 //进入目录 cd 项目目录 //安装依赖 npm install //运行 npm run dev ......
项目 VUE3 VUE

Python+Requests+PyTest+Excel+Allure 接口自动化测试实战

本文主要介绍了Python+Requess+PyTest+Excel+Allure 接口自动化测试实战,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 Unittest是Python标准库中自带的单元测试框架,Unittest有时 ......
实战 Requests 接口 Python PyTest

微信小程序自动化测试实战,支持录制回放、智能遍历

​为了满足小程序性能、功能等方面的测试需求,微信团队上线 小程序云测服务,提供丰富的自动化测试能力。其中 智能化 Monkey 服务 凭借着零代码、低成本的优势吸引不少开发者使用。 在服务使用过程中,我们发现开发者有更多的进阶需求: 先完成指定操作,例如登录帐密输入,再进行 Monkey 测试 遍历 ......
实战 智能 程序

前端排除项目中未使用资源脚本

import os class FileData: def __init__(self, name, path): self.name = name self.path = path # 遍历项目文件夹中的所有图片文件 image_files = [] def get_all_image_files ......
前端 脚本 项目 资源

expr命令实战

expr命令: 简单的计算器执行命令:expr --help 实践: expr不是很好用,基于空格传入参数,但是shell里一些元字符都是有特殊含义的,都在算法符号前加上反斜杠`\` expr length用法: expr \大于号和小于号用法: expr模式匹配: expr命令也支持模式匹配功能 ......
实战 命令 expr

vue&webpack - vue2版本webpack脚手架配置梳理

vue&webpack - vue2版本webpack脚手架配置梳理 资源链接 Vue CLI webpack webpack5 和 webpack4 的区别 webpack Webpack 4 于 2018 年 2 月发布。 (2020-10-10)webpack 5.0.0 发布 VUE CLI ......
webpack 脚手架 vue 版本 vue2

vue---v-modle实现字符组件通信

子父组件在做数据传值和通信中,通常都是父组件通过【:props】进行数据的传递,通常用于父组件通过传递不同的参数,改变子组件。 但是经常会遇到这样的场景: 需要父子组件进行数据通信,实现双向数据绑定,可以利用 v-modle 实现父子组件数据交互通信。 父组件: <template> <div> < ......
组件 字符 v-modle modle vue

Android项目实战(六十八):微信分享的实现

系统分享: // 系统转发方式 public static void shareBySystem(Context context,File file){ WxUtils.checkFileUriExposure(); Intent intent = new Intent(Intent.ACTION_ ......
实战 Android 项目

前端面试题三

ES6新特性有哪些? 变量声明:由var变为let和const;模板字符串:使用反引号 `` ;在模板字符串里面支持换行,并可以在里面使用${}来包裹一个变量或表达式;解构赋值:有数组解构和对象解构,可以快速获取数组和对象的值;扩展运算符:在ES6中用...来表示展开运算符,它可以将数组或者对象进行 ......
前端

前端导出文件 java.io.IOException: Connection reset by peer

一、场景 后端生成zip压缩文件,前端直接导出。 问题:文件小的时候正常导出,大的时候,接口收不到返回的文件流;本地测试没问题,部署线上有问题; 二、原因分析 后台打印日志,发现如下报错日志 java.io.IOException: Connection reset by peer 查阅得知,断开连 ......
前端 IOException Connection 文件 reset

前端面试题四

​ 1. Vue 的双向数据绑定原理是什么? Vue 采用数据劫持+订阅发布模式实现双向绑定。通过 Object.defineProperty()方法来为组件中 data 的每个属性添加 get 和 set 方法,在数据变动时,触发 set 里相应的监听回调函数,将变动信息发布给订阅者。主要有以下步 ......
前端

Vue 3 中的 jsx 实践

一、起因 template 的写法不太灵活,数据和模版都放在一起,不能拼接; 如果拆太碎,每个碎片组件都得写一堆 props/emit 才能确保通信的完整性,太麻烦; 如果写在一个文件中,模版上的判断逻辑 (v-if) 又得一堆; 二、codes 碎片组件 1: <script lang="jsx" ......
Vue jsx

记一次网络任务赚佣金骗局到溯源到个人的渗透实战

在鹰图中找TSRC资产准备挖腾讯SRC时候看到此站点域名:qq.com.xxxx.top,标题为登录第一感觉不是正经站应该是钓鱼站whois查询到的webpack打包的这种站点基本都会有一些测试账号,试了试18888888888密码123456看到这个基本确定这就是个做任务赚佣金的那种,主打的就是一 ......
佣金 骗局 实战 任务 网络

实战钓鱼篇-细节决定成败,通过在线客服通关内网

0x00 前言红蓝对抗无疑是一场持续性的博弈过程,随着近几年的攻防不断,打了一轮又一轮,web漏洞的急剧减少,社工钓鱼显然成为了主流的攻击手段之一。0x01 免责声明请您务必认真阅读、充分理解下列条款内容:1、本公众号分享的任何文章仅面向合法授权的企业安全建设行为与个人学习行为,严禁任何组织或个人用 ......
成败 实战 细节