weixin_63443072的博客

本波煮在项目迁移过程中，使用了一个Vue2+Vant的初始模板，并修改了项目文件夹名称后，发现适配出现问题。经过排查，发现问题出在postcss.config.js文件中的rootValue函数，该函数根据文件路径中的vant字符来决定值，而修改文件夹名称后路径中不再包含vant，导致rootValue值变化。最终，本波煮将rootValue固定为37.5，解决了适配问题。此案例提醒开发者在修改项目文件夹名称时，需注意相关配置文件的路径依赖问题。

本文系统介绍了现代前端开发中的布局技术，涵盖基础概念、经典布局技术和现代适配方案。首先，文章详细解释了视口、像素和布局单位等基础概念，帮助开发者理解不同单位的使用场景。接着，文章探讨了静态布局、流式布局、响应式布局、弹性盒子布局和网格布局等经典技术，分析了它们的特点和适用场景。最后，文章介绍了现代适配方案，包括rem方案和vw方案，并对比了它们的优缺点。通过本文，开发者可以全面掌握前端布局的核心技术，有效应对各种设备适配需求。

为简化项目中的node_modules目录清理操作，可以通过全局安装rimraf工具，并将其集成到项目的package.json脚本中。首先，使用npm install rimraf -g命令全局安装rimraf。然后，在package.json文件的scripts部分添加"clean": "rimraf node_modules"命令。这样，无论是在Windows、Linux还是macOS系统上，团队成员都可以通过运行npm run clean命令快速清理node_

1.首先需要在自己的静态资源目录下，放入两个sass文件。需要注意的是 .d 文件，是用来在开发的时候给予提示用的。到这里，你的任何.vue文件中的style中都能直接使用 vw、vh方法了。

随着人工智能的发展，各行各业都开始收到一定的冲击，那么我们开发领域也是一样，那么如何想要继续混饭吃，当然要体现自己的价值。由于我自己是一名前端开发人员，所以也是在研究怎么苟住。此插件非前端项目里面的差劲又或是编译软件里面的插件。而是UI设计的一个插件。长话短说CodeFun可以通过原型生成项目。

今天我发现了一个宝藏，兄弟们！就是前端开发阶段是可以使用https来开发的。对不懂前端的后端兄弟来说，这不就是个通讯协议吗？有什么可骄傲的。咳咳，那自己咱村里人才知道，HTTPS能给前端带来多少便利。例如，在开发阶段前端项目需要跨设备获取一定的权限，这个时候浏览器要求某些能力需要是https的情况下才能使用，比如获取摄像头画面，获取当前地理位置等。如果有些前端兄弟还不知道如何开始https进行开发，那开发体验一定不好吧。我就废话少说了，下面给大家演示如何开启https，这里以vite 构建的项目为例。

这个表格将会说明一切：基于这些特点

作为一个开发人员，本人擅长前端、Node后端、Dart等其他语种。不过基本上都是需要在VSCode上运行的。下面我来给大家推荐一下，本人常用的插件。看看你们常用的是否也在其中呢？

这个只是一个思路小demo,并不能直接使用，由于作者本人没有地铁原尺寸的数据，所以这个只能给各位大佬提供写这个东西的思路，并不能直接使用。我这里用的技术不是canvas，也不是svg，而是大家熟知的Vue和三件套。html、css、js相对于跟简单，可以更好实现大家想要的效果，canvas和svg大家不一定都熟悉使用。后期大家可以完善自己的地铁线路图具体效果，我这里样式简单主要是做样式使用。下面我将分模块来来说明如何实现这个效果。

看客户接受那种方案吧，像我们公司的话，还是喜欢上一种方案。，但其实还有一种方案，那就是。

写了这么久的大屏，直到今天我遇见了这个js库，我才发现，之前写代码为什么这么“慢”了。其实，还可以更快。真是弗拉~这个js库就是。

做开发，总会遇到一些很难实现的动画，前端做不了怎么办。那就让AE办。前端只需要使用包，就可以加载动画，好过自己去写，减少开发时间成本。Lottie这个包，就是懒人神器，并且可以用在网页和安卓项目中，直接爽死好吧。这边直接说使用步骤。

我觉得bigemap就是依托，因为有些东西并不是他自己原创的，我觉得他是“借鉴”了Cesium，某部分的功能太像了。总不能说是Cesium借鉴了bigemap吧。感受归感受，我的项目里面还是要用它，因为公司要用。

这里使用vue2来演示，如果你使用的是vue3,那么也相信你也可以转化成你熟练的vue3代码吧。首先不管你的element ui 还是element plus，这个都是通用的。el-table 组件是自带一个属性 height 可以传值的，那么就好办了。

2.使用该文件，可以全局引入或者单独引入。然后可以直接使用了，例如：设计稿里面有一个盒子宽度是200px，高度是300px。注意：如果控制台有提示math.div报错信息，那大概是sass版本太低了，直接下载最新版本即可解决报错问题。1.首先定义个方法，这里设计尺寸的1920 ，如果设计稿不是的话，可以直接修改。经过我多次尝试，觉得还是适配宽度比较好。一般设计稿给的1920*1080 ，如果不一样可以修改。大屏自适应一个是图表，一个是图表里面配置的绝对单位。首先说说最基础的就是样式问题，样式可以这样处理。

做这个扫码登陆也不难，主要是一些坑比较多。下面我就简单讲一下最简单步骤。

渐变色其实很简单，我以柱状图为例，其他图也是差不多的。

由于是微信小程序，让我不由想到了腾讯地图。（个人感觉腾讯地图对开发者友好，文档清晰。比起某度的地图文档，用着让我苦不堪言。没错，就是不知道采用哪一种。究竟是栅格图层还是，叠加图层。大家看自己具体需求，总之我选择了栅格图层。最近遇到一个项目，需要使用个性化图层。在我确认使用腾讯地图之后，还有一个问题。

废话少说，直接开始。

也就是说 需要发送请求。我们直接就fetch请求，或者axiso，我就用axios测试一下吧。首先讲清楚一点，实现区域地图，边缘区域的经纬度。那么经纬度的数据源自哪里呢？

废话少说！上菜~腾讯开源前端插件 vconsole。

【代码】vue3中使用wangEditor上传图片。