- 2024-10-25【原创】修正fpspreadsheet读某些复杂xlsx文件时出错的Bug
网友“海”在使用fpspreadsheet时遇到读取复杂的xlsx文件会出错： 经跟踪发现运行到fpspreadsheet\source\common\xlsxooxml.pas的procedureTsSpreadOOXMLReader.ReadFromStream的ReadDefinedNames(Doc.DocumentElement.FindNode('definedNames'))这行出错，查看早期（fpspreadsheet
- 2024-08-28vue获取屏幕的实时 宽度 / 高度
mounted(){constthat=this;window.onresize=()=>{return(()=>{window.screenWidth=document.documentElement.clientWidth;//实时宽度window.screenHeight=document.documentElement.clientHeight;//实时高度
- 2024-05-14js 取滚动条 和视口大小
functiongetScrollSize(){if(window.pageXOffset){return{x:window.pageXOffset,y:window.pageYOffset}}else{return{x:document.body.offsetLeft+document.documentElement.offsetLeft,
- 2023-12-25Vue3之实现一个可拖拽的div
实现一个可拖拽的div写法如下：constchatbox=ref();constdragx=(el)=>{letoDiv=chatbox.value;//当前元素letdisX=el.clientX-oDiv.offsetLeft;letdisY=el.clientY-oDiv.offsetTop;document.onmousemove=function(e){//通过事件委托，
- 2023-10-13pc端自适应&&移动端rem适配代码
第一种俺写在index.html中的head标签与body标签中间（2560是pc端设计稿的宽度）：<script>//设置webview字体大小不受系统修改而改变(function(){if(window.HiSpaceObject){window.HiSpaceObject.setTextSizeNormal();}})();//屏
- 2023-10-07大屏项目按照宽度缩放
注：如果高度也缩放会导致大屏项目中图片拉伸的问题，所以本方法不包含高度缩放 constfunctionOne=(function(win){ varbodyStyle=document.createElement('style') bodyStyle.innerHTML=`body{width:1920px;height:1080px!important;}` document.documentEle
- 2023-09-19解决窗口自适用大小
<html><head></head><body><divstyle="overflow:auto;"><formοnsubmit="getList();returnfalse"><tableclass="query"align="center"width="99.5
- 2023-09-04JS 获取页面尺寸
通过JS获取页面相关的尺寸是比较常见的操作，尤其是在动态计算页面布局时，今天我们就来学习一下几个获取页面尺寸的基本方法。获取页面高度functiongetPageHeight(){varg=document,a=g.body,f=g.documentElement,d=g.compatMode=="BackCompat"?a
- 2023-08-28vue 监听窗口变化
mounted(){window.onresize=()=>{return(()=>{this.$nextTick(()=>{if(document.documentElement.clientWidth<=1000){this.mode="vertical"}else{
- 2023-08-12rem布局快速写法
vw的兼容性已经没问题，现在推荐优先使用vw但是rem布局还是有其用武之地，比如需要动态改变字体大小的场景(有小，中，大三种字体，可手动选择，方便不同人群查看)vw和rem的兼容性|兼容性|ios|安卓||rem|4.1+|2.1+||vw|6.1+|4.4+|js快速写法(与设计稿不挂钩)docu
- 2023-07-31缩放
setScale(){ constdesignWidth=2047//设计稿的宽度，根据实际项目调整 constdesignHeight=1080//设计稿的高度，根据实际项目调整 constscale=document.documentElement.clientWidth/document.documentElement.clientHeight<designWi
- 2023-05-16DIV 随着滚动条 移动
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>codeby：haiw
- 2023-04-12网页单位为(rem)时,js控制自适应字体大小
//js部分:屏幕大小决定根元素字体大小(functionflexible(window,document){functionresetFontSize(){constsize=(document.documentElement.clientWidth/1920)*16;//1920为设计稿宽度if(document.documentElement.clientWidth>1920){doc
- 2023-03-03[前端] html和原生js实现鼠标拖动和触摸拖动以及点击后跟随鼠标移动
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>悬浮窗拖动点击事件</title><style>div{width:100px;
- 2023-02-28大屏适配方案
现有大屏实现方案：一、页面元素定位使用rem定义父级大小，之后进行组件的height、margin、padding等多种css属性采用rem作为单位，实现适配二、大屏内容居中展示做法类似于
- 2023-02-26vue图片热区map-area定位（适应屏幕）
vue代码<template><div>{{screenWidth}}{{screeHeight}}<divv-for="(item,index)inbook":key="index"><!--当从后台获取数据的时候可以进行
- 2023-02-25vue获取屏幕长宽
vue代码<template><div>寬：{{screenWidth}}高：{{screeHeight}}</div></template><script>exportdefault{data(){return{screenWidth:1000,//
- 2023-02-23【Vue】vue2 vue3 实现 scale 缩放大屏自适应
vue3例子App.vuetemplate<divclass="screen-wrapper"><divclass="screen"id="screen"><router-view/></div></div>scriptimport{onMou
- 2023-02-08在线直播源码，js获取滚动条的位置
在线直播源码，js获取滚动条的位置一.获取当前页面滚动条纵坐标的位置 document.body.scrollTop与document.documentElement.scrollTop IE6/7/8/IE9及以上：可以使用d
- 2023-01-19index.html
<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"/><metaname="viewport"content="width=device-width,initial-scale=1"/><metana
- 2023-01-18[兼容问题]关于页面适配的整理
先进行分类。有空填坑。 1.pc长页面，h5长页面，根据浏览器宽度适配。考虑：fixed属性的页面头部、弹窗，可能需要才用.container.top .pup三部分分别进行适配。（参考wh春
- 2022-12-21数据大屏最简单自适应方案，无需适配 rem 单位
前言您是不是有如下疑惑。开发数据大屏不能完全自适应？使用rem自适应还需要注意单位很麻烦？有没有那种随便我怎么写都能够完全自适应的？有没有那种用最少的代码最简单的
- 2022-12-21数据大屏最简单自适应方案，无需适配 rem 单位
您是不是有如下疑惑。开发数据大屏不能完全自适应？使用rem自适应还需要注意单位很麻烦？有没有那种随便我怎么写都能够完全自适应的？有没有那种用最少的代码最简单的方法实
- 2022-12-14实现一个可拖拽的div（vue3写法）
constchatbox=ref();constdragx=(el)=>{letoDiv=chatbox.value;//当前元素letdisX=el.clientX-oDiv.offsetLeft;letdisY=el.clientY-oDi
- 2022-12-05html页面高度不同浏览器兼容性设置
页面需要嵌套在跨域的iframe中，而页面高度不固定，需要每个页面把自己的高度获得后，通过js通知iframe调整显示。而页面在获得自己的高度时，发现总是比预想的大。经过参考别人的博