页面结构:关于HTML、CSS和JS
2024-01-30掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树
nuxt3 useFetch封装一个api接口http请求 - 解决刷新页面useFetch无返回
2024-01-30比如我的关注页面,在其他页面点了关注,每次进这个页面或者刷新都需要去后台重新获取数据,所以我给入参加了一个以时间戳为值的参数key,但是这样导致每次F5刷新页面的时候,都拿不到数据,导致页面没有显示。Suspense不起作用。浏览器刷新的时候页面没有显示数据,接口data无返回。本身nuxt的useFetch在参数不变的情况下,数据是不会重新从后台接口去请求数据的,会直接拿上一次的结果。但是有实时去后台获取数据这样的需求,项目中封装接口请求,并且解决刷新页面useFetch无返回数据问题。_usefetch
vue3 框架学习概念笔记
2024-01-30在浏览器平台,渲染器可以利用DOM API完成DOM操作,为了不直接依赖浏览器,将这些操作封装为可配置的对象,用户可以在调用createRenderer函数创建渲染器的时候自定义配置对象,从而实现自定义的行为;?vue☃️ 个人简介:一个喜爱技术的人。? 励志格言: 脚踏实地,虚心学习。_vue3框架
CSS实现单行或者多行文本溢出隐藏并且显示省略号
2024-01-29如果文字超出父元素指定宽度,文字会自动换行,而连续不间断数字和英文字母(没有其他字符)不会自动换行;省略号:text-overflow: ellipsis;设置弹性盒子的子元素的排列方式 :-webkit-box-orient: vertical;对于内核是webkit的浏览器(Google/Safari),可以直接用CSS样式;设置显示文本的行数:-webkit-line-clamp: 5;溢出隐藏:overflow: hidden;_css一行显示不下显示省略号
CSS:calc() 函数 / 动态计算长度值 / 不同场景使用
2024-01-29CSS calc() 函数是一个用于计算 CSS 属性值的函数。它可以在 CSS 属性值中使用数学表达式,从而实现动态计算属性值的效果。calc() 函数可以使用加减乘除四种基本数学运算符来计算属性值,还可以使用括号来改变优先级。这个样式规则中,div 元素的宽度为整个父容器的宽度减去 20px。当浏览器窗口大小发生变化时,div 元素的宽度会自动重新计算,以适应新的窗口大小。这个样式规则中,div 元素的上下内边距为 10px 加上父容器宽度的 2%,左右内边距为 20px 减去父容器宽度的 5%。_css calc
运行node app.js 错误:Uncaught ReferenceError: require is not defined
2024-01-29浏览器中,得到Uncaught ReferenceError: require is not defined 错误_uncaught referenceerror: require is not defined
html5-qrcode 实现扫码
2024-01-29这部分代码是获取设备相机数量 以及开启的是前置还是后置 但是在使用的时候已经设定为后置了,觉得这部分的获取就有点多此一举。在这里主要记录一下使用中的问题 ,这个插件的使用只有在手机自带浏览器中可以,若是换成其他浏览器比如UC。浏览器是自带扫一扫功能的所以在不同浏览器可能方法不同,使用自带的没有进行 深入研究。基本步骤跟这里是一样的,_html5qrcode
学习opencv.js之基本使用方法(读取,显示,灰度化,边缘检测,特征值点检测)
2024-01-29OpenCV.js 是 OpenCV(Open Source Computer Vision Library)的 JavaScript 版本。OpenCV 是一个广泛使用的计算机视觉和图像处理库,提供了一系列功能强大的算法和工具,用于处理图像、视频、特征提取、对象识别等计算机视觉任务。OpenCV.js 是将 OpenCV 库编译为 JavaScript 的版本,使得开发者可以在浏览器环境中使用 JavaScript 来访问和调用 OpenCV 的功能。_opencv.js
PDF.js简介
2024-01-29pdf.js 是一个由 Mozilla 开发的 JavaScript 库,可以在 Web 浏览器中显示 PDF 文档。pdf.js 将 PDF 文档转换为 HTML5 Canvas 元素,并使用 JavaScript 控制文档的呈现和交互。pdf.js 使得不需要在计算机上安装 Adobe Reader 或其他 PDF 阅读器就可以在 Web 上阅读 PDF 文档成为可能。pdf.js是一个免费的开源软件,使用和修改都非常方便。_pdf.js
Vue中使用Web Serial API连接串口,实现通信交互
2024-01-28Web Serial API 是一项 Web 技术,用于在浏览器中访问串行端口设备(如 Arduino、传感器等)并与之通信。它提供了一组 JavaScript 接口,使得 Web 应用程序可以通过 USB 串行端口连接到硬件设备,并进行数据发送和接收操作。_vue 串口通信