词霸 页面bug
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
从输入url到页面展现发生了什么
大致是如下步骤: 根据地址栏输入的地址向 DNS(Domain Name System)查询 IP 通过 IP 向服务器发起 TCP 连接 向服务器发起请求 服务器返回请求内容 浏览器开始解析渲染页面并显示 关闭连接 一.DNS 域名解析的过程是逐级查询的 浏览器缓存: 首先会向浏览器的缓存中读取上 ......
created中两次数据修改，会触发几次页面更新
面试题：created 生命周期中两次修改数据，会触发几次页面更新？ 一、同步的 先举个简单的同步的例子： new Vue({ el: "#app", template: `<div> <div>{{count}}</div> </div>`, data() { return { count: 1, ......
mockito-inline与powermock-api-mockito2结合使用bug（org.mockito.exceptions.base.MockitoException）集合
Mockito 3.4版本以后开始支持模拟静态方法，结合powermock-api-mockito2使用时，依赖引入顺序不当，会导致出现如下错误： org.mockito.exceptions.base.MockitoException: The used MockMaker PowerMockMa ......
直播平台搭建，实现自定义设置登录页面
直播平台搭建，实现自定义设置登录页面 1.在resources中建立static文件夹（默认找这里面的页面） 创建login.html <!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF ......
javascript postMessage给子页面发消息
发送消息页面 <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8" /> <script> var childwin const childname = "popup" function openChild() ......
vue+pdfh5实现将pdf渲染到页面上
版本：pdfh5@1.4.7 vue2+.net Core 6.0webapi 方法一：通过访问后端获取二进制数据来渲染 前端渲染 <template> <vol-box ref="box" :width="width" :height="height"> <div id="demo" ref="r ......
将较大的数组赋值<el-table></el-table>时，会导致页面卡顿，甚至崩溃
遇到的问题：将长度为40的数组数据赋值<el-table></el-table>，我发现loading没有效果，后面发现是页面卡住了，loading直接没有出现。 经过查询资料，发现<el-table>会有卡顿的问题，看到有的博主推荐使用一款叫umy-ui的插件，我就试了试，发现卡顿的问题解决了。 ......
客户的一个紧急bug，我用了两种方式进行 C# 反编译修改源码
一：背景1. 讲故事周五下午运营反馈了一个紧急bug，说客户那边一个信息列表打不开，急需解决，附带的日志文件也发过来了，看了下日志大概是这样的： 日期:2020-11-13 12:25:45,923 线程ID:[3924] 日志级别:INFO 错误类:xxx property:[(null)] - ......
使用js添加按钮，vue页面 el-calendar 添加自定义按钮
html代码： <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
Eclipse安装中文语言包导致部分页面功能和工作区域无法加载或使用的解决办法
Eclipse安装中文语言包插件（eclipse菜单栏：“Help”—>“Install New Software”）出现：“Welcome”页面无法加载，“Task List”“Outline”等工作区无法使用等情况。 针对这种情况，需要卸载安装的中文语言包插件。 具体步骤为： eclipse菜单 ......
批量导出多个页面为pdf文件
添加多个页面组件ref，每个页面组件加一个回调函数来判断此页面数据是否已经加载完毕，加载完毕所有页面后执行导出 import React, { useContext, useEffect, useRef, useState } from 'react'; import styles from './ ......
导出当前页面为PDF文件
html2canvas+jspdf import useCompToPDF from '@/hooks/use-pdf-hooks/usePDFHooks'; const ref = useRef<HTMLDivElement>(null); const { exportPDf } = useCom ......
从测试的角度看待南航机票bug事件
事件描述 11月8日晚间，多名消费者反映南方航空多条成都进出港航线票价（不含机建燃油费）低至10元、20元、30元不等。上述超低价机票不仅在南方航空App可以购买，多家在线旅游平台也都能抢到。 11月9日，南航官方发布公告，称11月8日晚间在系统异常期间南航售出的所有机票（支付成功并已出票）全部有效 ......
针对线上 BUG ，作为测试如何应对和避免？
1、先解决线上问题 对于出现线上问题，我们应该本着用户原则，优先解决生产问题。如不阻塞用户流程问题，可以让用户先跳过或者其他方法完成操作，如系统阻塞流程问题则排查解决，避免造成用户流失等行为 测试首先帮助开发在测试环境复现问题，或者和开发一块，优先解决线上问题，或者是等开发解决后，我们再去了解这个b ......
每日一练：通过广播信道实现跨页面通信
利用广播通道实现标签页通信 1. 什么是广播通道 广播通道是一种新的浏览器原生API，它可以让你在同源的标签页之间传递消息。这个API的目的是为了让开发者可以在不同的标签页之间共享数据，而不需要使用LocalStorage或者其他的存储方式。 2. 广播通道的使用 2.1 创建广播通道 const ......
js处理前端页面复选框多页复选同时生效的问题
虽然是后端开发，但在实际的工作中难免会碰到一些前端相关的任务需要自己处理，下面就是本人开发工作中处理的前端相关分页复选的问题。总结一下，以备日后重复遇到：<script type="text/javascript"> //初始化数据 $(function () { $('#queryButton') ......
TSINGSEE青犀视频平台EasyCVR自定义可视化页面一览
视频监控TSINGSEE青犀视频平台EasyCVR能在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，在视频监控播放上，视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放，可同时播放多路视频流，也能支持视频定时轮播。视频监控平台EasyCVR支持多种播放协议，包括：HLS、 ......
UE4.27 bug汇总
编译时 error C4668: 没有将“_WIN32_WINNT_WIN10_TH2”定义为预处理器宏，用“0”替换“#if/#elif” 一般为Windows中的宏和UE4冲突所致，需要用如下头文件包裹冲突的头文件： #include "Windows/AllowWindowsPlatformT ......
cshtml页面中动态生成URL，Url.RouteUrl（）与 Url.Action（）有什么区别
原文链接：http://cn.voidcc.com/question/p-yrfdusit-kx.html RouteUrl根据路由名称生成url。如果您有多个参数相似的路由，则Action方法可能会选择错误的路由 - 它会根据路由定义的顺序工作。这可能发生在您的路线具有可选参数时。 如果您想确保使 ......
kubernetes web管理页面安装（二）
参考文件： https://cloud.tencent.com/developer/article/1919416 参考命令： https://blog.51cto.com/smbands/4903848 查看当前集群node kubectl get node 下载dashboard组件 wget ......
js---判断用户是否在浏览当前页面
最近遇到一个需求，需要判断用户是否在当前页面，只有用户在当前页面才可以播放视频，如果切换到其他窗口就要将视频暂停掉，避免学生刷课程，以下是具体的代码： <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <scr ......
微信小程序--自定义tabbar切换页面时，保留数据方案
自定义的tabbar组件，每次切换页面时都会重新加载页面和数据，需要通过一些方法把tabbar菜单的数据保留下来，不要每次都请求数据。 方案一：在app.js文件里定义全局数据（本次项目采用的是可以在后台管理里配置的数据，所以采用了方案一） 1、在app.js文件里定义一个全局变量 App({ gl ......
:key可以不加，如果不加:key属性，刷新页面时，可能由于key相同，图片不刷新。
件中使用vue-lazyload时，v-lazy代替v-bind:src 实现图片懒加载可以使用 key属性不是必须的，但是不写key可能报警告，有些内容可能显示异常。 key的作用：提高性能，不影响显示效果（如果没有id，可以使用index代替） ......
如何减少项目的白屏时间，优化页面的卡顿
1.如何减少项目的白屏时间，优化页面的卡顿 问题背景 在某些情况下，我们希望等待当前帧渲染完成后执行某个函数。这样可以确保在进行下一次操作之前，浏览器已经完成了渲染工作，以提供更流畅的用户体验。例如，当我们需要处理大量数据并进行渲染时，我们可以使用 requestAnimationFrame 在下一 ......
模块热替换会在程序运行中，替换、添加、删除模块，无需重新加载整个页面，无需更替所有模块
下列关于webpack配置的描述错误的是（ ） A module.rules可以指定多个loader，而loader的作用是对模块的源码进行转换 B plugin是一个具有apply方法的JavaScript对象，由于plugin可以携带参数，所以必须在配置中向plugins属性传入一个实例 C 模 ......
onnx 部署的bug（1）
onnx tensorFlow 转onnx的文件做部署时，onnx读取遇到的问题： 主要报错信息为： [09/26/2022-16:03:16] [E] [TRT] ModelImporter.cpp:720: While parsing node number 10 [Reshape -> "re ......
node+express服务给前端提供markdown数据，前端渲染md文件在页面上
本文介绍后端怎么把markdown文件发给前端，前端又怎么渲染在页面中。 先看效果图 md文件代码： 前端网页渲染： 先介绍node+express怎么提供接口: const express = require("express"); const router = express.Router(); ......