eCharts雷达图如何实现最外圈的线条为实线 引言 最近在做需求实线时,发现设计稿有个eCharts的图形处理,用的是雷达图,当时没在意,雷达图嘛,eCharts嘛,这不是分分钟就能搞定的事嘛,最后面在做的时候,发现,诶,好像不对劲,设计稿好像在坑我;设计稿的雷达图最外圈的颜色是实线,内圈是虚线,哦豁!这可咋整! 设计稿的样子 官网雷达图的样子 前端开发 #eCharts #图形配置 2026-02-12 13 1 0
uni-app WGT应用如何插入DOM节点并配置事件 在开发uni-app的wgt应用时,遇到一个需求,需要调用方法,并插入一个自定义弹窗,弹窗内容需要动态展示一个网页;在遇到这个需求的第一时间,想到的是“WGT应用不是一个传统的HTML应用,没有DOM节点的概念的呀,这可咋实现呢” 调研 在使用了无数的JS方法,进行DOM节点查询/插入皆无法达到预期 前端开发 #UNIAPP 2026-02-12 13 3 0
UNI-APP小程序与webview嵌套的H5如何实现双向数据通讯 引言 uniapp小程序本质上也是一个H5应用,只不过被编译成了一个小程序,就跟微信小程序的本质上是差不多的;数据通讯可以参考H5的数据通讯,使postMessage 进行双向数据通讯;本文都VueJS写法作为实例,实际上可以根据对应的技术栈进行对应的处理;Vue3的写法,后续会发文章进行处理 前置 前端开发 #VueJS #UNIAPP #消息通讯 2026-02-06 14 2 0
Nuxt 3 请求跨域解决方案 引言 在用Nuxt3的时候,本地执行请求,可以通过代理执行跨域请求,但是切换到服务器部署后,发现一直出现请求跨域;找了好多办法都未能解决,最后想到Nuxt提供了server/api的配置,最终解决了 编辑nuxt.config.js // 以下配置皆是新增的 runtimeConfig: { pr 前端开发 #nuxtJS #VueJS 2025-03-21 10 1 0
Vue3 steup中 动态组件component :is="xxx" 不能渲染的解决方案 导言 在Vue2中可以使用 component :is="xxx" 进行动态渲染,在Vue3的选项式API中也可以直接执行动态渲染,在Vue3的组合式API中,却无法直接使用,如何解决呢? 探索 <script steup lang="ts"> import {onMounted} from 'v 前端开发 #VueJS #Vue3 2024-12-23 11 1 0
网页实现滚动加载数据 - Vue/JavaScript 监听滚动条事件 // 需要监听滚动的容器 const content = document.querySelector('xxx'); // 给容器添加滚动事件 content.addEventListener('whell', this.checkScrollInfo); 检测滚动条相关信 前端开发 #VueJS #JavaScript 2024-12-07 7 1 0
Mac下如何快速安装NVM 安装NVM 第一步:卸载原有nodejs(若有执行下方命令,若无执行第二步) sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}< 前端开发 #MacOS #命令集 2024-09-09 4 0 0
Vue3学习记录 - 响应式原理分析 Vue3的响应式底层实现原理是什么 vue3的底层是通过 ES6 的新语法醣 Proxy 和 ES5 的 Object.defineproperty 来实现响应式设计的 尝试自己手动写一份 前端开发 #Vue3 2024-04-18 2 0 0
JS判断各数据类型 JavaScript判断数据类型合集 数字 typeof data === 'number' // 输出:Boolean:<true/false> 字符串 typeof data === 'string' // 输出:Boolean:<true/false> 数组 前端开发 #JavaScript 2023-06-13 3 0 0
VueJS API请求文件自动化挂载 导言 此方法适用VueJS Vue3.X 目前还没开始尝试。后续若有尝试,会一并更新。此方案主要是提升项目的可维护性,以及代码的可读性。 具体操作 src/init/initAPI.js 个人习惯问题,我喜欢把项目初始就要配置好的东西都丢init下。 import Vue from 'vue' c 前端开发 #VueJS #自动化处理 2020-07-10 20 1 0
VueJS路由自动化挂载 导言 此方案为懒人方案,在中大型项目开发中,个人认为是十分友好的。避免了一大撂的文件冲突,然Router的入口文件十分庞大,且可观性不强。采取自动化挂载方案后,只需要去维护好子级路由信息,无需在路由入口文件一个个添加、引入。一切交给自动化。 具体实现: 路由入口文件 个人习惯命名为/src/rout 前端开发 #VueJS #自动化处理 #Vue-router 2020-07-08 16 0 0