- 博客(19)
- 收藏
- 关注
RSS订阅原创 如何运用浏览器进行各种调试？（网络、内存、控制台等调试用法）
你可以优化该函数，减少计算量，提升性能。：在开发过程中，你可能会遇到某个功能没有按照预期工作，比如点击按钮后没有反应，或者某个值未正确传递。：你正在开发一个网站，但发现浏览器显示“不安全”的警告，可能是证书问题或加载了 HTTP 内容。：你会看到一个 404 错误（请求的 API 地址不存在），你可以检查 API 请求的 URL 并修正。：你开发了一个电商网站，页面加载较慢，或者用户在提交订单时，订单数据没有成功发送到服务器。：你开发了一个带有用户认证功能的应用，当用户登录后，页面没有记住用户的登录状态。
2025-04-09 15:49:07
990
原创 前端开发中的问题排查与定位：HTML、CSS、JavaScript（报错的解决方式）
以上是五种常见的调试方法，每个例子都包含 HTML 代码和可以通过开发者工具调试和定位的错误。你可以通过打开浏览器的开发者工具（按 F12），使用ElementsConsoleNetworkSources等面板来调试并修复代码中的问题。通过使用浏览器的控制台源代码面板、网络面板等工具，你可以有效地调试 JavaScript 代码，定位常见的逻辑错误网络请求问题JavaScript 异常等。你可以通过输出日志、设置断点、查看网络请求等多种方法帮助你快速定位问题并解决。
2025-04-09 15:22:50
1083
原创 react/vue/react-native/uniapp/flutter（适配方案）
框架/平台支持 App支持 小程序支持 H5支持 平板是否一套代码多端React/Vue❌（需封装）❌✅✅❌uni-app✅✅✅✅✅✅❌❌✅Flutter✅❌✅✅原生小程序❌✅❌✅❌做“移动 Web 页面”➜ 用 Vue/React（H5）+vw/rem就够了想要“一套代码，多个平台（微信、支付宝、App）”➜ 用uni-app追求性能/原生体验（高性能动画、复杂组件）➜ 用Flutter或。
2025-04-06 19:20:12
1020
原创 移动端适配全面讲解
在移动端开发中，适配指的是应用界面和功能能够在不同设备、操作系统、屏幕尺寸和分辨率上良好显示和运行的能力。移动端适配需要考虑不同品牌、尺寸、分辨率的设备，尤其是在 iOS 和 Android 平台之间的差异。
2025-04-04 17:09:32
778
原创 前端埋点和监控（vue和react的代码实现）保姆级教学！
定义前端埋点指的是在前端代码中，通过埋入特定的事件监听和数据采集代码，来跟踪用户在网站或应用上的各种行为，如点击、页面浏览、输入等。埋点数据通常会被上报到后台，用于后续的分析和优化。前端埋点的作用定义前端监控是指在前端应用中，通过采集和分析应用性能、错误信息、资源加载情况等数据，来监控应用的健康状态和用户体验。它主要关注系统的运行状况、性能瓶颈、错误信息等，确保前端应用的稳定性和流畅性。前端监控的作用├── /src。
2025-04-04 16:55:42
974
原创 项目开发流程总结
移动端：各大应用商店（如 App Store、Google Play）。确定使用的技术栈、开发工具和第三方服务（如 API、SDK 等）。自动化脚本：Shell、Ansible、Kubernetes 部署。原型图、UI 设计图（使用 Figma、Sketch 等工具）。移动端：生成 APK（Android）和 IPA（iOS）包。Git 分支管理（如开发分支、功能分支、热修复分支等）。使用敏捷开发（Scrum、Kanban）进行迭代管理。前端：Webpack、Vite、Rollup 打包。
2025-04-03 13:26:57
1049
2
原创 react-native 中的硬件调用方式集合（蓝牙 摄像头 传感器等） 安卓和ios 《前端笔记》
Android 需处理国产手机阉割 Google Play Services 的问题（如华为设备）。: 通过 BLE 读取蓝牙心率带，或依赖设备硬件（如 Samsung Galaxy 手机）。Android 支持经典蓝牙和 BLE，但需处理碎片化问题（如小米蓝牙兼容性）。: iOS 对后台硬件使用（如 GPS、蓝牙）限制严格，需明确声明用途。）或设备厂商私有 SDK（如 Samsung 的 S Health）。: 无公开 API，仅 MFi 认证设备可用（如遥控类 App）。
2025-04-02 23:52:19
1475
原创 WebSocket心跳机制(要点摘要)
WebSocket是一种长连接协议，心跳机制用于维持连接不被断开，包括客户端定时发送心跳数据包和服务器定时检测。SpringWebSocket提供了心跳配置，如PingMessage和PongMessage。当连接断开，前端通常监听onclose事件进行重连。WebSocket适用于需要实时通信的场景，但可能增加服务器负担且需两端支持
2025-03-28 22:12:39
833
原创 实现简易的 Vue 响应式（proxy）
手动实现一个简易的 Vue 响应式系统，主要考察对 JavaScript 中 Proxy 对象的理解和应用。Proxy 允许我们定义对象的基本操作（如属性访问、赋值等）的拦截行为，从而实现对对象操作的自定义控制。在 Vue 3 中，响应式系统就是基于 Proxy 实现的。通过代理对象，Vue 能够拦截对数据的访问和修改，进行依赖追踪，并在数据变化时触发视图更新。这种方式相比 Vue 2 使用 Object.defineProperty 的方法，性能和功能上都有显著提升。
2025-03-27 22:47:19
250
原创 手写bind、call方法（思路详解和考察点）
myBind的核心是返回一个新函数，这个新函数会绑定context和部分预设参数。它能够处理this指向的控制，并且支持参数的合并。它同时考虑到了函数作为构造函数的情况，确保new操作符时能够正常工作。通过myCall（自定义的call方法），myBind在普通调用时能够确保this的正确指向。手写bind和callthis 的理解与控制：是否理解this在不同情况下的指向，如何手动控制this。高阶函数的使用：是否掌握如何返回一个新函数，处理函数的上下文。闭包的应用：是否能够通过闭包捕获并传递参数。
2025-03-26 22:36:17
761
原创 手写EventBus （详解）
这个 EventBus 本质上是一个 发布-订阅模式（Pub-Sub）。它的作用是：订阅事件（on）：存储回调函数，等待事件触发。触发事件（emit）：当事件发生时，执行所有订阅的回调函数。取消订阅（off）：移除指定的回调函数。只触发一次（once）：回调函数执行一次后自动移除。清空所有事件（clear）：清除所有已注册的事件监听。
2025-03-25 16:02:14
277
原创 什么是redux？ redux快速上手（示例）？ redux源码？（听不懂我给你磕一个）
用官网的话来说redux是“一个可预测、可维护的全局状态管理的 JS 库 Redux 用闭包私有化了状态，dispatch 唯一改状态通道，subscribe 通知 UI 更新。Redux 核心就那么点，但设计思想精妙（单向数据流 + 不可变 + 纯函数）。
2025-03-24 22:01:30
1289
原创 从零开始手写虚拟列表+画布（详解）
画布（Canvas）的本质是在 HTML 中提供一个可以进行动态绘图的区域，它并不直接操作 DOM 元素，而是通过一个图形上下文（通常是。的内容在你滑动的时候都是一次性画出来 一次好几项 ，而传统的虚拟列表是每一项都有一个dom ，滑动一下好几项 一页需要好多的dom操作 ，：虽然严格来说这不是一种独立类型的虚拟列表，但是无限滚动经常与虚拟列表技术结合使用，以提供无缝的数据浏览体验，而不会导致性能问题。进一步复杂化的是动态高度的虚拟列表，它不仅要求每个项目的高度可能不同，而且这些高度可能会随着时间变化。
2025-03-24 14:51:13
716
原创 双token和无感刷新token
刷新你token的方法路由中间件里验证token后端部分三步，1.登陆时生成双token，2，路由中间件里验证token，过期时返回201状态码（201是我私人定的，并不是行业标准）。3，刷新token的方法里也和登陆接口一样返回双token
2024-07-31 10:23:55
406
原创 什么是ajax ？ajax的原理是什么？ajax的优缺点是什么？ajax请求的五个步骤和ajax的基本语法。（简述）
Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）。ajax不是新的编程语言，而是一种使用现有标准的新方法。ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。ajax是一种用于创建快速动态网页的技术。Ajax是对原生XHR的封装，为了达到我们跨越的目的，增添了对JsonP的支持。
2023-08-30 17:09:19
250
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人