- 博客(18)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 创建Flutter项目的两种方式
本文介绍了两种创建Flutter项目的方法：1.通过AndroidStudio创建，需安装Flutter和Dart插件，配置SDK路径，设置项目名称和组织名，并解决可能的权限问题；2.使用命令行工具创建，通过flutter create命令生成项目，并介绍了如何用VSCode打开项目。建议正式项目使用AndroidStudio创建，便于配置安卓包名。
2025-09-04 15:36:12
836
原创 Flutter环境搭建全攻略之-Macos环境搭建
本文详细介绍了在MacOS上配置Flutter开发环境的完整流程。主要内容包括：1）准备工作（升级系统、安装Xcode和brew）；2）下载Flutter SDK并配置环境变量（包括国内镜像设置）；3）安装必要工具（CocoaPods、Xcode模拟器）；4）创建Flutter项目并在Xcode和VSCode中运行调试。文中还提供了常见问题的解决方案，如环境变量配置、热重载技巧等。整个配置过程涵盖了从环境搭建到项目运行的完整链路，适合开发者参考配置Flutter iOS开发环境。
2025-09-03 21:47:26
1734
1
原创 Flutter Android真机器调式，虚拟机调试以及在Vscode中开发Flutter应用
Flutter真机调试指南：连接Android手机需开启USB调试模式并安装对应SDK版本，通过Android Studio或终端命令flutter run运行项目。注意关闭占用adb端口的软件。模拟器调试可通过Android Studio创建虚拟设备，使用flutter devices和flutter run命令运行。VSCode需安装Flutter和Dart插件及代码提示工具，开发文件存放在lib目录中。调试支持热加载（r键）和热重启（R键），常用快捷键包括p键显示网格、o键切换平台预览等。
2025-09-03 12:40:23
2215
2
原创 Flutter环境搭建全攻略之-windows环境搭建
本文详细介绍了在Windows系统上搭建Flutter Android开发环境的完整步骤。主要内容包括：1）JDK安装与环境变量配置；2）Android Studio下载安装及插件配置；3）Flutter SDK下载与环境变量设置；4）国内镜像配置方法；5）通过flutter doctor命令检测环境配置；6）常见错误解决方案；7）创建和运行Flutter项目的具体流程。文中还提供了相关软件的下载地址和配置细节，帮助开发者顺利完成Flutter开发环境的搭建。最后介绍了在VSCode中开发Flutter项目
2025-09-02 21:48:50
1134
原创 PHP与memcache数据交互
本文介绍了PHP使用Memcache的两种方法：一是安装Memcache扩展，需匹配PHP版本并配置启用；二是直接使用客户端类库memcached-client.php。重点讲解了第二种方法，通过调用memcached类实现简单操作，主要使用add()和get()方法。文章还提到将下载的memcached-client.php重命名为memcached.class.php进行引用。
2025-08-01 22:18:24
499
原创 WebAssembly：前端性能优化的终极利器
WebAssembly是一种二进制代码格式，可将C/C++/Rust等语言编译为.wasm文件在浏览器中运行。本文介绍了使用AssemblyScript快速实现WebAssembly开发的方法：通过配置编译环境，将TypeScript代码编译为wasm模块，并详细说明了产物文件的作用。文章还提供了一个性能对比demo，展示WebAssembly在处理斐波那契数列等计算密集型任务时的性能优势。测试显示，WebAssembly在递归和动态规划实现中比JavaScript快2-10倍，特别适合图形渲染、音视频处理
2025-08-01 20:52:57
1672
原创 vetur插件提示 [vue-language-server] Elements in iteration expect to have ‘v-bind:key‘ directives错误的解决办法
错误提示:[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source data使用VS Code 出现如下问题，如图
2025-07-31 22:25:51
48360
11
原创 完整监控平台-Docker编排Kafka与ClickHouse实时监控系统
本文介绍了一个基于Docker编排的实时数据监控系统设计方案。系统采用ClickHouse处理大型实时数据流，Kafka实现消息削峰。项目命名为monito-demo，通过Docker-compose编排服务，包含Kafka和ClickHouse两个核心组件。Kafka配置了多端口监听和安全协议映射，ClickHouse设置了默认数据库和密码。项目通过.devcontainer目录管理容器编排，在package.json中配置启动脚本。该设计实现了从数据采集、处理到存储的完整链路，为后续数据清洗、统计和可视
2025-07-31 21:29:48
1198
原创 代码运行时异常如何捕获并上报途径
本文介绍了三种前端数据上报方式：图片上报、Fetch上报和SendBeacon上报。图片上报通过创建Image对象将数据附加在URL上发送，实现简单但受限于GET请求和数据量；Fetch上报支持POST请求和更大数据量，但存在跨域和网络稳定性问题；SendBeacon专门用于页面卸载时可靠地上报数据。最后提出综合策略：根据场景智能选择上报方式（普通数据用图片、紧急数据用Fetch、页面卸载用SendBeacon），并提供了完整的实现代码示例，形成了一套完整的上报方案。
2025-07-30 15:03:51
656
原创 无痕埋点实战：从原理到实现
本文介绍了埋点实现的三种方式（无痕埋点、可视化埋点、手动埋点），重点讲解无痕埋点的实现原理。无痕埋点基于浏览器事件机制（冒泡和捕获），通过监听全局事件来实现数据采集。文章提供了代码示例展示如何通过事件冒泡捕获按钮点击事件，并利用event.composedPath()获取完整DOM路径。最后展示了一个完整的全局埋点SDK实现方案，包含自动埋点、错误监控、性能采集等功能，支持自定义事件上报和数据过滤，适用于复杂的前端埋点需求。
2025-07-30 12:34:04
550
原创 前端异常监控全攻略：4大核心技巧
本文介绍了前端监控中的四种异常捕获方法：1.代码运行时异常通过window.onerror捕获；2.Promise异常通过window.onunhandledrejection监听；3.请求异常通过重写fetch方法并配合onunhandledrejection处理；4.资源加载异常通过元素的onerror事件或全局错误监听处理。文章详细说明了每种异常的具体捕获方式，并提供了原生JS、Vue和React中的实现示例，为前端错误监控提供了全面的技术方案。
2025-07-29 21:17:39
774
原创 gulp详细入门教程
简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等
2025-07-29 18:28:20
1265
原创 vue-loading 8种组件
Start npm install vue-loading-template --saveUse in SPA <template> <div> <h2>bars</h2> <vue-loading type="bars" color="#d9544e" :size="{ width: '50p
2025-07-29 18:22:40
4829
1
原创 获取内网IP
var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection; if (RTCPeerConnection) (function () { var rtc = new RTCPeerConnection({i...
2025-07-29 18:21:26
505
原创 关于前端存储 indexedDB
在写手机端的时候经常会遇到一些奇葩的要求，比如客户端禁止了cookies，前端缓存还生效吗？之前在公司是用cookies localstorage sessionstorage测试过，禁止cookies是行不通的，今天再测试indexedDB，还是行不通的。答案是大写的：NO那么就用全局变量存吧，全局变量存在的问题就是刷新浏览器变量会还原初始设置。下面贴上indexedDB的代码。...
2025-07-29 15:35:30
954
原创 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
vue引用swiper在chrome浏览器下报网上找到很多人说修改css touch-action: none; 可以解决此问题，此方案未解决。swiper.js?82ca:2795 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus...
2025-07-29 15:32:09
11691
4
原创 Linux系统操作全攻略：命令详解与实战技巧
本文摘要： Linux系统管理基础教程涵盖核心知识点：1）Linux内核与文件系统基础；2）重点掌握文件目录管理(创建/删除/移动)和用户组管理；3）深入理解文件权限(rwx)及chmod命令；4）VI编辑器基本操作；5）软件安装三种方式(rpm/yum/源码)。特别提供实用命令：cd切换目录、ls查看文件、ll显示权限、man查询手册等。附Nginx安装配置指南，包括端口检查、进程管理、配置文件修改等运维技巧。文中包含大量命令示例和中文命令查询资源，适合初学者快速掌握Linux基础操作。
2025-07-29 15:28:58
300
原创 前端性能监控关键指标解析
前端性能监控关键指标包括页面加载指标（FP、FCP、LCP、TTFB）和交互指标（INP、CLS），通过Performance API计算各项耗时。主要计算方式是从navigationStart开始，测量DNS查询、TCP连接、请求响应等阶段的时间差，如TTFB=responseStart-requestStart。示例页面总加载时间1096ms，其中SSL握手82ms，DOM解析279ms，性能表现优秀。开发者可通过Chrome DevTools和performance.timing获取详细数据，优化关键
2025-07-29 14:34:06
1065
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人