navigation jetpack compose页面
打工笔记----------------------------iframe重定向让父级页面跳转
"top.location.href"是最外层的页面跳转 $.ajax({ url: URL + "SystemPrivileges/UserChangePW", data: { userName: userName, passWord: passWord, oldpwd: passWordold, ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
从输入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, ......
直播平台搭建，实现自定义设置登录页面
直播平台搭建，实现自定义设置登录页面 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的插件，我就试了试，发现卡顿的问题解决了。 ......
使用js添加按钮，vue页面 el-calendar 添加自定义按钮
html代码： <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
composer公共包设计
目的：封装一个公共包，供全项目使用，最大化的抽象封装，减少重复代码，里面可以包含公共函数库、工具类、跨服务调用接口类，包罗万象 肯定是要用到composer管理的，两种方式： 1、加载本地包，当所有项目部署在同一台服务器上时，可以采用这个方式，https://codeleading.com/arti ......
Eclipse安装中文语言包导致部分页面功能和工作区域无法加载或使用的解决办法
Eclipse安装中文语言包插件（eclipse菜单栏：“Help”—>“Install New Software”）出现：“Welcome”页面无法加载，“Task List”“Outline”等工作区无法使用等情况。 针对这种情况，需要卸载安装的中文语言包插件。 具体步骤为： eclipse菜单 ......
docker & docker compose常用命令
docker常用命令 容器生命周期管理命令 run 创建一个新的容器。 # 使用docker镜像nginx:latest以后台模式启动一个容器, # 并将容器命名为mynginx。 docker run --name mynginx -d nginx:latest # 使用镜像 nginx:late ......
批量导出多个页面为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 ......
如何使用docker-compose重新启动单个容器
内容来自 DOC https://q.houxu6.top/?s=如何使用docker-compose重新启动单个容器 我有一个包含4个容器的docker-compose.yml文件，它们分别是redis、postgres、api和worker。 在开发worker容器期间，我经常需要重新启动它以应 ......
每日一练：通过广播信道实现跨页面通信
利用广播通道实现标签页通信 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、 ......
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 ......
docker-compose容器编排管理
一、简介 Docker-Compose项目是Docker官方的开源项目，负责实现对Docker容器集群的快速编排。 Docker-Compose将所管理的容器分为三层，分别是工程（project），服务（service）以及容器（container）。Docker-Compose运行目录下的所有文件 ......
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 模 ......
node+express服务给前端提供markdown数据，前端渲染md文件在页面上
本文介绍后端怎么把markdown文件发给前端，前端又怎么渲染在页面中。 先看效果图 md文件代码： 前端网页渲染： 先介绍node+express怎么提供接口: const express = require("express"); const router = express.Router(); ......
WPFXaml页面中绑定失效问题
在xaml中绑定viewModel中的控件，特别是我们自己写的自定义控件，容易出现问题，绑定不成功，在这里我建议给相应的控件加上名字直接用c#代码进行绑定。 public partial class Translation : UserControl { readonly TranslationVi ......
下列代码中，页面打开后能够弹出1的是？
下列代码中，页面打开后能够弹出1的是？ A B C IE下 D 正确答案：ABC A 加载页面的时候触发； B onerror 事件 当图片不存在时,将触发； C 在ie 7下会连续弹出， IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来 ......