- 2025-01-09前端通过docx-preview和pdfjs插件实现docx、pdf文件在线预览
docx文件格式在线预览插件：docx-preview安装：npmidocx-preview使用：创建一个容器标签引入并创建渲染函数import{renderAsync}from"docx-preview";renderDocx(){renderAsync(this.fileData,this.$refs.file,null,{className:"docx",//默认和
- 2025-01-05在开发移动端时为什么要加上viewport？
在开发移动端网页时，加入viewport元标签的原因主要有以下几点：适应不同屏幕尺寸：移动端设备屏幕尺寸多样，从智能手机到平板电脑，它们的屏幕尺寸和分辨率各不相同。通过设置viewport，可以确保网页内容在不同设备上都能以合适的比例和布局显示。例如，通过设置width=device-width，可以让vi
- 2024-12-25vue3 vite使用postcss-px-to-viewport 实现页面自适应
三、如何在Vue3中使用postcss-px-to-viewport？首先，我们需要安装相关的插件：npminstallpostcss-px-to-viewport-D在vite.config.js文件中进行配置importvuefrom'@vitejs/plugin-vue'//vite.config.tsimport{defineConfig}from'vite'importAutoImportfrom'
- 2024-12-24WPF TileMode ViewPort ImageBrush VisualBrush
<Windowx:Class="WpfApp98.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.
- 2024-12-15鸿蒙UI系统组件14——几何图形(Shape)
1、概述上篇文章中，我们讨论了在鸿蒙系统中如何显示一张图片，鸿蒙UI系统组件13——图片显示(Image)，在鸿蒙开发中，除了使用静态图片展示外，我们还可以自己使用代码画一些几何图形，例如：三角形、矩形、圆形、多边形等。此时，我们就需要用到Shape组件来完成我们的需求。2、创建绘制组件绘
- 2024-12-02body{height:100%}和html,body{height:100%}有什么区别？为什么html要设置height:100%呢，html不就是整个窗口吗？
body{height:100%}andhtml,body{height:100%}haveacrucialdifferencerelatedtohowthebrowsercalculatestheheightofthebodyelement.Thehtmlelementrepresentstherootofthedocument,whilethebodyelementcontainsthevisiblecontent.Here
- 2024-12-01移动端如何禁止用户手动缩放页面？
在移动端禁止用户手动缩放页面，主要通过设置viewportmeta标签来实现。以下是一些常用的方法：1.使用user-scalable=no(已弃用，但仍被广泛支持)这是最传统的方法，虽然已被标记为弃用，但在大多数浏览器中仍然有效。直接在viewportmeta标签中添加user-scalable=no即可：<me
- 2024-11-30头部设置meta也可以做到自适应为啥还要用rem？
你问的是一个很好的问题！虽然<metaname="viewport"content="width=device-width,initial-scale=1.0">可以使网页在不同设备上自适应，但这与使用rem单位是解决不同问题的两种不同技术，它们通常结合使用以获得最佳效果。metaviewport的作用：控制视口宽度:它主要控制视口的
- 2024-11-26请说说viewport是什么？在什么时候下使用？有什么作用？
在前端开发中，viewport指的是用户在浏览器中能看到的网页的部分。它就像一个窗口，通过它用户可以看到网页的内容。理解viewport对于创建响应式网页设计至关重要，因为它决定了网页如何在不同设备上显示。什么时候使用viewportmeta标签？几乎所有现代网页都应该使用viewportmet
- 2024-11-28qiankun+vite+vue3从零搭建一个微前端架构系统
本文将记录一下从零搭建一个微前端架构系统，技术栈使用qiankun+vite+vue3，后面还会持续分享主应用与微应用通信，组件共享，性能优化等内容。qiankun官网：介绍-qiankun参考网站：MicroFrontends一、微前端架构介绍微前端是一种多个团队通过独立发布功能的方式来共同构建现
- 2024-11-28DynoEquip 电驱动总成和电驱桥试验台
高效电驱桥试验台：优化集成或三合一电驱动总成性能电子邮箱: info@DynoEquip.com燃料电池电动汽车（FCEV）和电池电动汽车（BEV）在很大程度上都依赖于电力驱动，特别是作为这些车辆主要推进力来源的电力驱动装置。将电驱动总成与传动系统集成到电驱桥子系统中具有显著优势，包括提高
- 2024-08-12Android设置DisplayViewport
//设置DisplayViewportperformTraversalLockedclearViewportsLocked();mViewports.clear();configureDisplayLocked(t,device);populateViewportLocked(viewportType.get(),display.getDisplayIdLocked(),device,info);finalDi
- 2024-08-12Android设置鼠标显示的屏幕
@frameworks/native/services/inputflinger/reader/InputReader.cppInputReader::loopOncerefreshConfigurationLocked(changes);@frameworks/base/services/core/jni/com_android_server_input_InputManagerService.cppmPolicy->getReaderConfigurati
- 2024-06-20H5移动端加载预览pdf文件——demo
前言：正常情况下需要在HTML中嵌入本地docx或pdf文件时，我们会有以下解决办法：1.使用<iframe>标签2.使用<embed>标签3.使用<object>标签4.使用第三方库（如PDF.js）当实际操作时，会发现前三种方式在pc端支持，但在移动端不支持，因为这些标签在移动端浏览器中的支持并不统一。为了兼容移
- 2024-06-06个人向 godot 源码阅读 - 3 - MainLoop 以及 2D 视口
3-MainLoop以及2D视口godot默认的主循环类型为SceneTree,在之上则承载了godot中的重要概念之一节点树.SceneTree的源文件位于scene/main/scene_tree.cpp,SceneTree默认将会在Main::start()函数中被创建,然后被设置到OS的mainloop上,现在让我们来看看Scen
- 2024-05-25深入浅出Viewport设计原理2
逻辑像素、逻辑分辨率对于同一个元素，DPR越大，渲染时需要的物理像素就越多。这是我们上面得出的结论。那么，在软件开发中，元素的大小到底应该写成多少px？为了解决这个问题，我们引入“逻辑像素”的概念。平时我们在css中写的px指的就是逻辑像素，而不是物理像素，一个逻辑像素可以
- 2024-05-19cs04 CSS Measurement Units
Valuesandunits,inCSS,aresignificantastheydeterminethesize,proportions,andpositioningofelementsonawebpage.Units,definethemeasurementsystemusedtospecifythevalues.CSSoffersanumberofdifferentunitsforexpressinglengthand
- 2024-05-19ray tracing in one weekend - 5
dielectric水、玻璃、钻石等透明材料都是电介质。当光线照射到它们身上时，它会分裂成反射光线和折射(透射)光线。我们将通过在反射和折射之间随机选择来处理这个问题，每次相互作用只产生一个散射射线。折射程度：是根据两个介质折射率的差值决定的。RefractionSnell'sLaw$$\e
- 2024-05-03HTML页面关于高分屏的设置
记录一个HTML页面关于高分屏的踩到的坑。所谓高分屏，就是在同样大小的屏幕面积上显示更多的像素点，这样可以呈现更好的可视效果的屏幕。例如，我的笔记本是15.6寸，理论上它的屏幕分辨率应该是1920x1080像素，但实际上我的笔记本屏幕分辨率确实2560x1440像素，也就是俗称的2K屏。这样的
- 2024-04-07TypeScript: pdf.js v4.0.379
<!doctypehtml><html><head><metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="chrome=1"><metaname="viewport"content="width=device-width,initial-sc
- 2024-04-06移动端适配方案总结之vw
1、vw/vh是什么？vw是：viewportwidth视口宽度单位vh是：viewportheight视口高度单位实际开发中我们基本用vw；2.相对视口的尺寸计算结果1vw=1/100视口宽度1vh=1/100视口高度例如：当前屏幕视口是375像素，则1vw就是3.75像素，如果当前屏幕视口为414，则1vw就是4.
- 2024-03-19使用vw进行移动端适配（nuxt项目）
基于nuxt 2.0.0 安装postcss-px-to-viewportnpm安装npminstallpostcss-px-to-viewport--save-dev或yarn安装yarnadd-Dpostcss-px-to-viewport 在nuxt中配置postcss-px-to-viewport在nuxt.config.js中配置exportdefault{........./*
- 2024-03-05vue中PDF文件转图片方式
1、在vue中安装依赖 pdfjs-dist 2、在需要引用的文件中添加import*aspdfjsfrom'pdfjs-dist'import*aspdfjsWorkerfrom'pdfjs-dist/build/pdf.worker.entry'pdfjs.GlobalWorkerOptions.workerSrc=pdfjsWorker3、编写需要转换的方法<divv-for="(i
- 2024-02-223D小算法
向量投影///<summary>///计算空间向量在平面上的投影///</summary>///<paramname="o">原点</param>///<paramname="end">终点</param>///<paramname="unit">投影平面的法向量</param>///<returns>&l