- 博客(152)
- 收藏
- 关注
RSS订阅原创 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
345
原创 前端工程师必备的技能 - 2026年进阶版
2026年前端开发将迎来技术架构"范式转移"和人机协同的开发模式。核心变化包括：1）元框架和混合渲染成为主流，技术栈趋于标准化；2）AI深度融入开发流程，开发者需掌握AI协作能力；3）能力边界扩展至"伪全栈"，要求后端思维和云服务应用；4）底层计算机基础和软技能仍是核心竞争力。学习路径建议分四步：夯实基础、掌握现代框架、拥抱AI与全栈、深化系统设计思维。未来的竞争力在于利用智能工具解决复杂业务问题的能力。
2026-03-30 09:08:58
346
原创 前端工程师必备的技能 - 基础版
本文系统梳理了前端开发的核心技能体系，分为七大模块：1）基础三件套（HTML语义化、CSS布局与响应式、JS核心概念）；2）主流框架（React/Vue/Angular）与TypeScript；3）工程化工具（Git、Vite/Webpack、代码规范）；4）浏览器原理与网络协议；5）性能优化技巧；6）软技能与计算机基础；7）四阶段学习路径建议。文章强调扎实的JS基础是核心，同时要掌握现代前端生态工具链，并指出性能优化和全栈思维是进阶关键。
2026-03-23 08:00:00
668
原创 Vue3 + SCSS 实现大屏可视化全屏布局（BEM+Flex 最佳实践）- 附完整示例
本文介绍了基于Vue3+SCSS实现全屏纵向固定布局组件的方案。该方案采用Flex布局实现头部和底部固定、主内容区自适应的核心功能，解决了传统布局中常见的挤压变形和内容溢出问题。文章详细解析了BEM命名规范、SCSS样式隔离、多背景图叠加等技术要点，并提供了可直接复用的完整组件代码。该布局组件适用于大屏可视化和后台管理系统等场景，具有高度可维护性和扩展性。
2026-03-09 08:00:00
345
原创 Sourcetree 下载、安装、主要功能和优点、VS.命令行 - 以【windows系统】为例（图文版）
Sourcetree是一款免费的Git图形化工具，简化版本控制操作，特别适合Git新手。文章详细介绍了下载安装步骤，包括官网获取、安装配置和SSH密钥设置。主要功能包括核心版本控制、分支管理、仓库管理和代码审查等可视化操作。与命令行相比，Sourcetree更适合新手和偏好图形界面的用户，但在复杂操作和服务器环境中仍需结合命令行使用。该工具能有效降低Git使用门槛，提升开发效率。
2026-02-09 08:00:00
1297
原创 Git 下载、安装、配置、常用命令、示例 - 以【windows系统】为例（图文版）
本文详细介绍了Git的核心概念、安装配置及常用工具。Git核心包括仓库、提交、分支、合并/变基和远程操作。安装过程涵盖下载官网版本、选择非C盘路径等注意事项。配置环节涉及用户名、邮箱设置及环境变量检查。重点比较了Git Bash（支持Linux命令）、Git CMD（Windows原生）和Git GUI（图形界面）三大工具的适用场景，推荐开发者首选功能强大的Git Bash。最后列出了init、clone、commit等基础命令，并提供了将本地项目上传到代码平台的教程链接。
2026-02-02 08:00:00
1348
原创 JavaScript new Date() 时间日期格式化工具 支持自定义 默认显示【年月日星期时分秒】 - 附完整示例
new Date() 时间日期格式化工具 支持自定义 默认显示【年月日星期时分秒】 - 附完整示例
2026-01-26 08:00:00
347
原创 Vue3 Element Plus tree 懒加载 默认选中第一个节点的末级叶子节点 - 附完整示例
Vue3 Element Plus tree 懒加载 默认选中第一个节点的末级叶子节点 - 附完整示例
2026-01-19 08:00:00
407
原创 使用Vue3 + Elementplus + Day.js 实现日期选择器（包括日、周、月、年、自定义） - 附完整示例
使用Vue3 + Elementplus + Day.js 实现日期选择器（包括日、周、月、年、自定义） - 附完整示例
2026-01-12 08:00:00
452
原创 Vue3使用ECharts + ECharts-gl实现3D环形图，组件抽离复用，包含图表自适应窗口大小 - 附完整示例
Vue3使用ECharts + ECharts-gl实现3D环形图，组件抽离复用，包含图表自适应窗口大小 - 附完整示例
2025-12-29 08:00:00
831
原创 Vue3 Element Plus table使用多级表头，数据格式的处理（包括表格展示以及编辑等操作） - 附完整示例
Vue3 Element Plus table使用多级表头，数据格式的处理（包括表格展示以及编辑等操作） - 附完整示例
2025-12-08 08:00:00
555
原创 Vue3 ECharts 使用条形图实现渐变色柱体且自定义y轴（左侧显示标签、右侧显示数值） + symbol - 附完整示例
Vue3 ECharts 使用条形图实现渐变色柱体且自定义y轴（左侧显示标签、右侧显示数值） + symbol - 附完整示例
2025-12-01 08:00:00
310
原创 CSS框架 - Tailwind CSS - 附示例
Tailwind CSS： 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。
2025-10-20 08:00:00
504
原创 vue3.x 使用vue3-tree-org实现组织架构图 - 附完整示例
vue3-tree-org：一个基于vue3.x的简易版组织架构图架构图支持拖拽和通过鼠标滚轮缩放支持新增/删除节点支持编辑节点名称支持拖动节点改变树结构支持自定义右键菜单支持slot自定义节点渲染内容支持slot自定义展开按钮渲染内容
2025-10-13 08:00:00
1239
原创 Vue3 Element-Plus el-table 表格 自定义列增强版（可拖拽更换位置 + 可操作固定列） - 附完整示例
Vue3 Element-Plus el-table 表格 自定义列增强版（可拖拽更换位置 + 可操作固定列） - 附完整示例
2025-09-22 08:00:00
1244
原创 原生微信小程序 引入iconfont 矢量图标之Font class - 附完整步骤
原生微信小程序 引入iconfont 矢量图标之Font class - 附完整步骤
2025-07-28 08:00:00
647
原创 ECMAScript 2025 (ES16) 核心新特性（8项）
ECMAScript 2025 (ES16) 于 2025 年 6 月正式发布，并引入了 8 项核心新特性，显著地提升了 JavaScript 的开发效率和表达能力。在此列举其关键特性解析及浏览器支持情况。
2025-07-21 08:00:00
1080
原创 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
629
原创 Nginx 部署前端项目 - 附完整示例
基于目前的项目大多都是前后端分离，在前端想看打包后的效果且不借助于部署在服务器的情况下，我们可以使用nginx部署前端项目。
2025-06-16 09:00:00
2193
原创 Vue2 npm run build Error: CSS minification error: Lexical error on line 1: Unrecognized text.
vue2 npm run build Error: CSS minification error: Lexical error on line 1: Unrecognized text. Erroneous area: 1: 100% - $pl^.........^. File: css/bigScreen.508a51a8.cssError: CSS minification error: Lexical error on line 1: Unrecognized text.Errone
2025-06-02 08:00:00
521
原创 Vue2 封装全局事件总线（Event Bus） 实现跨组件通信 - 附完整示例
Vue2 封装全局事件总线（Event Bus） 实现跨组件通信 - 附完整示例
2025-05-26 08:00:00
1572
原创 JavaScript 常用的循环（7种） - 附完整示例
在 JavaScript 中，每种循环结构和方法适用于不同场景，选择合适的循环结构可以提高代码的可读性和性能。故在此列举7种常见的 JavaScript 循环类型：
2025-05-19 08:00:00
1457
原创 CSS 常用文本效果 - 附完整示例
开发者可以使用这些文本效果丰富网页内容的视觉表现，可以根据需要组合和调整这些效果来实现不同的设计风格！欢迎关注VX公众号：前端小知识营地。
2025-05-12 08:00:00
1551
原创 JavaScript 数据类型 - 附示例
JavaScript 中的数据类型非常重要，理解不同的数据类型能帮助开发者们更高效地编写代码。下面是关于 JavaScript 数据类型的一些小知识。
2025-05-05 08:00:00
1113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人