子羽bro
码龄9年
求更新 关注
提问 私信
  • 博客:230,741
    社区:71
    动态:24,898
    255,710
    总访问量
  • 96
    原创
  • 10,366
    粉丝
  • 135
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:四川省
加入CSDN时间: 2016-11-11

个人简介:以前端开篇,写全栈之路

博客简介:

前端探索者

博客描述:
写是为了更好的思考,坚持写作,力争更好的思考
查看详细资料
个人成就
  • 新星创作者: 编程框架技术领域
  • 获得4,070次点赞
  • 内容获得1,705次评论
  • 获得3,427次收藏
  • 代码片获得5,542次分享
  • 博客总排名175,121名
  • 原力等级
    原力等级
    6
    原力分
    2,723
    本月获得
    8
创作历程
  • 9篇
    2025年
  • 87篇
    2024年
成就勋章
TA的专栏
  • Angular
    1篇
  • TypeScript指南
    13篇
  • ECMAScript指南
    10篇
  • 日常开发合集
    20篇
  • Python指南
    22篇
  • Vue开发指南
    8篇
  • 前端工程化
    8篇
  • 性能优化
    1篇
  • mysql
    1篇
  • linux
    1篇
  • 前端自动化测试
    2篇
  • redis
    1篇
  • 数据结构与算法
    2篇
  • Node全栈探索
    2篇
  • uni-app
  • PHP
    3篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 9

TA参与的活动 2

兴趣领域 设置
  • Python
    python
  • 前端
    javascriptvue.jsreact.jses6webpack前端框架
  • 后端
    nginxnode.js后端
创作活动更多

AI 镜像开发实战征文活动

随着人工智能技术的飞速发展,AI 镜像开发逐渐成为技术领域的热点之一。Stable Diffusion 3.5 FP8 作为强大的文生图模型,为开发者提供了更高效的图像生成解决方案。为了推动 AI 镜像开发技术的交流与创新,我们特此发起本次征文活动,诚邀广大开发者分享在 Stable Diffusion 3.5 FP8 文生图方向的实战经验和创新应用 本次征文活动鼓励开发者围绕 Stable Diffusion 3.5 FP8 文生图方向,分享以下方面的内容: 1. 技术实践与优化 - Stable Diffusion 3.5 FP8 模型架构解析与优化技巧 - 文生图生成效果的提升方法与技巧 - 模型部署与加速策略,例如使用 Hugging Face、Diffusers 等工具 - 针对特定场景(例如二次元、写实风)的模型微调与定制化开发 2. 应用场景探索 - Stable Diffusion 3.5 FP8 在不同领域的应用案例分享,例如游戏设计、广告创意、艺术创作等 - 利用 Stable Diffusion 3.5 FP8 实现图像编辑、图像修复、图像增强等功能的探索 - 结合其他 AI 技术(例如 NLP、语音识别)构建更强大的应用 3. 创新应用与思考 - 基于 Stable Diffusion 3.5 FP8 的创新应用场景设计 - AI 镜像开发的未来发展方向的思考与展望 - 对 AI 镜像开发伦理、安全等问题的探讨

39人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 问答
  • 视频
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 问答

  • 视频

  • 社区

  • 课程

  • 关注/订阅/互动

搜索 取消

React 组件测试【React Testing Library】

Testing Library 是一个以用户为中心的前端测试工具集,关注用户行为和交互,而不是组件的内部实现细节。这意味着测试更加关注组件的行为,而不是具体的实现方式基于 DOM Testing Library,为 React、Angular、Vue 等框架提供了特定的封装,如等提供通用的用户事件模拟功能,不依赖于特定框架;为 Jest 测试框架提供自定义断言器。
原创
博文更新于 2025.03.12 ·
815 阅读 ·
5 点赞 ·
1 评论 ·
7 收藏

MongoDB、Mongoose使用教程

MongoDB 是一个开源基于文档的 NoSQL 数据库,使用文档导向的数据模型是一个,它以其高性能、高可用性和易扩展性而闻名,非常适合处理大量的分布式数据。它以 BSON(二进制 JSON)格式存储数据,这使得它在存储复杂数据结构时非常灵活。Mongoose 中的一切都始于结构(Schema),没有模型有一个默认 Id_id, 他是ObjectId()类型的模型(Model)是从 Schema 定义编译而来的奇特构造函数, 模型的一个实例称为 document。
原创
博文更新于 2025.02.18 ·
1745 阅读 ·
22 点赞 ·
0 评论 ·
12 收藏

