logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

不容错过,前端 Code Review 的最佳实践方案来了

我一直认为CodeReview(代码审查)是软件开发中的最佳实践之一,可以有效提高整体代码质量,及时发现代码中可能存在的问题。包括像Google、微软这些公司,CodeReview都是基本要求,代码合并之前必须要有人审查通过才行。然而对于我观察到的大部分软件开发团队来说,认真做CodeReview的很少,有的流于形式,有的可能根本就没有CodeReview的环节,代码质量只依赖于事后的测试。也有些

#代码复审
前端水印生成方案(网页水印+图片水印)

本文提供了一套从简单到进阶的网页水印实现方案,包含两种核心思路:DOM覆盖层和图片嵌入水印。DOM水印通过固定div层实现,支持实时交互,但可能被删除;图片水印通过Canvas合成,更安全但灵活性较差。文章详细对比了不同实现方式的优劣,并提供了纯JS通用接口createWatermark(),支持SVG/Canvas背景、自动重建和响应式布局。同时给出了React Hook和Vue组件的实现模板,

#前端#javascript#html
嵌入式开发中volatile的6大关键应用

摘要:volatile关键字在嵌入式开发中主要用于访问硬件寄存器、多线程共享变量和信号处理等场景,确保编译器不会优化相关操作。典型应用包括硬件寄存器访问、中断标志变量、信号处理程序控制等。但需注意volatile不保证原子性,现代C++建议使用原子操作替代。重要原则:嵌入式硬件访问必须使用volatile,多线程简单标志可用,复杂操作需原子类型,避免过度使用并理解其局限性(不解决重排序问题)。

文章图片
#前端#代码规范
Docker构建前端镜像并运行完整指南

本文介绍了使用Docker部署前端项目的完整流程。首先配置Dockerfile,基于Nginx镜像将前端文件复制到容器;然后构建镜像并运行容器,通过端口映射提供服务。文章详细展示了构建命令、运行参数及状态检查方法,并提供了访问验证步骤。最后给出了优化建议(多阶段构建和使用Alpine镜像)和常见故障排查方法,包括日志查看和容器检查等命令。整个流程覆盖了从构建部署到维护管理的完整生命周期。

#javascript#前端#react.js
前端工程师简历撰写指南

一份优秀的前端开发简历应聚焦核心价值,突出技术能力和项目成果。文章详细解析了简历的六大核心模块:个人信息、专业摘要、工作经历、项目经验、技术栈和教育背景,强调要用STAR原则描述项目经历,量化成果体现价值。针对不同职级(初级/中级/高级)提供了差异化写作策略,并指出技术栈应分类标注熟练程度。文章还提供了简历排版、投递技巧和常见陷阱,建议通过GitHub、技术博客等打造立体技术形象。最终强调,优质简

#前端
前端主题切换方案(React+Antd) 万字详解

本文详细介绍了基于React和Ant Design的主题切换系统实现方案。系统采用分层架构设计,包含配置层、服务层、组件层和工具层,支持亮色/暗色主题动态切换、自定义主色调、系统主题自动适配等功能。关键技术包括:CSS-in-JS样式方案、全局状态管理、类型安全定义、设计令牌生成算法等。文章还提供了完整的项目结构设计、核心代码实现、性能优化策略(样式缓存、防抖处理、过渡动画)以及测试方案。系统具有

#前端#react.js#webpack
为何Fiddler可以解密https,而Wireshark却不可以?

本文深入对比了Fiddler和Wireshark在HTTPS解密方面的差异。Fiddler作为主动中间人代理,通过动态生成伪造证书实现HTTPS实时解密;Wireshark作为被动分析工具,需依赖服务器私钥或会话密钥日志才能解密。关键区别在于:Fiddler介入通信流程获取密钥,Wireshark仅观察加密流量。文章详细解析了两者的工作原理、适用场景及安全考量,指出现代加密技术使被动解密愈发困难。

#https#fiddler#wireshark
2022 年 JavaScript 开发工具的生态,别再用过时的框架了

从上面来看,使用swc或esbuild作为编译器,以及使用webpack或rollup作为打包器的开发工具,数量几乎是五五开的。现代Web应用开发在近几年有了飞速发展,在工具领域,如今我们有很多很多选择,希望这篇文章能对你未来的技术选型有所帮助。httpshttpshttpshttpshttpshttpshttpshttpshttps。...

#javascript#前端#开发语言
从 Wxml2Canvas 到 Painter 迁移指南

本文介绍了从小程序海报生成工具Wxml2Canvas迁移到Painter库的完整方案。针对Wxml2Canvas存在的稳定性差、维护不足等问题,提出通过自动化转换工具将WXML结构转为Painter所需的JSON配置。重点解决了迁移过程中遇到的性能问题和内存泄漏,包括优化画布尺寸设置、使用wx:if控制生命周期等。文章详细介绍了Painter的基本使用方法、高级技巧和最佳实践,并推荐采用渐进式迁移

#json#前端#javascript
大厂前端组件库与开发工具集合(PC端、移动端、JS、CSS等)万字详解

前端开发工具组件库大全 本文整理了企业级中后台、跨端框架、数据可视化等10类前端组件库,包含Ant Design、Taro、AntV等热门工具: 核心分类: 企业级中后台:Ant Design(React/Vue版)、Element Plus 跨端开发:Taro(多端框架)、uni-app(Vue生态) 数据可视化:AntV系列、ECharts 图片处理:Fabric.js(Canvas操作)、S

文章图片
#前端#javascript#css
    共 186 条
  • 1
  • 2
  • 3
  • 19
  • 请选择