如何恢复被覆写的element-ui样式

如何恢复被覆写的 element-ui 样式在使用 Element-UI 组件时,常常会遇到样式被全局或局部 scoped 样式覆写,导致组件显示异常。本文以 el-date-picker 的 popper-class 用法为例,介绍如何恢复被覆写的 Element-UI 样式。 总体思路 引入或复制 Element-UI 原始样式文件: 可以直接从 ele…

阅读更多

使用postcss-px-to-viewport进行vw响应式开发

使用 @pandaxiong1992/postcss-px-to-viewport 进行样式 vw 适配的配置说明背景在大屏、可视化等前端项目中,常用 postcss-px-to-viewport 插件将 px 单位自动转换为 vw 单位,实现响应式布局。但官方插件存在 include 配置失效等 bug,导致部分目录下的样式无法精准转换。 解决方案本项目采…

阅读更多

过多设置Cookies导致单点登录跳出

引公司项目最近遇到一个登录问题:在加载带有 3D TileLayers 倾斜摄影模型的页面时,刷新页面会导致应用退出登录。 问题排查思路1. 是否是某个业务接口导致的退出?排查过程中发现一个业务接口报错 500,但 500 错误不应导致鉴权状态丢失。 2. 从”刷新后丢失鉴权状态”入手由于退出登录现象只在页面刷新后出现,因此从 Cookies 方向开始排查。…

阅读更多

Vue Three.js 新玩法之 TresJs

效果预览今天我们将会探索一个名为 TresJs 的工具,它是一个使得在 Vue3 中使用 Three.js 变得更加容易的库。下面,我们将会使用 TresJs 来创建一个如下 iframe 展示的简单的 3D 手机模型展示。 什么是 TresJs?TresJS是一个声明性的3D场景构建工具,它允许你像使用Vue组件一样构建3D场景。TresJS利用Vit…

阅读更多

产品思维在复杂项目中的运用

语言扁平化,统一语言各方专业术语不同,容易造成理解的偏差。例如,PM这个缩写有项目经理和产品经理两个意思,这也说明了这两个职业早晚会合二为一。关于这个问题,我们稍后再讨论。 举个例子:MFC这个缩写,在研发领域可能指的是微软基础类库,在财务领域可能指的是一种投资方式,在工厂领域可能指的是人工频率控制器。因此,在这种复杂的情况下,过度使用专业术语并不是展示专业…

阅读更多

互联网团队员工激励体系的搭建

文章内容来源于互联网,侵删 关于员工激励1. 员工激励的定义员工激励是指通过各种有效的手段,对员工的各种需要予以不同程度的满足或者限制,以激发员工的需要、动机、欲望,从而使员工形成某一特定目标,并在追求这一目标的过程中保持高昂的情绪和持续的积极状态,充分挖掘潜力,全力达到预期目标的过程。 2. 员工激励的作用激励是管理过程中不可或缺的环节和活动,目的在于激发…

阅读更多

结合GreenSock实现数字翻牌效果

引言   好久没更新博客了,最近得空把githubPage挂到了cloudflare的CDN上(别问我为什么,问就是他免费且我穷)。顺便写一篇文章,测试测试速度。   最近在做一个项目,需要实现一个数字翻牌的效果。于是就想到使用 GreenSock 这个库。GreenSock 是一个强大的动画库,可以实现很多复杂的动画效果,而且它的 API 也非常丰富,所…

阅读更多

Vite插件初探-以自动部署为例

背景之前写过 Vue(Webpack)的自动打包配置,现在由于新项目使用了 Vite+Vue3+TS 的最新技术栈,旧版写法不通用了,这里重新针对 vite 写一下新脚本,并顺便了解一下 vite 脚本的基本写法。 了解 Vite 脚本1. 插件配置(使用)在vite.config.js中的 plugins 中,使用数组形式配置。 1234567// vit…

阅读更多