- 博客(158)
- 收藏
- 关注
RSS订阅原创 Vue3 + TypeScript 企业级规范（通用页面 + 数据大屏 统一+差异化完整版）
本文制定了前端开发团队的代码规范体系，包含全站通用规范和场景差异化规范。通用规范要求90%的代码风格统一，包括命名规则（大驼峰组件名、小驼峰变量名）、常量管理、TS类型定义、数据流处理等。差异化规范针对普通后台页面和数据大屏页面分别制定，大屏页面需特别注意组件拆分粒度、生命周期管理、自适应布局和资源销毁。文章提供了两种场景的标准模板，并总结了“通用8条+大屏3条”的速记口诀，强调通过统一代码风格提升团队协作效率，同时保留必要的场景适配灵活性。
2026-06-01 08:00:00
759
原创 Vite + Vue3 项目性能优化实战：从卡顿到秒开的完整方案
本文针对Vite+Vue3项目性能优化提出了一套完整解决方案。通过分析项目卡顿的三大痛点：依赖预构建低效、代码分割缺失和资源未优化，给出了三步优化方案：1）优化依赖预构建配置，使开发启动时间从18s降至7s；2）实施路由级、依赖级和组件级代码分割，将主chunk体积从1.2MB降至380KB；3）采用图片压缩、SVG按需加载等技术优化静态资源。文章提供了完整的vite.config.ts配置示例，并展示了优化前后量化对比数据，首屏加载时间提升41%。解答常见问题，帮助开发者快速落地优化方案，保持项目高效运行
2026-05-25 08:00:00
395
原创 Vue3 使用Vue3-video-play视频播放 - 附完整示例
Vue3-video-play视频播放器组件是一款功能强大的HLS.js播放器解决方案，支持MP4/WebM/Ogg等多种格式。该组件提供丰富的功能配置，包括快捷键操作、倍速播放、镜像画面、关灯模式、画中画播放等，并适配移动端设备。安装方式支持npm和yarn，使用简单便捷，可通过全局或组件内方式引入。播放器提供完善的API接口和事件监听，支持自定义主题色、播放器尺寸、默认音量等参数设置。UI设计美观，控制按钮可自由配置，是一款适用于Vue3项目的优质视频播放解决方案。
2026-05-18 08:00:00
406
原创 Windows 10 取消共享已共享的文件夹 - 图文版
摘要：本文介绍Windows10系统下取消文件夹共享的3种常用方法：1）右键直接停止共享（最快）；2）通过属性-高级共享取消（最彻底）；3）通过计算机管理批量查看/取消所有共享。文章还提供了验证共享是否关闭的方法，以及彻底关闭电脑共享功能的步骤。针对取消共享后仍能看到文件夹或提示"无法停止共享"等问题，给出了简单有效的解决方案。三种方法操作简单，按顺序尝试即可解决问题。
2026-04-27 08:00:00
672
原创 Windows 10 局域网跨电脑共享文件 - 图文版
【局域网共享文件简易指南】通过WiFi在两台Windows电脑间快速传输大文件：1）确保设备连接同一路由器网络；2）在主机设置共享文件夹权限（Everyone读取/写入）；3）记录主机IP地址或电脑名；4）从机通过"Win+R"输入"\IP地址"访问共享文件。需注意：开启网络发现和文件共享功能，关闭密码保护，若遇权限问题需检查共享设置。该方法比U盘传输更高效，特别适合大量文件传输场景。
2026-04-20 08:00:00
1229
原创 Vue3 高德地图天气 API - 附完整示例
本文介绍了如何使用高德地图Web服务API实现天气查询功能。主要内容包括：1）申请高德Web服务API Key；2）通过axios调用天气接口，支持查询实时天气和3天预报；3）提供完整的Vue组件示例代码，包含城市输入、数据展示和错误处理功能。该API每月提供5000次免费调用，数据包含实时天气、3天预报和生活指数等信息，适合个人和小型项目使用。
2026-04-13 08:00:00
340
原创 GitLab SourceTree 使用SSH克隆仓库 - 以【Windows】为例（图文版）
SSH密钥配置与SourceTree克隆GitLab仓库指南 摘要： 本文详细介绍了如何通过SSH协议在SourceTree中克隆GitLab仓库。首先需要生成SSH密钥对（ed25519算法），将公钥添加到GitLab账户。然后在SourceTree中配置SSH客户端为OpenSSH，使用GitLab仓库的SSH地址进行克隆。文章特别说明了首次连接时的服务器密钥验证流程，并提供了两种解决SSH代理问题的方法：自动启动Pageant或手动配置OpenSSH路径。最后总结了常见问题的排查要点，包括密钥路径确认
2026-04-06 08:00:00
561
原创 前端工程师必备的技能 - 2026年进阶版
2026年前端开发将迎来技术架构"范式转移"和人机协同的开发模式。核心变化包括：1）元框架和混合渲染成为主流，技术栈趋于标准化；2）AI深度融入开发流程，开发者需掌握AI协作能力；3）能力边界扩展至"伪全栈"，要求后端思维和云服务应用；4）底层计算机基础和软技能仍是核心竞争力。学习路径建议分四步：夯实基础、掌握现代框架、拥抱AI与全栈、深化系统设计思维。未来的竞争力在于利用智能工具解决复杂业务问题的能力。
2026-03-30 09:08:58
413
原创 前端工程师必备的技能 - 基础版
本文系统梳理了前端开发的核心技能体系，分为七大模块：1）基础三件套（HTML语义化、CSS布局与响应式、JS核心概念）；2）主流框架（React/Vue/Angular）与TypeScript；3）工程化工具（Git、Vite/Webpack、代码规范）；4）浏览器原理与网络协议；5）性能优化技巧；6）软技能与计算机基础；7）四阶段学习路径建议。文章强调扎实的JS基础是核心，同时要掌握现代前端生态工具链，并指出性能优化和全栈思维是进阶关键。
2026-03-23 08:00:00
744
原创 Vue3 + SCSS 实现大屏可视化全屏布局（BEM+Flex 最佳实践）- 附完整示例
本文介绍了基于Vue3+SCSS实现全屏纵向固定布局组件的方案。该方案采用Flex布局实现头部和底部固定、主内容区自适应的核心功能，解决了传统布局中常见的挤压变形和内容溢出问题。文章详细解析了BEM命名规范、SCSS样式隔离、多背景图叠加等技术要点，并提供了可直接复用的完整组件代码。该布局组件适用于大屏可视化和后台管理系统等场景，具有高度可维护性和扩展性。
2026-03-09 08:00:00
372
原创 Sourcetree 下载、安装、主要功能和优点、VS.命令行 - 以【windows系统】为例（图文版）
Sourcetree是一款免费的Git图形化工具，简化版本控制操作，特别适合Git新手。文章详细介绍了下载安装步骤，包括官网获取、安装配置和SSH密钥设置。主要功能包括核心版本控制、分支管理、仓库管理和代码审查等可视化操作。与命令行相比，Sourcetree更适合新手和偏好图形界面的用户，但在复杂操作和服务器环境中仍需结合命令行使用。该工具能有效降低Git使用门槛，提升开发效率。
2026-02-09 08:00:00
1643
原创 Git 下载、安装、配置、常用命令、示例 - 以【windows系统】为例（图文版）
本文详细介绍了Git的核心概念、安装配置及常用工具。Git核心包括仓库、提交、分支、合并/变基和远程操作。安装过程涵盖下载官网版本、选择非C盘路径等注意事项。配置环节涉及用户名、邮箱设置及环境变量检查。重点比较了Git Bash（支持Linux命令）、Git CMD（Windows原生）和Git GUI（图形界面）三大工具的适用场景，推荐开发者首选功能强大的Git Bash。最后列出了init、clone、commit等基础命令，并提供了将本地项目上传到代码平台的教程链接。
2026-02-02 08:00:00
1448
原创 JavaScript new Date() 时间日期格式化工具 支持自定义 默认显示【年月日星期时分秒】 - 附完整示例
new Date() 时间日期格式化工具 支持自定义 默认显示【年月日星期时分秒】 - 附完整示例
2026-01-26 08:00:00
379
原创 Vue3 Element Plus tree 懒加载 默认选中第一个节点的末级叶子节点 - 附完整示例
Vue3 Element Plus tree 懒加载 默认选中第一个节点的末级叶子节点 - 附完整示例
2026-01-19 08:00:00
454
原创 使用Vue3 + Elementplus + Day.js 实现日期选择器（包括日、周、月、年、自定义） - 附完整示例
使用Vue3 + Elementplus + Day.js 实现日期选择器（包括日、周、月、年、自定义） - 附完整示例
2026-01-12 08:00:00
499
原创 Vue3使用ECharts + ECharts-gl实现3D环形图，组件抽离复用，包含图表自适应窗口大小 - 附完整示例
Vue3使用ECharts + ECharts-gl实现3D环形图，组件抽离复用，包含图表自适应窗口大小 - 附完整示例
2025-12-29 08:00:00
927
原创 Vue3 Element Plus table使用多级表头，数据格式的处理（包括表格展示以及编辑等操作） - 附完整示例
Vue3 Element Plus table使用多级表头，数据格式的处理（包括表格展示以及编辑等操作） - 附完整示例
2025-12-08 08:00:00
598
原创 Vue3 ECharts 使用条形图实现渐变色柱体且自定义y轴（左侧显示标签、右侧显示数值） + symbol - 附完整示例
Vue3 ECharts 使用条形图实现渐变色柱体且自定义y轴（左侧显示标签、右侧显示数值） + symbol - 附完整示例
2025-12-01 08:00:00
367
原创 CSS框架 - Tailwind CSS - 附示例
Tailwind CSS： 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。
2025-10-20 08:00:00
528
原创 vue3.x 使用vue3-tree-org实现组织架构图 - 附完整示例
vue3-tree-org：一个基于vue3.x的简易版组织架构图架构图支持拖拽和通过鼠标滚轮缩放支持新增/删除节点支持编辑节点名称支持拖动节点改变树结构支持自定义右键菜单支持slot自定义节点渲染内容支持slot自定义展开按钮渲染内容
2025-10-13 08:00:00
1399
原创 Vue3 Element-Plus el-table 表格 自定义列增强版（可拖拽更换位置 + 可操作固定列） - 附完整示例
Vue3 Element-Plus el-table 表格 自定义列增强版（可拖拽更换位置 + 可操作固定列） - 附完整示例
2025-09-22 08:00:00
1366
原创 原生微信小程序 引入iconfont 矢量图标之Font class - 附完整步骤
原生微信小程序 引入iconfont 矢量图标之Font class - 附完整步骤
2025-07-28 08:00:00
702
原创 ECMAScript 2025 (ES16) 核心新特性（8项）
ECMAScript 2025 (ES16) 于 2025 年 6 月正式发布，并引入了 8 项核心新特性，显著地提升了 JavaScript 的开发效率和表达能力。在此列举其关键特性解析及浏览器支持情况。
2025-07-21 08:00:00
1129
原创 Vue3 npm run build后使用http-server 查看dist文件效果
摘要： 前端项目打包后，直接打开index.html可能显示空白页。解决方法是使用http-server启动本地服务查看效果： 进入dist目录，通过命令行安装http-server（npm install http-server -g）； 启动服务并指定端口（如http-server -p 8000）； 浏览器访问http://127.0.0.1:8000即可预览。此方法避免路径错误，确保资源正常加载。更多技巧可关注公众号“前端小知识营地”。
2025-06-30 08:00:00
643
原创 Nginx 部署前端项目 - 附完整示例
基于目前的项目大多都是前后端分离，在前端想看打包后的效果且不借助于部署在服务器的情况下，我们可以使用nginx部署前端项目。
2025-06-16 09:00:00
2319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人