【日常开发】Git Stash使用技巧

git stash是一个强大而灵活的 Git 工具,它为我们在复杂的开发过程中提供了便捷的代码变更管理方式。通过合理运用git stash的各种命令,我们可以在不影响代码版本历史的前提下,轻松地切换工作上下文,保存和恢复未完成的代码修改,以及对存储记录进行有效的管理.
原创
博文更新于 2025.02.18 ·
4121 阅读 ·
24 点赞 ·
2 评论 ·
35 收藏

Git Rebase 高级操作

查看提交历史:使用查看提交历史。开始交互式变基:使用开始交互式变基,其中N是你希望合并的提交数量。编辑提交记录:在编辑器中选择squash或s来合并提交。合并提交:保存并关闭编辑器,Git 会自动合并提交。解决冲突:如果出现冲突,解决冲突后使用git add .和继续变基。查看结果:使用查看合并后的提交历史。
原创
博文更新于 2025.02.18 ·
1457 阅读 ·
14 点赞 ·
2 评论 ·
19 收藏

Angular 中获取 DOM 节点的几种方法

在 Angular 开发中,有多种方式可以获取和操作 DOM 节点。@ViewChild和是获取 DOM 节点的常用方法,而Renderer2则是推荐的操作 DOM 的方式。尽量避免直接操作ElementRef,除非确实必要。
原创
博文更新于 2025.02.18 ·
1208 阅读 ·
9 点赞 ·
6 评论 ·
11 收藏

2024年终总结:技术成长与突破之路

技术博主的年终终结报告
原创
博文更新于 2025.02.18 ·
1732 阅读 ·
55 点赞 ·
28 评论 ·
54 收藏

电脑端调用摄像头拍照:从基础到实现

在现代 Web 开发中,调用摄像头进行拍照是一个常见的功能,尤其是在需要用户上传头像、进行身份验证或实时交互的场景中。此流可以包含一个视频轨道(来自硬件或者虚拟视频源,比如相机、视频采集设备和屏幕共享服务等等)、一个音频轨道(同样来自硬件或虚拟音频源,比如麦克风、A/D 转换器等等),也可能是其他轨道类型。首先,我们需要创建一个简单的 HTML 页面,包含一个视频元素、一个画布元素和两个按钮(一个用于打开摄像头,一个用于拍照)。通过这个 API,我们可以请求设备的媒体输入,并将其流式传输到 HTML 的。
原创
博文更新于 2025.02.13 ·
2034 阅读 ·
21 点赞 ·
14 评论 ·
38 收藏

WebSocket 握手过程

WebSocket 握手是建立 WebSocket 连接的第一步,通过 HTTP 请求和响应完成协议从 HTTP 到 WebSocket 的升级。握手过程涉及客户端和服务器之间的协商,确保双方都支持 WebSocket 协议,并通过安全机制防止恶意攻击。
原创
博文更新于 2025.02.11 ·
1791 阅读 ·
27 点赞 ·
1 评论 ·
21 收藏

前端开发中的主题切换:如何实现灵活的主题变化?

前端开发中的主题切换:如何实现灵活的主题变化?
原创
博文更新于 2025.02.08 ·
1316 阅读 ·
18 点赞 ·
0 评论 ·
13 收藏

面向对象编程:深入PHP的封装、继承和多态性!

使用class关键字定义类,通过->访问实例属性使用new关键字创建类的对象。php// 属性// 输出: red错误报告:控制哪些错误应该被报告。异常:使用trycatch语句捕获和处理错误。错误抑制:临时忽略错误。可以创建自定义异常类来扩展内置的Exception类。phptry {现在你应该能够理解面向对象编程的基本概念和PHP中的错误处理机制,并能够使用它们来设计和实现复杂的软件系统。OOP提供了一种强大的工具,用于创建模块化、可重用和易于维护的代码。
原创
博文更新于 2025.02.08 ·
1624 阅读 ·
24 点赞 ·
8 评论 ·
18 收藏

ImportMaps使用

Import Maps 目前已经得到了多个主流浏览器的支持,但还没有被所有浏览器兼容。对于不支持 Import Maps 的浏览器,可以通过使用 polyfill 或额外的加载器库(如 SystemJS)来实现导入映射的功能。
原创
博文更新于 2025.01.03 ·
1254 阅读 ·
29 点赞 ·
2 评论 ·
14 收藏

前端异常处理合集

