HandsomeWalker Blog

Thinking will not overcome fear but action will.

AI生成前端业务组件代码

AIGC前端落地

拆分前端工作流 首先明确组件化开发，细分出不同业务意义的组件。 基础组件诸如：Ant-Design、ElementUI，或者公司内部的基础组件库。 往上，业务组件：通过组装基础组件，再封装了一定的业务含义。 最上层，对接层组件：拼凑各个业务组件形成页面，同时给页面对接 api 数据。 以上不同的组件类别中，业务组件类别的开发工作占据了程序员 80%的时间，尤其是无积累（没有可抄的地方...

Posted by HandsomeWalker on February 6, 2025

Nginx常用配置总结

Nginx

Nginx 常用配置总结 概念 & 作用 Nginx 是一个轻量级、高性能、稳定性高、并发性好的 HTTP 和反向代理服务器; 它具有有很多非常优越的特性, 应用非常广泛 反向代理 负载均衡 HTTP 服务器（包含动静分离） 正向代理 文章结构 本文将主要分析一下在 Web 应用中的常用配置...

Posted by HandsomeWalker on April 11, 2022

HTTP协议备忘录

HTTP

HTTP 协议 本文用于归纳自己所学的 HTTP 知识, HTTP 协议的知识众多, 平时的点点滴滴的积累最终就能分解并吸收这些内容, 因此也是出于这个目的 常见状态码 100 Continue：上传大文件前使用 101 Switch Protocols：协议升级使用 102 Processing：服务器已经收到并正在处理请求，但无响应可用 200 OK：成功返回响应 201 ...

Posted by HandsomeWalker on April 11, 2022

Git常用技巧

Git

Git 常用技巧 Git 中有很多冷知识, 本文将记录一部分很实用的小技巧 ~ 和 ^ 的区别 该部分的内容, 笔者将分为以下几个部分: Git Commit Log HEAD^[num] HEAD~[num] HEAD^^ HEAD~~ Git Commit Log 每条线上的雪花点右侧对应的 commitid,都属于该条线,开始和结尾的公共点共同拥...

Posted by HandsomeWalker on April 11, 2022

前端监控及上报

前端监控

前端监控及上报 前端业务越来越复杂的今天，即便本地做各种各样充分的测试，依照 caniuse 把兼容性也一一处理，依然无法保证页面完全正常运行, 同时我们也不清楚运行的状况。 前端的页面跟设备、浏览器、网络环境、用户操作习惯等等各种各样的因素密切相关。因此前端监控并上报日志到日志服务器是保证快速收集和处理问题的必要手段。 页面在用户那里运行，如果 10%的用户页面出现问题...

Posted by HandsomeWalker on April 8, 2022

前端性能优化总结

性能优化

前端性能优化总结 什么是 Web 性能优化 前端性能优化的目的: 让用户访问网站开始到页面完整展示出来的过程中, 通过各种优化策略和优化方法, 让页面加载的更快, 让用户操作响应更加及时, 给用户带来更好的用户体验 为什么需要性能优化 研究表明, 网页性能差直接加速产品的衰败, 也影响网站收入(广告), 因此我们需要提升 Web 性能从而提升用户体验, 公司营收等 优化步骤 以下...

Posted by HandsomeWalker on April 8, 2022

前端安全防范

前端安全防范

前端安全防范 文章内容转自网络 这一章我们将来学习安全防范这一块的知识点。总的来说安全是很复杂的一个领域，不可能通过一个章节就能学习到这部分的内容。在这一章节中，我们会学习到常见的一些安全问题及如何防范的内容，在当下其实安全问题越来越重要，已经逐渐成为前端开发必备的技能了。 XSS(Cross Site Scripting) 涉及面试题：什么是 XSS 攻击？如何防范 ...

Posted by HandsomeWalker on April 8, 2022

Linux查看日志常用命令总结

查看日志

查看日志 此处总结下常用查看日志的命令 tail ::: warning 注意 注意：如果表示字节或行数的 N 值之前有一个”+”号，则从文件开头的第 N 项开始显示，而不是显示文件的最后 N 项。N 值后面可以有后缀：b 表示 512，k 表示 1024，m 表示 1 048576(1M) ::: 例子 $tail file （显示文件file的最后10行） $tail +2...

Posted by HandsomeWalker on April 8, 2022

Docker指南

Docker

Docker 指南 最近重新学习了一遍 docker 相关的概念和知识, 在此记录相关知识点以作为备忘 概念 & 作用 & 组成 Docker 概念 docker是LXC(Linux容器虚拟化)的产物, 为了提升集成环境的部署便利性而生, 将软件打包成标准化单元，以用于开发、交付和部署; Docker 的作用 开发者能够使用 Docker 在本地编写代码并...

Posted by HandsomeWalker on April 8, 2022

浏览器缓存机制

浏览器缓存

浏览器缓存 部分内容摘至网络 作用 它可以显著减少网络传输所带来的损耗。 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据。 接下来的内容中我们将通过以下几个部分来探讨浏览器...

Posted by HandsomeWalker on March 30, 2022

FEATURED TAGS
Web前端 Javascript 数据结构与算法 运维
ABOUT ME

Goals determine what you going to be!

✉️ dreamcreativehub@gmail.com

FRIENDS