前端 终端 实战vue
VSCode 终端选择文本自动复制
`Ctrl` + `,` 打开设置 搜索 copyOnSelection，勾选即可 对应的 settings.json 如下 ``` "terminal.integrated.copyOnSelection": true ``` 相关阅读：[修改 VSCode 底部终端配色](https://www ......
springmvc中前端提交数据显示乱码的解决方法
自己手写一个Filter来处理前台发送的请求： 对前台打来的请求进行设置，servletRequest.setCharacterEncoding("utf-8"); 然后放行，继续执行即可。 package com.gyh.web.filter; import javax.servlet.*; im ......
通过nc获取靶机的反弹Shell [靶机实战]
1、环境 Kali：172.30.1.3/24 靶机(Funbox9)：172.30.1.129/24 2、信息收集 通过nmap扫描此主机，我们需要获取到开放的端口以及服务的Banner 1 nmap -sV -T5 -A 172.30.1.129 通过扫描我们发现，目标主机开放着21端口，服务B ......
前端总结
# 前端与后端的概念 ## 前端 ## 就是与用户直接打交道的操作界面就可以称为前端 ## 后端 ## 不直接与用户打交道主要负责内部真正的业务逻辑的执行就是后端 ## 前端的三个模式 ### HTML 编写前端页面的文件 ### css 给html前端增加样式包装一下前端页面 ### JavaSc ......
Windows系统下设置cmd命令行(终端)走代理的方法
根据代理软件查看对应端口号（因为可能不是缺省端口号） 这里我本地代理的端口号是10792，下一步设置记得修改端口号与此对应。 #有些朋友好像为什么设置http和socket5其实设置哪种都是可以的，具体看你们自己代理软件都支持的协议有哪些，就可以了 #记得修改端口号，比如我的是10792，记得改成自 ......
前端微服务无界实践
随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。因此前端微服务应运而生。 ......
ArchLinux 使用 GNOME 桌面设置快捷键打开终端
我猜有人找不到终端叫什么，导致设快捷键的时候抓瞎 就像我一样 或许以为它叫 gnome-console 、gnome-terminal 啥的 但那是旧版了！ 它现在叫：`kgx`! 问题解决，撒花 ｡:.ﾟヽ(｡◕‿◕｡)ﾉﾟ.:｡+ﾟ ），要么就关闭严格模式 项目下看看有没有.eslintrc.js文件把这个配置改一下然后重新运行一下 没有这个文件的话就找找package.json里面的es ......
近期SQL优化实战分享
分享一下本周SQL优化的两个场景。 如果能对读者有一定的启发，共同探讨，不胜荣幸。 版本信息：mysql,5.7.19 引擎: innodb ## 场景1 我们有一张常口表，里面的数据由各种数据源合并而来，所以人员可能有多个手机号其中还包括座机号。这点在这篇文章里也分享过。https://jueji ......
Oracle中读取JSON格式数据实战指南（oracle中读json）
Oracle中读取JSON格式数据实战指南 随着大数据、云计算等技术的快速发展，JSON（JavaScript Object Notation）格式的数据越来越广泛应用于数据交互和存储中。Oracle数据库支持JSON格式数据的存储和查询，本篇文章将介绍如何在Oracle中读取JSON格式数据，并提 ......
Linux 中多终端同步 history 记录
1、 http://www.manongjc.com/detail/60-korjippmfjivlpg.html https://www.cnblogs.com/tsecer/p/14850943.html 基本认识 Linux 默认配置是当打开一个 shell 终端后，执行的所有命令均不会写入到 ......
碎片化学习前端之JavaScript（for...in 和 Object.keys() 的区别）
## 前言 JavaScript 中遍历对象的方式主要有：`for...in` 和 `Object.keys()` 两种方式。 ## for...in ```js let obj = { name: 'ming', age: 18, } obj[Symbol('hello')] = 'world' ......
鼎捷T100二次开发资料大全 T100 webservice开发明细 4GL从入门到实战 T100实战例子 鼎捷二次开发DEMO 鼎捷单档双档开发
下载地址 https://www.syjshare.com/res/Y8GX6HHE ......
aiohttp 异步爬虫实战
想检测一下内网开放8080端口提供http服务的计算机，写了以下代码： # 导入 requests 包 import requests,pathlib # 发送请求 def req(ip): try: print(ip) r = requests.get(ip,timeout=0.5) if r.s ......
vue列表逐个进入过渡动画
vue列表逐个进入过渡动画 vue2，vue3，通过vfor产生列表，使子元素逐个进入效果 文章详情：https://www.cnblogs.com/Llshy/articles/17430695.html ......
vue3+vite build打包删除控制台打印
很简单，直接在vite.config.ts里面添加配置即可： export default ({ mode }) => defineConfig({ build: { minify: "terser", terserOptions: { compress: { //生产环境时移除console dr ......
Iframe在Vue中的状态保持技术
Iframe是一个历史悠久的HTML元素，根据MDN WEB DOCS官方介绍，Iframe定义为HTML内联框架元素，表示嵌套的Browsing Context，它能够将另一个HTML页面嵌入到当前页面中。Iframe可以廉价实现跨应用级的页面共享，并且具有使用简单、高兼容性、内容隔离等优点，因此... ......
Vue易错点收集
### 易错点解析 - 遍历嵌套数据:外层套里层,外层的数据得先有,由于里层的数据依赖外层,才能继续渲染 ``` - 数据格式类似这样: [ { id:1 name:'xxx' categoryChild:[...] // 继续上面的套路,包裹一个个对象,里面再包裹[]... } {...} {.. ......
Netty实战（三）
[toc](目录) # 一、Channel、EventLoop 和 ChannelFuture 上一篇博文我们在构建服务端和客户端中出现了一些新的类，可能有些同学还有些不了解它们的具体功能。没关系，接下来我们对于 Channel、EventLoop 和 ChannelFuture 类进行的讨论增添更 ......
vue---属性绑定:多个判断条件/class/style
我们在做VUE项目开发的时候，经常会遇到需要绑定多个判断条件，多个class，多个style的情况，下面就整理一下： 一、绑定多个判断条件 二、绑定多个class 1、绑定一个类名 <div :class="{'active':isActive}"></div> 或三元表达式： <div :clas ......
在 openEuler 22.03 上安装 KubeSphere 实战教程
> 作者：老 Z，中电信数智科技有限公司山东分公司运维架构师，云原生爱好者，目前专注于云原生运维，云原生领域技术栈涉及 Kubernetes、KubeSphere、DevOps、OpenStack、Ansible 等。 ## 前言 ### 导图  ## 主要代码 index.html ```html ......
Vue重用组件
### 1、是什么？ ==这里主要是简单入门使用一下，复杂高阶的用法笔者暂时还没了解到== Vue重用组件是指可以被多个Vue实例重复使用的组件。这些组件可以包含自定义的状态和事件处理程序，并且可以在整个应用程序中共享。重用组件可以减少代码冗余，提高开发效率，并使代码更加模块化和可维护。 在Vue中 ......
Vue 3+TS项目，找不到模块“xxx.vue”或其相应的类型声明问题
在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容： ```ts declare module "*.vue" { import { App, defineComponent } from "vue"; const component: ReturnType & { ......
Docker核心讲解（包括实战内容）
# Docker镜像讲解 ### 镜像是什么 镜像是一种轻量级，可执行的独立软件包，用来打包软件运行环境和基于运行环境开发的软件，它包含运行某个软件所需的所有内容，包括代码，运行时，库，环境变量和配置文件。 所有的应用，直接打包docker镜像，就可以直接跑起来 如何得到镜像： （1）从远程仓库下载 ......