在前端开发中,异常处理是一个重要的环节,它能够帮助我们捕获和处理程序运行时的错误,提高应用的稳定性和用户体验。前端异常拦截处理是指在应用程序的全局或者局部范围内捕获和处理异常,以防止单个组件或模块中的错误影响整个应用的稳定性。可以创建一个全局的异常处理函数,并在应用的各个部分调用它。console.error("全局异常处理:", error);// 错误日志上报// 使用try {// 可能会抛出错误的代码。
原创
博文更新于 2025.01.02 ·
1235 阅读 ·
22 点赞 ·
0 评论 ·
29 收藏

Mongoose连接数据库操作实践

Mongoose 是一个 MongoDB 对象模型库(ODM),它为 Node.js 应用程序提供了一个直白、简洁和富有表现力的数据建模工具.在这里使用 Schema 定义 MongoDB 集合的结构,在这里我们定义一个用户结构 (UserSchema) 和地址结构(AddrSchema):这里使用default设置字段默认值,使用select来设置在find和findOne的返回结构中是否展示,避免将密码等敏感字符暴露出接口,使用set方法,在数据保存进库之前进行一些操作(如加密),
原创
博文更新于 2024.12.16 ·
1042 阅读 ·
17 点赞 ·
1 评论 ·
11 收藏

【Http缓存及历史】从四个维度带你读懂HTTP

HTTP 协议作为 Web 的核心,其发展和创新从未停止。从最初的 HTTP/0.9 到现在的 HTTP/3,HTTP 协议不断演进,以满足不断变化的网络需求。了解 HTTP 的各个方面,对于任何希望在 Web 领域发展的开发者来说都是至关重要的。
原创
博文更新于 2024.10.24 ·
1565 阅读 ·
48 点赞 ·
4 评论 ·
57 收藏

今天也是破PB的一天

发布动态 2024.10.13

前端面试常见手写代码题【详细篇】

在前端面试中,经常会遇到防抖 、节流、函数柯里化、函数组合、instanceof 实现、实现new操作符的行为、深拷贝、继承实现:、手写Promise、数组中常见函数的实现等代码手写题,本文都已全部列举
原创
博文更新于 2024.10.08 ·
2665 阅读 ·
41 点赞 ·
17 评论 ·
55 收藏

Webpack 特性:自定义 Loader 和 Plugin

Webpack是一个现代JavaScript应用的静态模块打包器,它能够将项目中的所有依赖项(包括JavaScript、图片、CSS等)打包成一个或多个bundle。在Webpack的构建过程中,存在许多生命周期钩子(hooks),这些钩子允许插件(plugins)和loaders在不同阶段介入构建过程。创建一个 JavaScript 文件作为 Plugin,比如。在这个文件中,定义一个类,这个类必须实现apply方法。在apply方法中,接受compiler。
原创
博文更新于 2024.10.03 ·
1459 阅读 ·
24 点赞 ·
6 评论 ·
20 收藏

WebAssembly 为什么能提升性能,怎么使用它 ?

WebAssembly(简称Wasm)是一种新的编码方式,WebAssembly 是一种技术,该技术能让除 JavaScript 以外的代码运行在浏览器上。它是一种低级的类汇编语言,具有紧凑的二进制格式,可以为C/C++、C#和Rust等语言提供编译目标,使它们能够在Web上运行。
原创
博文更新于 2024.09.30 ·
1527 阅读 ·
39 点赞 ·
12 评论 ·
21 收藏

Webpack 特性探讨:CDN、分包、Tree Shaking 与热更新

Webpack 作为现代前端开发中的核心构建工具,提供了丰富的特性来帮助开发者优化和打包应用。本文将探讨 Webpack 的 CDN 集成、代码分包、Tree Shaking 以及热更新(HMR)等关键特性。我们将使用前一篇文章中的代码,然后我们引入一些图片、css 等资源文件已经一些常用的第三方库,如lodash。
原创
博文更新于 2024.09.29 ·
1669 阅读 ·
38 点赞 ·
5 评论 ·
29 收藏

webpack打包Vue项目【完整版】

本文分两部分来介绍:第一部分:将先介绍 webpack 打包 Vue 需要用到的 Vue 相关包,然后配置项目目录及必要文件,最后配置 webpack.config.js,运行项目第二部分:探索 cdn、分包、tree Shaking、已经热更新的使用`
原创
博文更新于 2024.09.28 ·
2531 阅读 ·
43 点赞 ·
18 评论 ·
42 收藏
加载更多