前端 终端 实战vue
APISIX dubbo-proxy 实战
APISIX APISIX 声称支持 Dubbo Proxy 实践 主要是 APISIX 官方网站上的这篇博客写的问题很大。 博客上写的 HTTP2DubboService 实现类 @Component public class HTTP2DubboServiceImpl implements HT ......
Spring Boot 3.0 升级 实战踩坑记录
转载自：https://juejin.cn/post/7176204472082038840 Spring Boot 3.0 升级 实战踩坑记录 Spring Boot常用于Java后端开发，于2022年11月24日正式发布了3.0.0版本，带来了全新的特性、升级了依赖版本乃至Java版本，与此同时 ......
vue3
vue3 * vue3支持组合式传参， vue2在创建app对象的时候，会传入一个包含各种选项的对象，选项包括data函数，methods对象，computed对象等等。 vue3在创建app对象的时候，也是传入一个对象，但是对象属性中有一个setup函数，在该函数中可以定义响应对象，函数，comp ......
推荐一款 Vue3 调试神器！
vue-devtools 是一款基于Chrome浏览器的插件，可以用于调试vue应用，也可以用来辅助我们找到各页面对应的Vue.js文件路径，想必大家都不陌生吧~ 今天给大家推荐一个比 vue-devtools 更好用的插件vite-plugin-vue-devtools， 它是一个旨在增强 Vue ......
【UniApp】-uni-app-项目实战页面布局(苹果计算器)
前言 经过前面的文章介绍，基本上 UniApp 的内容就介绍完毕了 那么从本文开始，我们就开始进行一个项目的实战 这次做的项目是苹果计算器，这个项目的难度不是很大，但是也不是很简单，适合练手 创建项目 打开 HBuilderX，点击左上角 文件 -> 新建 -> 项目： 搭建基本布局 项目创建完毕之 ......
Redis_实战2
Redis_实战2 秒杀优化 异步秒杀流程 将判断库存 & 判断重复下单 逻辑交给Redis 将耗时长的写数据库操作交给异步线程。 Redis：Key-stock:优惠券id，value-库存String（判断库存充足） Redis：Key-order:优惠券id，value-用户id Set（判断 ......
django-rest-framework搭建平台实战教程四-使用fast-crud集成后端权限功能
FastCrud （简称fs） 是基于Vue3的面向配置的crud开发框架，快速开发crud功能，可作为低代码平台的基础框架。 安装并启动项目 参考http://fast-crud.docmirror.cn/guide/start/demo.html 我用的是fs-admin-element .en ......
前端学习笔记DAY3 HTML5基础（3）（b站pink老师）
二.HTML标签 6.表格标签 1.1 表格的主要作用 表格不是用来布局页面的,而是用来展示数据的。 1.2 表格的基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> （1）. <table> </table> 是用于定义表格的标签 ......
短小精悍(2) - Rust终端检测库is-terminal和atty介绍
title: 短小精悍(2) - Rust终端检测库is-terminal和atty介绍 zhihu-url: https://zhuanlan.zhihu.com/p/673841498 今天给大家介绍的是Rust中非常常用的两个用于检测终端的库is-terminal和atty。这两个库都是千万级 ......
记录--前端验证码破解
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近受够了公司内部站点每次登陆都需要填写用户名和密码，还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干，决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解，花了一天的时间完美解决，现在整理出来。 1.分析验证码 ......
Redis_实战
Redis_实战 部署： 前端：部署在Nginx 后端：部署在tomcat 短信登录 session原理： 每一个session都有一个id，当你访问tomcat服务器时，id就自动写到coockie中了，以后请求就带着id，就可以根据id找到session。（每一个浏览器再发请求时都有一个独立的s ......
前端项目练习(一) ---美食美客网页制作
项目名称：美食美客网页制作 技术栈：HTML + CSS 背景：熟悉使用HTML、CSS的使用 一、HTML代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport ......
Vue插件
功能：用于增强vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 定义插件(新建一个plugins.js文件)： export default { install(Vue,x,y,z){ console.log(x,y,z) ......
IIS部署vue项目
【第一步】安装IIS {1）打开控制面板 -> 打开程序和功能 -> 打开启用或关闭windows功能 （2）找到 Internet Information Services 勾选【web管理工具】和【万维网服务】，然后 确定 【第二步】安装URL重写模块 1). 安装URL Rewrite，下载地 ......
短视频直播系统，前端比较常见的几种动画实现方式
短视频直播系统，前端比较常见的几种动画实现方式 我整理了如下的6种方式，接下来我们以最简单的例子，一个div从左到右移动一定的距离，分别看看这几种方案的具体实现。如有不妥还望指正。 一、CCS animation 这里省略了html部分，我们直接看css: .box{ height: 100px; ......
26.基于 page object 模式的测试框架优化实战
目录 异常处理（弹窗黑名单） 日志记录 报告生成 测试数据的数据驱动 异常弹框处理 定义黑名单列表 处理弹框 # 声明一个黑名单 def black_wrapper(fun): def run(*args, **kwargs): basepage = args[0] try: return fun( ......
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
前言 经常看到有小伙伴在技术群里问有没有什么好用且快速的开发框架推荐的，今天就给大家分享一款基于MIT License协议开源、免费的.NET Core快速开发框架、支持多种前端UI、内置代码生成器、一款高效开发的利器：WalkingTec.Mvvm框架（简称WTM）。 官方项目介绍 Walking ......
Python+Selenium框架实战系列003----测试数据分离与ddt技术&断言
一、测试数据分离 1、新建testData文件夹，新建login_data.py文件，如下所示： 2、在login_datas.py文件中存放测试用例数据，如下所示： # 正常场景 success_data = {"mobile": "17839196010", "pwd": "duhui94619 ......
java接口自动化测试实战002----测试数据封装及ExcelUtil优化
一、利用testNG测试框架进行封装 1、封装实现 新建测试类，类中新增多个方法，每个方法存储一条测试数据并调用HttpUtl类中的doGet或doPost方法。缺点：代码复杂、繁琐，且不适用测试数据量大的情况。 2、封装步骤 （1）maven的pom.xml文件中添加testNG测试框架的依赖，如 ......
java接口自动化测试实战003----fastjson处理传入参数为JSON格式数据
一、fastjson概述 1、概述 fastjson是阿里爸爸开发的一款专门用于Java开发的包，可以方便的实现json对象与JavaBean对象的转换，实现JavaBean对象与json字符串的转换，实现json对象与json字符串的转换。 2、常用API fastjson API 入口类是com ......
java接口自动化测试实战004----分表存储接口信息和用例信息之CaseUtil和RestUtil
一、分表存储用例信息和接口信息 1、实现思想 将用例相关信息存储在用例表单中，将接口信息存储在接口信息表单中，创建对应的类存储表单中的信息。 2、实现步骤 （1）修改表格文件，分表存储用例信息和接口信息，如下图所示： （2）修改ExcelUtil中的读取函数datas，让表单名称以参数形式传入，如下 ......
vue3父子通信
vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
记录--Vue3问题：如何实现组件拖拽实时预览功能？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 ......
前端监控系统Sentry企业级实战
一、前端监控系统 1. 什么是监控系统？为什么要对项目监控？ 在IT界内，监控系统指对项目运行的各项指标的实时记录的系统或服务，旨在提升项目质量和量化项目的各项指标，为项目发展提供可量化的依据。 一般来说项目监控是为了： 更快的发现和解决线上问题； 做产品和制定需求的决策依据； 为业务扩展提供了更多 ......
探究vue的diff算法
1.diff算法是什么？ diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新。 1.1特点 策略：深度优先，同层 ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
vue中使用Vue.extend方法仿写一个loading加载中效果
需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果，需求如下： 通过命令就可以让弹框开启或关闭，比如this.$showDialog()开启，this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 ......
vue项目中使用的移动端的签名组件，纯 js 写的
<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
前端 - 前端项目引入外部字体
最近前端小朋友又遇到了一个问题，就是很多时候UI设计师设计出来的效果图都包含一些特殊字体，而众所周知，显示字体的前提条件是安装字体，可我们怎么能保证用户每个人本地都安装了我们需要的字体呢？ 答案是把字体文件放到前端项目中。我以当前遇到的字体为例说明一下步骤。 注意：我们因为是写Demo，所以不需要注 ......
oh-my-zsh 自定义终端 PS1中的 Conda 和 Virtualenv 环境标识
起因是因为在安装完 Conda 后每次进入终端，都会自动进入名为“base”的 Python 虚拟环境，这本来没什么，而我用的 shell 工具是 oh-my-zsh，主题是 dst，这个主题貌似有点问题，导致虚拟环境与后面的用户名@主机名等信息打印了两行，类似如下效果： (base) mz@mac ......