- 博客(463)
- 收藏
- 关注
RSS订阅
原创 前端技术目录：组件开发配置规范 / vue3+typescript / monorepo-lerna / Charles / JSBridge / ES6 / TypeScript / ...
本文汇总了前端开发及相关技术领域的28个核心主题，涵盖组件化开发、架构设计、工具链配置、跨端解决方案等方面。主要内容包括：1）组件开发的三级架构规范；2）Vue3+TypeScript技术栈实践；3）Monorepo管理方案（Lerna/pnpm）；4）微前端架构对比；5）Nuxt服务端渲染框架；6）WebGL 3D渲染；7）Git规范管理；8）网络协议基础；9）供应链管理专家培养等。文章既包含组件化开发、微前端等专业技术方案，也涉及PMP、经济师等职业发展内容，为开发者提供了从技术实践到职业成长的全方位参
2025-02-26 16:38:18
1097
原创 前端：拖动悬浮小窗
该代码实现了一个可拖拽的组件菜单系统。通过Vue3的Composition API，创建了一个固定在页面上的浮动菜单栏，包含多个功能按钮（按钮、按钮组、表单、表格、列表）。主要特性：1）支持鼠标和触摸屏拖拽操作；2）点击按钮可切换显示对应的组件内容；3）拖拽时实时更新菜单位置；4）包含悬停效果和拖拽时的视觉反馈。菜单采用固定定位，具有圆角边框、阴影效果和响应式布局。代码结构清晰，包含模板、脚本和样式三部分，使用TypeScript和SCSS编写。
2025-12-25 22:15:00
276
原创 小程序-uniapp：vue3-typescript项目使用mp-html实现展示富文本
mp-html相比rich-text具有显著优势：支持全HTML标签和丰富交互功能，性能提升300%，跨平台兼容uni-app。安装简单，通过npm安装后配置easycom即可使用。核心属性支持图片懒加载、视频自动暂停、表格滚动等功能，提供setContent、navigateTo等方法动态操作内容。mp-html在功能扩展性、安全控制和用户体验方面全面超越rich-text，是更强大的富文本解决方案。
2025-12-25 10:00:00
794
原创 前端：软件开发中的秤砣理论 / 越简单越可靠 / 提炼组织架构 / 精确标定工作 / 有主干有支流 / 不追求繁琐 / 不做表面工作
《秤砣理论：简单性与可靠性的辩证关系》摘要（148字） 秤砣理论揭示了简单性提升可靠性的本质：通过减少组件（无活动部件）、简化流程（单一功能）和透明机制（杠杆原理），实现高稳定性。科学依据显示：简单系统故障率低（串联模型）、维护成本小、抗干扰强（如单细胞生物），且避免过度设计风险。该理论在桥梁建造、Unix软件开发及投资策略中均获验证，强调在满足需求前提下追求极简。智能手机等复杂系统则通过模块化设计平衡简繁，印证"少即是多"的普适智慧。这一理论既是工程准则，也是生活哲学。
2025-12-12 20:05:36
394
原创 element-ui：el-table 基础用法 / 常见问题解决
本文总结了Element UI表格组件的常见问题及解决方案：1）条件控制展开行显示；2）实现列合并和单选功能；3）处理表格表单联动；4）禁用多选和分页数据保留；5）解决固定列滚动错位问题；6）处理页面缩放导致的滚动条异常；7）实现表头合并；8）优化固定列滚动条交互。通过CSS调整和事件处理等方法，有效提升了表格组件的稳定性和用户体验。
2025-12-03 07:45:00
750
原创 前端：常见字符编码的对比表格，涵盖您提到的UTF-8、GB2312、ASCII等
本文对比了多种常见字符编码的特点和适用场景。ASCII编码仅支持128个英文字符，兼容性高但无法处理中文；ISO-8859-1扩展支持西欧语言符号。中文编码包括GB2312、GBK和GB18030，支持字符数量逐步增加。Unicode系列（UTF-8/16/32）覆盖全球语言字符，其中UTF-8因兼容性和高效性成为国际通用标准。此外还介绍了繁体中文Big5码、日文Shift-JIS和EUC-JP等地区性编码。不同编码在字节长度、字符覆盖范围等方面各有特点，适用于特定的语言环境和系统平台。
2025-12-02 08:00:00
245
原创 前端：使用 Alt + 数字 组合输入特殊符号的表格，包含希腊字母、数学符号、特殊符号等
Windows系统可通过Alt+数字组合输入特殊符号（需小键盘数字键）。希腊字母：Φ(42677)、α(42689)、β(42690)、γ(42691)、δ(42692)、θ(42696)、π(42704)；数学符号：×(215)、÷(247)、±(177)、²(178)、³(179)、√(41420)、∞(236)；特殊符号：©(0169)、®(0174)、™(0153)、°(176)、℃(41446)、€(0128)、¥(0165)；方向箭头(41466-41469)及几何图形(41455/41454等
2025-11-21 08:00:00
386
原创 uni-app x：什么时间出现的 / 技术特性对比 / 对标产品 / uni-app 和 uni-app x 支持平台的对比/ 是否推荐使用
uni-appx是DCloud推出的新一代跨平台开发框架，2022年9月通过UTS语言奠定技术基础，2025年4月正式发布。相比uni-app，uni-appx通过编译为原生代码（Kotlin/Swift/ArkTS）实现更高性能，首批支持鸿蒙原生开发，内置200+跨端组件。其性能接近原生应用，适合物联网、金融支付等高性能场景，而uni-app更适合快速迭代的普通小程序项目。uni-appx继承了uni-app生态优势，同时通过UTS语言降低了原生开发门槛，成为兼顾性能和开发效率的新型跨平台解决方案。
2025-11-21 08:00:00
1001
原创 vue：样式穿透 /deep/ 、::v-deep、:deep(.child)
摘要：本文总结了前端开发中样式穿透的多种实现方式。针对不同框架和技术，介绍了Vue2的/deep/（已废弃）、Vue3的:deep()、Sass/Less的:global()、CSS Modules的全局样式、React的选择器优先级提升，以及Web Components的::part穿透等方法。并提示了各语法的适用框架和注意事项，如兼容性和迁移建议。最后邀请读者交流指正这些样式穿透方案。（149字）
2025-11-11 08:00:00
205
原创 html5：IndexedDB / 浏览器内置的、基于事务的、异步操作的 NoSQL 数据库 / 存储大量结构化数据
HTML5 IndexedDB是一种客户端存储技术，提供键值对存储和结构化数据（如JSON）管理，支持异步操作和索引查询，适用于离线应用和大数据存储。相比localStorage，它具有更大容量和更高性能。文章展示了IndexedDB的基本操作示例，包括数据库创建、数据添加和读取。IndexedDB数据具有持久性，存储容量大，但需注意安全风险，如同源策略、XSS攻击防范和数据加密。适用于离线应用、数据缓存等场景。
2025-11-11 07:30:00
738
原创 前端：前端/浏览器 可以录屏吗 / 实践 / 录制 Microsoft Edge 标签页、应用窗口、整个屏幕
浏览器可以实现录屏功能，主要利用WebRTC的getDisplayMedia API获取屏幕流，再通过MediaRecorder API录制为WebM格式视频。实现步骤包括：请求用户授权获取屏幕流、创建MediaRecorder对象录制数据、停止录制后生成可下载的视频文件。文中提供了完整代码示例，演示了从开始录屏到生成视频文件的全过程，支持选择不同屏幕或窗口进行录制，并包含预览和下载功能。该方案适用于现代浏览器，实现了基本的浏览器端录屏需求。
2025-11-08 11:15:55
477
原创 前端：理解 window 和 document
《前端开发中的window与document对象解析》摘要： window和document是前端开发的两个核心对象，分别代表浏览器环境和DOM结构。window是全局对象，负责浏览器API、窗口控制和全局事件；document作为window属性，主管DOM操作、元素查询和文档修改。关键差异在于：window处理浏览器行为（如setTimeout、localStorage），document操作页面内容（如getElementById、createElement）。实际开发中常通过window.docum
2025-11-04 07:15:00
426
原创 前端：文件路径符号用于定位和导航文件系统 /、./、../
本文解析四种常见路径符号的用法：1)/表示根目录，确保路径稳定性；2)./指向当前目录资源；3)../用于访问上级目录；4)@/是配置的路径别名，简化深层引用。另说明~和-在特殊场景的使用。这些符号可准确导航文件系统，提升代码可维护性。
2025-11-04 07:00:00
303
原创 运维：部署Jenkins
摘要：Jenkins是一个开源的持续集成引擎，可自动化构建、测试和部署软件。通过插件扩展功能，它能与GitLab配合实现代码推送后的自动构建流程。部署Jenkins建议主服务器配置8核8G，从节点建议4核16G。安装需先配置Java环境，然后导入Jenkins存储库并安装稳定版本。本文记录了在CentOS8上的具体部署步骤，包括Java安装和Jenkins配置过程，适用于学习和生产环境配置参考。
2025-10-30 13:56:58
756
原创 前端：前端开发中，实现水印（Watermark）
本文介绍了前端实现水印（Watermark）的多种技术方案及其原理。水印通过视觉叠加实现内容标识或防篡改效果，而非物理融合。主要方法包括：CSS绝对定位DOM元素、Canvas动态生成、SVG背景图、MutationObserver防删除及CSS伪元素。核心原理是利用透明度、层级定位和重复图案实现视觉共存，同时分析了各方案的优缺点。文章强调纯前端水印存在可被绕过的局限性，高安全性场景需结合后端验证。最后指出水印本质是"视觉骗术"，通过透明度、定位和重复排列实现内容共存效果。
2025-10-28 20:45:00
282
原创 小程序-支付宝：支付宝小程序开发流程 / uniapp开发
本文简要介绍了支付宝小程序开发的完整流程：首先需下载开发工具并注册开放平台账号；接着完成小程序创建和备案（可使用个人身份证）；然后下载安装开发者工具并选择模板；最后通过uniapp进行开发（类似微信小程序）。文章还提供了相关文档链接，并提示开发完成后需提交审核发布。整个流程涵盖了从环境搭建到上线的关键步骤，适合开发者快速了解支付宝小程序的开发入门。
2025-10-28 07:30:00
531
原创 json：理解json/基本结构/数据类型/语法规则/序列化与解析/常见问题/key变量
JSON是一种轻量级数据交换格式，采用键值对结构，支持对象（{}）和数组（[]）两种形式。其数据类型包括字符串、数字、布尔值、对象、数组和null。JSON严格遵循语法规则：键必须双引号包裹、不支持注释、末尾不能有多余逗号。常用操作包括JSON.parse()解析和JSON.stringify()序列化。相比XML和YAML，JSON更轻量高效，适合Web数据传输。使用时需注意语法正确性和安全性，通过计算属性名可实现动态键值。JSON广泛应用于API、配置等场景。
2025-10-28 07:15:00
739
原创 前端：Unicode、Font class、Symbol三种图标类型的区别
本文对比分析了三种图标实现技术：Unicode、Fontclass和Symbol。Unicode兼容性好但书写不直观，适合简单图标需求；Fontclass通过CSS类定义图标，直观易维护，适合中等复杂度项目；Symbol支持多色且不失真，灵活性高，适合复杂图标和现代浏览器环境。每种技术各有优缺点，需根据项目需求（如图标复杂度、兼容性、维护性等）选择最合适的方案。
2025-10-28 07:00:00
248
原创 FFmpeg：理解FFmpeg/核心功能/技术架构/应用场景/技术优势与生态/对比竞品
FFmpeg是一个功能强大的开源音视频处理工具集，支持跨平台运行，广泛应用于多媒体开发和生产场景。其核心功能包括编解码、格式转换、流媒体处理、多媒体编辑和音频处理等，具有模块化设计和技术架构，支持硬件加速和插件扩展。FFmpeg在视频网站转码、直播推流、自动化剪辑和嵌入式设备处理等领域表现突出，相比GStreamer和VLC等竞品，具有更高的性能和灵活性，但学习曲线较陡。其技术优势包括全格式支持、高效编解码和实时流处理能力，生态支持跨平台兼容和多语言API接口，适用于从个人创作到企业服务的多种应用场景。
2025-10-27 10:49:59
1028
原创 前端：金丝雀部署（Canary Deployment）/ A、B部署 / 灰度部署
三种部署策略对比：金丝雀部署侧重技术验证（1%-5%小流量测试），A/B测试聚焦业务决策（50%:50%用户分组），灰度发布强调风险控制（10%-100%渐进式发布）。金丝雀依赖技术监控，A/B需要埋点分析，灰度结合双视角评估。三者共享流量分流技术，但目标各异：技术稳定性验证、业务假设测试和平滑过渡。蓝绿部署适合快速回滚场景，而灰度策略更节省资源。典型应用周期从数小时到数周不等，均需自动化工具支持。
2025-10-24 22:45:00
495
原创 PMP-项目管理-PMBOK第六版_中文版：项目、项目集、项目组合以及运营管理之间的关系
本文阐述了项目管理中核心概念的定义、特征及其相互关系。项目作为临时性工作，可成为项目集（协调管理关联项目）或项目组合（战略目标导向）的组成部分。运营管理与项目管理形成对比，前者关注持续生产，后者注重临时成果。在pnpm多项目管理中，这些概念体现为：独立软件包开发（项目）、大型应用的多模块开发（项目集）以及企业战略举措组合（项目组合）。项目成果最终可能转入运营管理实现持续维护。
2025-10-23 20:30:00
329
原创 前端：软件著作 / 软著 / 软件著作的申请流程
软件著作权是对软件作品的专有权利，包括发表权、使用权等，自创作完成即自动产生。申请流程包括：准备材料（申请表、源代码、身份证明等）、在线注册填写信息、提交申请并缴费、接受审查补正、最后领取证书。登记虽非强制但可增强法律保障。
2025-10-21 21:00:00
254
原创 低代码：AI问答-低代码平台推荐
中国企业级低代码平台发展迅速，奥哲云枢、织信Informat等本土平台占据主导地位，适用于复杂业务场景和大中型企业数字化转型。国际平台如Zoho Creator、微软Power Platform等则凭借技术积累和生态优势保持竞争力。这些平台普遍具备AI智能、数据可视化、多系统集成等核心能力，能显著缩短开发周期并降低成本。国内平台更贴合央国企和制造业需求，而国际平台在跨国业务和特定行业场景中表现突出。
2025-10-15 20:30:00
742
原创 d3.js：学习积累
D3.js是一个基于JavaScript的开源数据可视化库，适用于创建高度定制化的交互式图表。它擅长处理复杂图表（如力导向图、动态地图）和独特设计需求，但需要较多代码实现基础图表。相比ECharts等库，D3.js在灵活性上更优，但开发效率较低。文中提供了柱状图示例代码，展示数据绑定、比例尺设置和交互效果实现。该库适合需要精细控制可视化效果的中高级开发者，但对简单图表需求可能过度复杂。
2025-10-14 20:45:00
885
原创 html5：拖放 / demo / 拖放事件（Drag Events）/ DataTransfer 对象方法
本文介绍了HTML5拖放功能的实现方法，包含两个示例demo：菜鸟教程的基础拖放实现和AI提供的表格数据拖放功能。详细讲解了7种拖放事件及其触发时机，以及DataTransfer对象的6个核心方法。文章还提供了表格操作API和两个推荐插件：Vue.Draggable（Vue专用）和GridStack（网格布局专用）。最后列举了拖放功能在电商、仪表盘等场景的应用建议。
2025-10-14 20:15:00
327
原创 PMP-项目管理-PMBOK第六版_中文版：图表工具
本文总结了17种项目管理图表工具及其应用场景，涵盖了质量、成本、进度、风险等关键管理领域。主要包括展示数据分布的直方图、分析变量关系的散点图、识别关键问题的帕累托图、监控过程的控制图等质量管理工具；以及进度管理常用的甘特图、网络图，风险管理用的RACI矩阵、风险登记册等。这些工具在项目规划、执行和监控过程中发挥重要作用，如资源直方图展示资源分配，SWOT分析评估项目优劣势，系统交互图明确产品范围等，为项目管理各环节提供可视化支持。
2025-10-13 20:45:00
437
原创 PMP-项目管理-PMBOK第六版_中文版：管理工具
本文介绍了15种常用管理工具及其应用领域。分析类工具包括SWOT分析、波特五力模型、PESTEL分析等，主要用于战略管理和市场分析；流程优化工具如价值链分析、六西格玛DMAIC，适用于质量管理和流程改进；决策支持工具包含风险矩阵、成本效益分析、决策树等，辅助风险评估和投资决策；团队管理工具如RACI矩阵，明确角色分工。这些工具广泛应用于战略规划、项目管理、绩效评估等管理领域，为企业决策提供系统化方法论支持。
2025-10-13 20:30:00
497
原创 Jira：设置语言 / 创建史诗 / 创建冲刺 / 创建问题
这篇文章介绍了Jira软件的基础操作指南，主要包括以下内容：1）如何将界面语言从英文切换为中文的设置步骤；2）创建史诗的具体操作方法；3）创建冲刺的完整流程；4）记录bug/创建问题的详细步骤。文章以简明扼要的步骤式说明，指导用户完成Jira中语言设置和项目管理的关键操作，包括创建任务、设置冲刺和提交缺陷等常见功能的使用方法。
2025-10-10 20:45:00
458
原创 Jira：理解jira / 核心功能 / 应用场景 / 优势特点 / 常见的Jira术语
Jira是一款功能强大的项目管理工具，核心功能包括问题跟踪、敏捷开发支持和报表分析。它适用于软件开发、IT运维等多种场景，具有高度可定制、集成能力强等特点。Jira包含丰富的专业术语，如项目、问题类型、冲刺、看板和工作流等，帮助团队高效协作和管理项目。通过可视化报表和敏捷报告，团队可以清晰掌握项目进度和工作效率。
2025-10-10 20:30:00
1102
原创 中级经济师：学习科目、考试科目、收益
【摘要】中级经济师考试分为《经济基础知识》和《专业知识和实务》两科。《经济基础知识》包含经济学基础、财政、货币金融等6大模块，需重点掌握曲线分析、统计公式及法律条款。《专业知识和实务》分10个专业方向，如工商管理、人力资源等，需结合实务案例学习。考试采用机考形式，每科140分满分，84分合格。备考建议：公共科目注重理论理解，专业科目侧重实务操作。考取证书可系统学习经济学知识，并为北京积分落户提供加分（具体分值待确认）。建议考生根据自身背景选择匹配专业方向，重点突破高频考点。
2025-10-09 21:45:00
949
原创 协议：常见的开源协议 / 常见的非开源协议 / MIT协议 / Apache / BSD / GPL / LGPL / AGPL / MPL / 专有许可 / 共享软件许可 / 商业许可协议
开源协议选择指南：常见协议对比与适用场景分析 本文系统梳理了主流开源协议的特点及应用场景，包括MIT、Apache、BSD等宽松型协议，GPL、AGPL等传染性协议，以及MPL、LGPL等中间型协议。MIT协议自由度最高，适合快速推广项目；GPL强制开源，适合构建共享生态；LGPL则平衡商业与开源需求。非开源协议更注重知识产权保护。选择时需考虑项目目标（传播/商业化/生态建设）、技术特性（库/应用/SaaS）及法律风险。不同协议混用可能产生兼容性问题，建议咨询法律专家。
2025-09-26 21:15:00
2029
原创 前端：前端开发人员可能涉及到哪些侵权行为 / 注意事项
前端开发中常见的侵权行为包括：未经授权使用他人作品（图片、代码等）、侵犯商标权、使用专利技术、违反隐私条款、开发恶意软件、不正当竞争以及字体侵权等。开发者需确保资源合法授权、遵守开源协议、保护用户隐私、使用正版字体，并避免恶意竞争行为，以规避法律风险。开发过程中应注重知识产权保护和合规性审查。
2025-09-26 21:00:00
408
原创 PMP-项目管理-PMBOK第六版_中文版：引论
本文摘要介绍了PMBOK®指南的核心内容，包括其作为项目管理专业标准的作用、开发过程及与项目管理标准的关联。重点阐述了项目的定义、价值、运行环境要素，以及项目经理的角色要求。同时强调了项目管理需根据项目特点进行裁剪，并概述了十大知识领域及其相互关系。指南旨在提供可灵活应用的通用实践框架，帮助实现项目目标并创造商业价值。
2025-09-25 21:30:00
233
原创 PMP-项目管理-PMBOK第七版（中文）：按章节梳理
本文摘要梳理了项目管理标准的核心内容，包括：1）8个项目绩效域及其相互作用；2）项目管理裁剪过程；3）常用模型（情境领导力）、方法（敏捷）和工件（WBS）；4）5个关键原则（如价值聚焦、系统交互）。同时介绍了附录内容（发起人角色、PMO职能等）和裁剪实施步骤（开发方法选择、持续改进）。全文系统阐述了项目管理的框架体系、实践工具和灵活应用方法。
2025-09-25 21:30:00
1709
原创 PMP-项目管理-PMBOK第六版_中文版：术语
本文系统梳理了项目管理核心术语，涵盖项目全生命周期管理要素。包括基本概念（项目、项目管理）、关键文档（项目章程、项目管理计划）、常用工具（WBS、CPM、EVM、SWOT分析）、专业方法（蒙特卡洛模拟、配置管理）以及管理要素（质量成本、风险登记册、相关方管理）等。术语按项目管理过程组分类，标注对应章节及页码范围，涉及整合、范围、进度、成本、质量、资源、沟通、风险、采购、相关方十大知识领域。特别说明：部分术语如"控制图""因果图"等属于质量工具，"事业环境因素
2025-09-25 20:45:00
303
原创 PMP-项目管理-PMBOK第六版_中文版：按章节梳理
本文摘要梳理了《PMBOK®指南》第六版的核心内容结构。全文分为三大部分：第一部分阐述项目管理基础概念，包括项目环境、项目经理角色等；第二部分详述五大项目管理过程组；第三部分系统介绍十大知识领域（整合、范围、进度等）的管理过程。附录部分包含版本更新说明、敏捷项目环境应用、工具技术汇总及术语表。该指南为项目管理提供了系统化框架和方法论，强调了不同项目环境下的灵活应用。
2025-09-25 20:30:00
515
原创 PMP-项目管理-PMBOK第六版_中文版：项目管理标准
本文摘要介绍了项目管理标准的核心内容，重点阐述了五大过程组（启动、规划、执行、监控、收尾）的定义、核心过程、输出和目标。文章说明了过程组之间的交互关系，强调其非线性和迭代特性。同时概述了项目管理计划的作用、事业环境因素与组织过程资产的影响，以及如何根据项目特点进行标准裁剪，体现了项目管理的动态性和灵活性。这些内容为项目实践提供了理论依据和操作性指导。
2025-09-25 20:30:00
463
原创 PMP-项目管理-PMBOK第七版（中文）：术语
本文摘要介绍了项目管理术语与核心概念，包括项目、项目组合、干系人绩效域和团队绩效域的定义。同时阐述了项目管理裁剪方法及筛选工具，列举了常用模型（情境领导力、沟通模型）、方法（备选方案分析、迭代规划）和工件（项目章程、风险登记册）。附录部分提供了标准开发贡献者、审阅团队以及项目发起人角色与资源分配等内容。全文系统梳理了项目管理知识体系的关键要素。
2025-09-25 20:30:00
304
原创 Vue3-TypeScript：动态属性绑定ref / 实现组件接收参数作为 ref 的值
本文介绍了Vue3中ref的使用方法，通过一个动态组件示例展示了如何用ref获取子组件实例。子组件m-list采用动态渲染方式，根据配置映射不同组件类型，并通过ref回调函数收集表单实例。父组件通过ref获取子组件实例并调用其validate方法进行表单验证。文章详细说明了组件间通信、动态属性绑定和事件处理机制，包括类型定义、模块配置接口和事件数据传递等关键实现。该方案适用于需要动态生成和验证复杂表单的场景。
2025-09-25 13:39:33
363
空空如也
Android手机，小程序支付能力已被限制
2023-08-28
nuxt3 本地开发代理 proxy 怎么配置？
2023-01-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人