- 博客(93)
- 收藏
- 关注
原创 前端水印实现方案
摘要:本文探讨了前端与后端实现水印的技术方案及防御措施。前端方案包括DOM元素覆盖、Canvas绘制和SVG生成三种方式,具有不占用服务器资源、性能优越等特点,但安全性较低。后端实现更安全但消耗资源较多。针对前端水印易被破解的问题,提出了使用MutationObserver监听DOM变化的防御方案。此外还介绍了图片加明/暗水印的方法,暗水印通过修改像素RGB值实现隐蔽保护。文章来自智慧家技术平台团队,该团队专注于家居设计工具研发和素材库建设。
2026-04-16 09:18:11
374
原创 DepSleuth - 前端依赖分析工具的技术原理与实践
DepSleuth 通过系统化的技术架构和算法设计,为前端依赖管理提供了全方位的解决方案。
2026-04-02 10:15:48
363
原创 前端架构演进与模块化设计实践
本文探讨了前端架构设计的核心原则与实践方法。架构设计应聚焦可持续性、可维护性和可测试性三大目标,采用分层架构和微前端等模式实现模块解耦。通过单一职责、依赖倒置等设计原则规范代码结构,运用状态分类管理策略提升状态可维护性。文章还介绍了依赖注入的测试方法,提出了代码质量度量指标。最终强调优秀架构是在过度设计与缺乏设计间取得平衡,为业务演进预留空间的持续优化过程。
2026-03-05 09:17:44
242
原创 2025前端技术趋势:从智能到沉浸的新时代
2025年前端技术将迎来重大变革:WebAssembly 3.0将突破性能极限,支持多线程和原生DOM访问;AI原生框架将实现智能组件和预测渲染;WebXR和WebGPU将推动2D向3D沉浸式体验转变;去中心化架构将基于IPFS和区块链技术;量子计算将应用于前端安全和机器学习。开发者需要掌握这些跨领域技术,以构建更智能、沉浸、安全的用户体验。
2026-02-25 10:27:25
1003
原创 watchEffect的两种错误用法
为什么watchEffect的副作用函数没有执行?理解这些机制有助于排查watchEffect未触发的问题。
2026-01-28 15:01:42
366
原创 搭建自己的MCP服务器
本文介绍了如何从零开始搭建自己的MCP服务器,让AI不仅能够"动嘴"还能"动手"。通过自己搭建MCP服务器,可以实现上下文自由、连接个人专属系统,掌握AI技术主动权。
2026-01-08 10:07:20
1326
1
原创 电视版智家App兼容触摸和遥控器交互方式
本文探讨了电视版智家App在支持触摸屏的新款电视上遇到的交互适配问题。首先分析了焦点模式与触摸模式的区别:传统遥控器交互需要焦点辅助,而触摸屏可直接操作无需焦点。重点解析了Android的setFocusable和setFocusableInTouchMode属性关系及使用场景,指出大多数控件默认不支持触摸聚焦。
2025-12-25 14:01:34
739
原创 SaaS平台的前世今生
深入了解SaaS平台的发展脉络,剖析其现状与面临的挑战,从而为团队在相关业务决策、产品研发、市场拓展等方面提供有益的参考。
2025-09-18 17:06:47
1072
原创 从Bug到解决方案:一个Java工程师与Emoji的“爱恨情仇“
处理用户输入,要像对待情人节礼物一样——永远不知道盒子里装的是什么,但必须准备好应对任何可能。
2025-07-15 15:09:08
3116
6
原创 提升开发思维的设计模式(下)
设计模式就是解决编程里某类问题的通用模板,总结出来的代码套路就是设计模式。本文章总结JS在工作中常用的设计模式 ,以帮助大家提高代码性能,增强工作效率!
2025-06-26 15:55:07
1170
原创 Android应用内存分析与优化 - 工具篇之ByteX
ByteX由字节跳动抖音 Android 团队提供,是一个基于gradle transform api和ASM的字节码插件平台。
2025-05-22 11:13:14
1112
原创 Android应用内存分析与优化 - 工具篇之Booster
本文介绍了滴滴开源的Booster工具,该工具旨在优化移动应用的性能、稳定性和包体积。Booster通过提供性能检测、多线程优化、资源压缩等功能,能够显著提升应用稳定性并减小包体积。
2025-05-16 16:29:30
1461
原创 模型工作流:自动化的模型内部三角面剔除
三维模型的减面工作需要耗费大量的人力成本,通常一个模型的减面工作根据模型的复杂程度不同,需要耗费0.5到1人/天的成本,如果模型特别复杂,这个时间还会增加。因此,自动化减面工具的引入能极大提升建模人员的工作效率。
2024-12-26 14:45:06
1758
原创 模型工作流:模型减面原理分析及优化思路
为什么会破面?QEM 的计算逻辑是什么?如何确定一个边是属于轮廓的?为什么当 QEM 对轮廓动手后,就会产生破面呢?把轮廓边界上的点与周围的点焊接到一起,就能解决破面问题吗?
2024-12-13 17:07:24
1254
原创 Flutter CustomScrollView 效果-顶栏透明与标签栏吸顶
TabBar怎么吸顶?为什么SliverOverlapAbsorber高度会被忽略?
2024-10-31 18:07:31
2373
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