词霸 页面bug
@submit.native.prevent来阻止el-input中回车刷新页面
<el-form @submit.native.prevent> <el-input @keyup.enter.native="initList()"></el-input> </el-form> 开始是el-input中没有输入任务值，直接光标定位，回车，发现刷新了整个页面，真不知道什么情况。 后 ......
关于word-wrap: break-word; word-break: break-all;影响页面格式
今天遇到一个问题，页面内容平时加载正常，grid里一绑定数据，页面就会乱掉。 通过对比排查，查出了一个grid外面td 里的一个style : style="word-wrap: break-word; word-break: break-all; display: block;" 去掉这个即可，第 ......
APP-自动化定位WEB页面元素
APP定位浏览器这种上下文嵌套的页面时，发现有的元素是无法定位 点击上面的地球图标， 点击NATIVE_APP(原生APP下面的选项)，切换到web_view选项。就是使用HTML页面。 但是这个时候会报错，记住报错信息中的版本信息，这里是86.0.4240 上图的报错是指缺乏对应版本的驱动； 驱动 ......
电脑偶然卡顿1-3s的bug修复
> 主板：华硕H610M-A > 内存：黑爵16x2 > cpu：i3 12100 在电脑配好后，有时候会电脑突然卡顿1-3s，声音也会卡……我之前以为是固态的问题，后来固态掉盘换货，使用备用固态后，发现问题依旧。 在查阅资料后，都说是AMD的自带的cpu加速问题，但我用的是intel。偶然看到b站 ......
vue-router 4.1.4版本以上，打开新页面并隐式传参
## 情景 1. 框架：Vue3 + Vite4 + VueRouter4.1.6 2. 需求：现需要实现点击打开新页面，并把一些数据传过去 3. 限制： - 数据量较大，有一定私密性，不适合用query传递； - 需要从session中获取token判断访问权限，因此需要用router.resol ......
uniapp 组件中使用页面的生命周期（vue2）
用于直接在组件中使用onLoad，onBackPress等 因为之前在写App的时候有许多弹窗，希望可以在有弹窗的时候先关闭弹窗，没有弹窗在执行返回事件，因此需要在页面onBackPress里面写很多判断，因此找了一些方法，写了可以直接在组件中调用页面生命周期的方法！ 使用mixin this.$c ......
输入URL到页面渲染过程
**1.输入URL；** **2.浏览器查找当前URL是都存在缓存并且比较是否过期；** **3.DNS解析对呀的IP地址；** 首先会在本地的hosts文件中查看，若没有则需要通过DNS（域名分布系统）服务器查找； **4.根据IP地址建立TCP链接（进行三次握手）；**  ![](https:// ......
Linux shell standard input bugs All In One
# Linux shell standard input bugs All In One ## error ❌ > `warning: file '', around line 110: table wider than line width` ```sh $ man vcgencmd > vcge ......
kong ui页面添加apikey
[toc] ##kong ui页面添加apikey 我这次使用的kong版本是version: 2.2.1，版本比较老，还有新的版本，有待体验，后面有机会会再记录 首次登陆不要慌，kong其实和nginx几乎是一样的，接下来按照我的步骤一步步操作即可 kong一共需要配置：service,route ......
Razor Page匿名访问页面
Razor page可以通过以下方式开放页面匿名访问 1. [AllowAnonymous] attribute [AllowAnonymous]public class IndexModel : PageModel { private readonly ILogger<PrivacyModel> ......
springboot项目启动访问任何html页面报类型转换错误：Failed to convert value of type...
问题： 2023-05-30T21:35:57.495+08:00 WARN 19900 [nio-8080-exec-8] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.method.ann ......
php页面加密码
以下是一个简单的示例代码，用于在PHP页面中添加密码： <?php $password = "mypassword"; // 设置密码 if ($_POST['password'] != $password) { // 如果表单提交的密码不正确 if (isset($_POST['submit']) ......
js判断本页面被 iframe 嵌套
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
手机端页面自适应代码
以下是一段简单的手机端页面自适应代码，使用了CSS3的媒体查询： /* 默认样式 */ body { font-size: 16px; } /* 在小屏幕设备上修改字体大小 */ @media screen and (max-width: 480px) { body { font-size: 14p ......
java spring添加自义定拦截器后发生访问路径错误，状态码应该返回404时却返回200的bug
java spring添加自义定拦截器后发生访问路径错误，状态码应该返回404时却返回200的bug ### 问题 自义定拦截器LoginInterceptor继承HandlerInterceptor，自义定配置类继承WebMvcConfigurer。 配置类中 ``` @Override publ ......
前端之vue3的setup和setup的2个的形参、响应式页面
# setup setup是个函数, 包含数据、方法等，是组合api的“舞台”。 setup返回值： 1.对象，其中的属性、方法都可以在模板中直接使用 2.渲染含数（了解就好） ``` export default { name: "App", components: {}, setup() { / ......
《软件测试52讲》读书笔记（十三） —— 数据脚本解耦+页面对象模型
数据脚本与数据解耦 “测试脚本和数据解耦”的本质是实现了数据驱动的测试，让操作相同但是数据不同的测试可以通过同一套自动化测试脚本来实现，只是在每次测试执行时提供不同的测试输入数据 数据驱动很好地解决了大量重复脚本的问题，实现了“测试脚本和数据的解耦”。 数据驱动测试的数据文件中不仅可以包含测试输入数 ......
微信小程序 WXSS模板样式，全局和页面配置，网络请求
【黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)】 https://www.bilibili.com/video/BV1834y1676P/?p=26&share_source=copy_web&vd_source=03c1dc52ee ......
页面的错误监听方式
页面中的代码建议都加上try/catch，它能捕获常规运行错误，但是语法错误和异步错误不行。 ``` try { console.log(notdefined); } catch(e) { console.log('捕获到异常：', e); } ``` window.onerror能捕获常规运行错误 ......
前端返回时直接关闭页面
任务场景是，企业微信环境下，通过鉴权页面跳转到目标页面，但是目标页面返回总是跳回到鉴权页面，然后又直接跳到目标页面了，导致页面关闭异常。 提供解决方式：监听页面返回事件，在手动关闭页面。 前端用的环境是vue。 ``` // 挂载时 mounted () { history.pushState(nu ......
2023-05-30 前端h5页面如何实现调起微信支付功能（该回答来自chatgpt，实际效果未测试）
前端H5页面调起微信支付功能需要结合微信JS-SDK和后端接口实现。以下是基本步骤和示例代码： 1.获取微信公众号的appid和secret 在微信公众平台上创建一个公众号，获取其对应的appid和secret。 2.引入微信JS-SDK 将微信JS-SDK的链接放入HTML文件的头部，例如： <s ......
facebook console.log bug All In One
facebook console.log bug All In One
......
html告诉浏览器不要缓存错误页面
如果您在浏览器中点击后退按钮，则浏览器将重新加载之前的请求，并显示 404 错误页面内容。这是因为浏览器会缓存错误页面内容，并在您点击后退按钮时从缓存中加载之前的请求结果，而不会重新向服务器发出请求。 为了避免这种情况的发生，您可以设置缓存控制来确保浏览器不会缓存错误页面。在自定义的 404 页面中 ......
51.使用vue3+vite+typescript+element_plus的setup语法糖实现发送axios的get请求http://localhost:3000/users接口数据，将获取到的json数据显示在页面上
<template> <div> <ul> <li v-for="user in users" :key="user.id">{{ user.name }}</li> </ul> </div> </template> <script setup lang="ts"> import { ref, on ......