前端
文章平均质量分 50
web前端遇到的问题
小和尚敲木头
这个作者很懒,什么都没留下…
展开
-
完美解决flex布局中space-between最后一行不居左对齐问题
展示效果问题解决前问题解决后直接贴代码(.vue文件)原理。转载 2024-09-13 11:40:51 · 79 阅读 · 0 评论 -
krpano开启日志公能
之后鼠标右键菜单栏最后一行 点击(开启后会发生变化)。原创 2024-07-11 09:00:05 · 154 阅读 · 0 评论 -
在Krpano中点击热点放大图片并交互
在全景项目中,经常会遇到这样的功能:点击场景中的某个热点,能够进行图片放大,同时还可以对图片进行交互操作,比如放大图片、拖动图片等,本章节内容讲述如何在Krpano库中调用js代码实现图片的放大和交互。具体效果如下:本次我们使用到的js库叫viewer,原创 2024-06-22 16:39:48 · 555 阅读 · 3 评论 -
node版本过高出现ERR_OSSL_EVP_UNSUPPORTED错误
新版本的nodejs使用的openssl和旧版本不同,导致出错。1.将node版本重新换回16.x。2 windows 下。原创 2024-06-21 22:12:11 · 1309 阅读 · 0 评论 -
PDF.js介绍以及使用
build 是源码库 web 内是写好的一个类似pdf编辑器的完整项目。我这是uniapp项目 放入了。// file 是文件地址。下载最新版浏览器版本。vue 项目可以放入。原创 2024-04-16 16:47:39 · 1357 阅读 · 6 评论 -
axios 进行同步请求(async+await)
【代码】axios 进行同步请求(async+await)原创 2024-03-27 16:28:11 · 1693 阅读 · 0 评论 -
vue3 报错 require is not defined
【代码】vue3 报错 require is not defined。原创 2024-03-21 15:32:36 · 3999 阅读 · 0 评论 -
Vue3使用mitt进行组件通信
npm地址-:也可以封装一个ES模块,对外暴露一个Mitt实例:业务模块引入来使用3. 使用通过on监听/emit触发off移除事件Mitt.js Github仓库https://juejin.cn/post/6957965225471508493转载 2024-03-21 15:24:18 · 459 阅读 · 0 评论 -
uniapp h5 部署
【代码】uniapp h5 部署。原创 2024-03-13 08:52:30 · 514 阅读 · 0 评论 -
css pointer-events 多层鼠标点击事件
threejs 无法滑动视角,菜单界面覆盖threejs操作事件。原创 2024-02-19 14:46:02 · 416 阅读 · 0 评论 -
vue2 视频播放 vue-video-player
vue-video-player vue2版本只支持到5.0.2版本。vue3 版本的是videojs-player。原创 2024-01-22 10:21:36 · 3913 阅读 · 0 评论 -
vue computed计算不到数组或者对象的变化
想要computed 监听计算改变后所有score的和但是 computed并不监听。原创 2024-01-09 16:00:59 · 1164 阅读 · 0 评论 -
vue无法获取dom
报错 导致页面没有加载DOM,所以。原创 2024-01-05 18:01:18 · 646 阅读 · 0 评论 -
webpack 基础配置
【代码】webpack 基础配置。原创 2024-01-02 15:49:34 · 357 阅读 · 0 评论 -
three.js 模型 居中
【代码】three.js 模型 居中。原创 2023-12-27 17:01:55 · 898 阅读 · 0 评论 -
H5 模块化下调取外部链接js脚本方法
【代码】H5 模块化下调取外部链接js脚本方法。原创 2023-12-19 09:12:55 · 431 阅读 · 0 评论 -
css 字号与行高
什么是字号大小?字号大小就是字体的高度,例如设置字号为50px,那么它的高度如下图所示:什么是行距呢?如下图所示:其中半行距 = (lineHeight – fontSize) / 2。但是实际上,—font-size经常不等于渲染的高度,如下图所示:对于笔者用的ProximaNova这个字体,设置font-size为30px,实际上高度为42px。为什么文字的高度不等于字号的高度?这得从字体设计说起。为此装了一个FontForge和RoboFont软件设计一款自己的字体。转载 2023-11-15 17:29:49 · 376 阅读 · 0 评论 -
Failed to parse source for import analysis because the content contains invalid JS syntax
报错位置使用了elementplus 的走马灯组件。不兼容低版本nodejs吧。将nodejs 从14 切换到了18 重新运行。原创 2023-10-18 17:29:56 · 201 阅读 · 0 评论 -
vue3的element-plus的el-dialog的样式修改无效问题
本质原因是:页面中el-dialog的渲染位置不同,添加div就会在当前组件位置渲染,如果没有div,就会在中渲染。这个答案大家接受吗?在组件中中 把el-dialog放在一个div中,然后:deep(你要修改的元素class) , 还有一个重要的前提是dialog中有一个属性append-to-body ,把这个属性设成false 或者不写才可以用深度选择器修改样式,这个属性就是把dialog插入到body中,不然就算包裹在div中依然是取不到样式。(vue2下深度选择器是有效的)原创 2023-10-08 10:46:16 · 5513 阅读 · 1 评论 -
vue3 keepalive跳转页面保存页面状态
实现页面 A-> B , B->A(A保存之前页面状态,不刷新页面)配置,且父组件和子组件名字都需要添加到。App页面和父组件页面都需要。原创 2023-10-07 17:03:31 · 1012 阅读 · 2 评论 -
threejs 透明贴图,模型透明,白边
模型透明贴图显示问题处理原创 2023-10-06 11:57:48 · 2231 阅读 · 0 评论 -
uniapp 回退到指定页面 保存页面状态
uniapp 历史页面回退到指定页面。原创 2023-08-22 15:25:43 · 1530 阅读 · 0 评论 -
ruoyi 若依 el-table 翻页自动滚动到页面顶部位置
若依框架 , 后台 列表页面 如果长度有滑动条时 翻页会自动定位到表格顶部问题处理。设置为false 就不会自动定位顶部了。原创 2023-08-22 15:11:24 · 1015 阅读 · 2 评论 -
Vue elementui 实现表格selection的默认勾选,翻页记录勾选状态
需求:当弹出一个列表页数据,对其进行筛选选择。原创 2023-08-19 10:24:24 · 3997 阅读 · 2 评论 -
uniapp 取消导航栏 使页面铺满
【代码】uniapp 取消导航栏 使页面铺满。原创 2023-07-20 10:37:19 · 322 阅读 · 0 评论 -
cancelAnimationFrame失效问题
在调试threejs时为了让模型自动旋转 使用了。无法跨loadingModel发法调用。最后取消掉了在加载模型时调用。原创 2023-07-03 17:30:36 · 1030 阅读 · 0 评论 -
几何中心重置到坐标原点
有时模型的默认中心并不是几何中心,需要自己调整。原创 2023-06-28 08:37:37 · 246 阅读 · 0 评论 -
threejs 加载 FBX 模型
加载FBX格式的模型无法自动加载模型自带的贴图(贴图和模型是一个文件,又分开的形式)使用LoadingManager TGALoader 加载贴图。原因 Mesh children中。js 版本 148.0。第一次加载出来没有模型。原创 2023-06-25 12:53:23 · 2143 阅读 · 0 评论 -
vue-video-player 手机端使用postcss-pxtorem自适应大小
<template> <div class='videomp4' @dblclick="clickFun()"> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions"原创 2023-06-16 17:01:10 · 1274 阅读 · 0 评论 -
audio 自定义UI样式
<template> <div class="audio-container"> <audio :src="audiourl" ref="audioRef" @timeupdate="updateProgress" muted></audio> <div class="trumpet" @click="playAudio()"> <img src="/img/btn-trumpet.png" class=原创 2023-06-13 18:07:33 · 1695 阅读 · 0 评论 -
Vue 动态设置audio/video的src 播放错乱问题
这是因为VUE对DOM更新是异步的 当我们改变src属性数据后,DOM上绑定的src属性没有立即更新,所以操作DOM可能会报错。为了保证能在更新完成后去操作可以使用 $nextTick。或者在标签上加上 v-if 重新加载标签。他保证在更新队列完成后去执行回调方法。原创 2023-06-06 15:41:31 · 600 阅读 · 0 评论 -
vue 动态加载本地图片失败
使用require()内部只能传输静态字符串。这样是对的,如果传输一个变量则是错的。原创 2023-06-03 17:14:50 · 438 阅读 · 0 评论 -
Vue+axios下载二进制文件
【代码】Vue+axios下载二进制文件。原创 2023-03-02 09:35:12 · 621 阅读 · 1 评论 -
el-table单元格不自动换行
cell-style="padding:0"这列可以不用加。这是我在缩小高度时,缩小到最小高度不能再缩时才加的。vue element UI el-table表格调整行高,及单元格内字体大小。升高:本人实际开发中没试过最大多少,但行高的高度完全可以调到自己适合的高度。缩小:行高到一定程度之后便不能缩小。原创 2023-01-10 17:55:41 · 1203 阅读 · 0 评论 -
HTML行内元素、块状元素、行内块状元素的区别
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换:(1)display:inline;转换为行内元素(2)display:block;转换为块状元素(3)display:inline-block;转换为行内块状元素<!DOCTYPE html><html> <head> <meta charset="utf-8" />转载 2020-11-22 17:27:17 · 94 阅读 · 0 评论 -
CSS Grid 网格布局教程
作者: 阮一峰日期: 2019年3月25日 一、概述网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容转载 2021-02-02 11:07:47 · 257 阅读 · 0 评论 -
rem是如何实现自适应布局的?
rem是如何实现自适应布局的? 摘要:rem是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么?rem(font size of the root&nb转载 2020-12-25 17:50:23 · 2822 阅读 · 0 评论 -
inline行内元素
行内元素可以设置 padding-left padding-right margin-left margin-right,可以将其和与之一行的元素挤开一定的距离,一般我们认为行内元素不能设置margin和padding的top 和 bottom,其实这些是可以的,只是,对于行内元素设置这些属性没有太大的意义。...原创 2021-01-05 14:48:47 · 821 阅读 · 0 评论 -
javascript 动态修改css样式方法汇总(四种方法)
在很多情况下,都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用、效果、以及缺陷。1、使用obj.className来修改样式表的类名。2、使用obj.style.cssTest来修改嵌入式的css。3、使用obj.className来修改样式表的类名。4、使用更改外联的css文件,从而改变元素的css下面是一段html代码和css代码用来解释上面方法的区别的。css.style1{margin:10px auto ;backgro原创 2021-01-05 14:43:42 · 1212 阅读 · 0 评论 -
input radio 样式
<input name="opption1" type="checkbox" style="display:none"/>// 隐藏前面的圆圈原创 2020-12-30 10:17:20 · 437 阅读 · 0 评论