- 博客(13)
- 收藏
- 关注
RSS订阅原创 git的在项目开发中的使用
本文介绍了Git常用操作指令，这些指令涵盖了项目开发中从获取代码到分支管理的核心Git操作流程，帮助开发者高效地进行版本控制。
2025-06-25 15:06:24
275
原创 Grid布局实现不规则排版
摘要：本文介绍了如何利用CSS Grid布局创建不规则排版效果。通过grid-template-areas、grid-template-columns、grid-template-rows和grid-area等关键属性配合repeat()计算方法，可以实现1宫格、4宫格、6宫格等多种布局形式。特别强调grid-area与grid-template-areas必须匹配，区域命名采用字母标识。
2025-06-17 11:49:22
440
原创 写一个简单的ECharts图例：自定义系列的合计值（四）
摘要：本文介绍了在Vue3+ECharts中实现柱状图显示数值合计的解决方案。传统方法会在图表中直接显示合计柱形，而改进方案通过自定义系列配置，将合计值设为透明隐藏，同时保留数值显示。关键点包括：1) 将合计项的value设为空字符串；2) 通过label配置实现数值显示；3) 设置合计数据为0并计算总和；4) 将合计柱形颜色设为透明。该方法在不修改源数据的情况下，实现了只显示数值而不显示柱形的效果，并通过formatter函数动态计算和显示合计值。
2025-06-13 18:18:44
643
原创 用dataZoom配置代替scroll的ECharts图例渲染
摘要：本文介绍了解决ECharts柱状图数据拥挤问题的方案。当数据过多时，传统横向滚动条会隐藏Y轴，影响使用体验。通过配置ECharts的dataZoom组件，可实现只滑动数据区域的优雅效果。文章详细展示了父组件数据传递和子组件配置的实现代码，包括图表初始化、数据处理和自适应调整等关键步骤。最终效果既能保持图表美观，又能完整查看所有数据，解决了大数据量展示的难题。
2025-06-13 10:59:51
678
原创 写一个简单的ECharts图例：动态生成series配置项（三）
【摘要】本文介绍了如何通过Vue父子组件方式优化ECharts柱状图的代码结构。父组件传递数据源和系列配置，子组件使用computed属性动态生成series配置项，避免了重复代码。通过map方法遍历nameData数组，自动生成包含名称、类型、堆叠等属性的系列配置，并将数据动态绑定到对应字段。同时实现了图表的初始化、数据更新响应和窗口自适应功能，提高了代码复用性和可维护性。这种方案尤其适用于多系列柱状图的场景，有效简化了配置代码。
2025-06-10 17:07:46
300
原创 写一个简单的ECharts图例：图表的渲染（二）
本文介绍了在Vue项目中通过父组件引入子组件的方式实现ECharts图表渲染的方法。主要包含以下内容：1）父组件通过props传递数据给子组件；2）子组件使用onMounted、onUpdated和onUnmounted生命周期管理图表实例；3）解决样式显示问题的两种方式：固定宽高或百分比设置；使用onUpdated生命周期处理数据更新时的图表重绘；4）注意事项：图表实例销毁、加载效果实现和v-show的特殊处理。
2025-06-10 11:40:00
799
原创 写一个简单的ECharts图例：准备工具和配置（一）
本文介绍了使用Vue、Ts和ApacheECharts构建图表应用的步骤。首先需要安装ECharts依赖(npm/yarn)，建议按需引入组件以减少加载时间。推荐在utils目录创建echarts.ts文件，通过echarts.use()按需加载标题、提示框、饼图、柱状图等组件特性，并导出类型定义EChartsOption和echarts实例。这种模块化方式既能优化性能，又能方便后续维护。
2025-06-09 10:57:38
227
原创 续：git 合并代码
本文介绍了Git推送代码到远程仓库的流程及注意事项。对于主分支可直接推送，新建分支需先切换分支、合并代码后再推送。具体步骤包括：拉取远程代码、切换分支、合并主分支代码、推送新建分支。后续提交应先提交个人分支代码，再与主分支合并。文章特别提醒合并时可能出现代码冲突，需要根据实际情况处理冲突，选择保留全部或部分修改内容。该指南适用于Git版本控制中的分支管理和代码合并操作。
2022-08-12 10:30:12
327
1
原创 Vue-CLI界面优化框架——IView & Element UI
本文介绍了IView和ElementUI两个UI框架的安装与使用方式。对于IView，详细说明了按需引入组件的两种方法：通过babel插件配置或直接npm安装并手动导入组件。ElementUI则提供三种安装途径：npm全局安装、vue-cli插件安装（可选择全局/按需引入）以及SCSS变量定制功能。两种框架都推荐按需引入以优化项目体积，并给出了官方文档参考链接。文章着重对比了两种框架在组件引入方式上的异同，为开发者提供了清晰的技术选型参考。
2021-08-18 23:54:05
397
1
原创 解决前端跨域请求问题（Vue-CLI工具）
本文介绍了前后端项目解决跨域问题的配置方法：1、前端Vue项目：在vue.config.js中配置devServer.proxy代理路径。2、后端Express项目：在app.js中添加跨域支持中间件。提供了http-proxy-middleware和Vue CLI官方文档的参考链接，分别对应代理中间件配置和Vue开发服务器代理设置。该方法适用于Vue前端和Node.js Express后端的技术组合场景。
2021-08-11 22:33:18
207
原创 新手处理Git推送至远程仓库报错
摘要：在Git使用中，遇到远程仓库拒绝推送的问题通常是因本地与远程版本不一致所致。当直接在Github修改文件后，若未执行同步操作就继续在本地VSCode中添加文件并推送，会导致冲突。解决方法是通过git pull origin master命令先合并远程修改到本地仓库，完成后再执行git push origin master即可成功推送。该流程体现了Git分布式版本控制中同步远程变更的重要性。
2021-07-22 09:53:25
761
1
原创 新手处理unable to access ‘https://github.com/××/×ב: OpenSSL SSL_read: Connection was reset, errno 10054
SSL协议重置连接问题可通过解除SSL认证解决。
2021-07-15 09:49:53
584
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人