在全栈和前端徘徊的程序员

原创 vue3个生命周期解析，及setup

Vue 3的生命周期钩子提供了在不同阶段执行代码的能力，合理使用可以提高组件的效率和性能。主要钩子包括onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted、onErrorCaptured以及onActivated和onDeactivated。每个钩子都有特定的调用时机和使用场景，如初始化数据、执行DOM操作或清理资源。setup函数是Vue 3组合式API的核心，用于定义响应式数据、方法以及调用生命周期钩子。

原创 浅入ES5、ES6（ES2015）、ES2023（ES14）版本对比，及使用建议---ES6就够用（个人觉得）

JavaScript（ECMAScript）的发展经历了多个版本，其中ES5、ES6（ES2015）和ES2023（ES14）是常用版本。ES5适合兼容老旧浏览器和小型项目，ES6引入了块级作用域、箭头函数、模板字符串等现代特性，适合现代Web开发，尤其是React、Vue等框架。ES2023则提供了findLast、toSorted等新方法，适合前沿项目如AI和机器学习。建议老项目更新到ES6，而最新ES2023特性在非必要项目中可暂缓使用。

原创 ES（ES2023/ES14）最新更新内容，及如何减少内耗

截至2023年10月，JavaScript的最新版本ES2023（ES14）引入了多项新特性，如findLast、toSorted等，并优化了性能。新特性包括从数组末尾查找元素的findLast和findLastIndex、支持Hashbang语法、以及改进的Symbol.prototype.description。性能方面，ES2023优化了数组操作和垃圾回收，减少了内存占用和GC停顿时间。此外，通过减少全局变量、避免内存泄漏、优化循环、减少DOM操作、使用Web Workers、懒加载、缓存、高效数据结

原创 浅析时空数据存储、优化-来自前端的看法

时空数据存储与优化涉及数据建模、存储引擎选择、索引优化、查询性能等多个方面。关键策略包括：1) 数据建模，使用时间戳和空间参考系统；2) 存储引擎选择，如关系型数据库、NoSQL数据库或时空专用数据库；3) 索引优化，采用R-tree、Quadtree等空间索引和B-tree时间索引；4) 查询优化，支持范围查询、最近邻查询和时空查询；5) 数据压缩与分区，减少存储空间和查询范围；6) 分布式存储与计算，利用HDFS、Spark等处理大规模数据；7) 缓存与预计算，加速查询和减少计算开销；8) 可视化与分析

原创 React学习（三）-函数概览

在React中，函数是构建组件和处理逻辑的核心部分。React函数主要分为以下几类：1. 函数组件，用于定义无状态或使用Hooks的组件；2. 箭头函数组件，语法更简洁；3. 事件处理函数，用于处理用户交互事件；4. Hooks函数，如useState和useEffect，用于在函数组件中添加状态和副作用；5. 高阶组件（HOC），用于增强组件功能；6. 渲染函数，用于返回JSX或渲染逻辑；7. 工具函数，用于封装通用逻辑；8. 生命周期函数，适用于类组件；9. 自定义Hooks，封装可复用的逻辑。这些函数

原创 React学习（二）-变量

在React中，变量根据其用途和生命周期可以分为多种类型。**状态变量（State）**用于存储组件的内部状态，状态变化会触发重新渲染，可通过useState或this.state定义。**属性变量（Props）**用于从父组件向子组件传递数据，子组件不能直接修改。局部变量是临时变量，生命周期限于函数或组件的执行过程。**上下文变量（Context）**用于跨层级传递数据，避免“Props Drilling”。**Ref变量（Refs）**用于直接访问DOM元素或存储可变值，不会触发重新渲染。全局变量在组件

原创 React学习（一）

【代码】React学习（一）

原创 正则表达式（三）-动态正则表示式、扩展语法——看看就好，一般编程用不上╮(╯▽╰)╭

动态正则表达式是指在程序运行时根据变量或条件生成的正则表达式，适用于需要根据用户输入、配置文件等动态数据生成正则表达式的场景。其核心思想是通过字符串拼接或模板化生成最终的正则表达式模式。常见使用场景包括用户输入验证、配置文件解析和动态搜索。此外，正则表达式扩展语法在Python、JavaScript、Perl等语言中支持命名分组、非捕获分组、零宽断言等高级功能，适用于复杂文本解析、数据提取和高级验证。尽管动态正则表达式功能强大，但在一般编程中并不常用。

原创 正则表达式（二）-高级应用_谨慎使用

文章主要探讨了正则表达式的使用建议及其高级功能。首先，建议尽量减少前端对数据的处理，保持数据的原始完整性，避免不必要的正则表达式使用。接着，文章详细介绍了正则表达式的多种高级功能，包括分组捕获、非贪婪匹配、零宽断言、条件匹配、递归匹配、回溯引用、模式修饰符、复杂模式匹配、动态正则表达式以及性能优化技巧。这些功能可以帮助开发者更高效地处理复杂的字符串匹配任务，同时通过优化策略提升正则表达式的执行效率。

原创 正则表达式常用验证（一）

正则表达式常用验证

原创 后端开发面试高频50个问题，简单解答

后端开发面试中常见的50个高频问题涵盖了编程语言基础、数据库、网络、操作系统、设计模式、分布式系统、算法与数据结构、安全及性能优化等多个方面。编程语言部分涉及Java的final关键字、Python的GIL、C++的虚函数、Go的Goroutine和JavaScript的事件循环机制。数据库部分包括事务的ACID特性、MySQL索引、数据库范式、SQL查询优化和Redis持久化机制。网络部分探讨了HTTP与HTTPS的区别、TCP与UDP的区别、三次握手与四次挥手、RESTful API和WebSocket

原创 前端面试高频50个问题，解答

本文总结了前端面试中常见的50个高频问题及其简要解答，涵盖了HTML、CSS、JavaScript、框架与库、工具与构建等多个方面。HTML部分包括HTML5新特性、语义化标签、跨域请求等；CSS部分涉及盒模型、垂直居中、BFC、响应式布局等；JavaScript部分包括数据类型、闭包、原型链、事件循环等；框架与库部分讨论了React、Vue、虚拟DOM、双向绑定等；工具与构建部分则涉及Webpack、Babel、Tree Shaking、CI/CD等。这些问题和解答为前端开发者提供了全面的面试准备参考。

原创 大数据模型的构建与优化

原创 Python学习之路（玖）-图像识别的实现

在 Python 中，图像识别对比通常涉及或。-浅看一下就行，具体功能代码，后期会逐步上传资源。

原创 vue数据可视化开发echarts等组件、插件的使用及建议-浅看一下就行

在 Vue 项目中使用 ECharts 进行数据可视化开发时，可以结合 Vue 的响应式特性和 ECharts 的强大功能，实现动态、交互式的图表展示。首先，通过 npm install echarts 安装 ECharts，并在 Vue 组件中初始化图表。为了优化性能，可以按需引入 ECharts 模块，避免全量引入导致的打包体积过大。此外，通过监听窗口 resize 事件和 Vue 的 watch 功能，可以实现图表的响应式布局和动态数据更新。对于特殊需求，如 3D 图表、水球图和词云图，可以使用 EC

原创 流式数据（Streaming Data）和非流式数据（Batch Data）区别、使用场景、优化-来自前端的浅解

流式数据（Streaming Data）** 和 **非流式数据（Batch Data）

原创 vue数据可视化开发常用库

本文介绍了五种常用的数据可视化库：ECharts、Chart.js、D3.js、Vega/Vega-Lite 和 ApexCharts，分别从特点、适用场景、安装方法和示例代码进行了详细说明。ECharts 适合复杂图表和大数据量，Chart.js 轻量易用，D3.js 高度灵活，Vega/Vega-Lite 适合快速原型，ApexCharts 则具有现代设计和动画效果。此外，文章还提供了优化建议，包括按需引入、响应式布局、性能优化、动态数据更新、减少 DOM 操作和使用 CDN 等，以提升图表性能和用户体

原创 python难点和易错点

Python 是一门语法简洁、易于上手的编程语言，但在深入使用过程中仍有一些 难点和易错点，尤其在高级特性、性能优化和并发编程等方面。以下是 Python 学习与开发中的常见难点及应对建议：

原创 vue+vite难点和优化，及seo优化

目标推荐方案提升开发体验使用 Vite 的 HMR 和按需加载兼容旧版浏览器使用优化 SEO使用 SSR 或预渲染动态 Meta 标签使用vue-meta或生成站点地图使用压缩资源使用和。

原创 Python学习之路（八）-多线程和多进程浅析

目标推荐做法提升 I/O 性能使用多线程或异步编程（asyncio加速 CPU 计算使用多进程简化并发控制使用模块实现复杂并发逻辑使用asyncioaiohttpasyncpg高效资源共享多线程配合LockQueue安全通信多进程使用QueuePipe。

原创 浅析MySQL 的 **触发器（Trigger）** 和 **存储过程（Stored Procedure）原理及优化建议

MySQL 的和是数据库中用于实现业务逻辑的重要机制，它们的原理和使用方式不同，适用于不同的场景。

原创 Three.js和WebGL区别、应用建议

需求推荐方案快速开发、展示、交互式 3D 场景使用 Three.js自定义图形算法、极致性能优化使用 WebGL想要两者兼顾使用 Three.js 并结合自定义 Shader如果你正在开发一个 Vue/React 项目并希望嵌入 3D 内容，推荐优先使用 Three.js；若你是图形学开发者或需要深度控制 GPU 渲染流程，可选择直接使用 WebGL。

原创 Python学习之路（七）-绘画and动画

Python 虽然不是专为图形设计或动画开发的语言，但凭借其丰富的第三方库，依然可以实现等功能。以下是 Python 在绘画和动画方面的主流支持方式及推荐库。建议前端web端展示还是用其他语言好╮(╯▽╰)╭。

原创 Three.js在vue中的使用（二）-动画、材质

Three.js 的动画系统基于。

原创 Three.js支持模型格式区别、建议

目标推荐格式工具链建议Web 项目展示.glbBlender 导出 + Three.js 加载游戏资产开发.fbx→ 转.glb快速原型验证.objMeshLab / Blender 编辑3D 打印预览.stlCura / Simplify3D 导入查看动画展示.glb.gltfBlender 动画导出 + Three.js 播放。

原创 Three.js在vue中的使用（二）-加载、控制

在 Vue 中使用加载模型、控制视角、添加点击事件是构建 3D 场景的常见需求。

原创 雪碧图的原理，使用

图标数量较多且变化较少；需要兼容老浏览器（如 IE8）；首屏性能敏感，需要减少请求数；图标为位图（非矢量），如 PNG、JPG。图标频繁更新；需要动态改变颜色或大小；使用现代框架（Vue/React）+ SVG 技术栈；移动端优先项目，推荐使用 SVG 或 IconFont。

原创 Three.js在vue中的使用（一）-基础

WebGL 基础Three.js 底层使用 WebGL（Web Graphics Library）进行图形渲染。WebGL 是一种低级 API，允许直接操作 GPU 进行高性能图形绘制。Three.js 对 WebGL 进行封装，屏蔽了底层复杂性。

原创 vue 常见ui库对比（element、ant、antV等）

Element UI 的 Vue 3 版本，提供了与 Element UI 类似的组件和功能。

原创 Vue Router路由原理

Vue Router 是 Vue.js 官方的路由管理器，它与 Vue.js 核心深度集成，使得构建单页应用（SPA）变得非常容易。Vue Router 的主要功能包括动态路由匹配、嵌套路由、编程式导航、命名路由、路由守卫等。

原创 JavaScript面试问题

【代码】JavaScript面试问题。

原创 Python面试问题

【代码】Python面试问题。

原创 微信小程序原理、开发使用

微信小程序是一种基于微信生态的轻量级应用，具有“无需下载、即用即走”的特点。以下是微信小程序的核心原理和开发使用指南。记得先注册微信小程序开发账号，建议注册成开发公众号的，这样也可以用于小程序开发，否则只是注册小程序开发，后续没办法开发公众号。注册好之后会有ID，是上传必要的东西。

原创 JavaScript 函数与算法性能优化

类型优化方法函数优化减少重复计算、使用内置方法、复用对象、位运算、避免全局变量算法优化时间复杂度优化、空间复杂度优化、分治策略、动态规划工具支持使用性能分析工具、Web Workers、异步编程。

原创 Python学习之路（六）-图像识别

图像识别是计算机视觉的核心领域之一，其目标是让计算机能够从图像中提取信息并进行分类、检测或其他任务。以下是图像识别的理论原理和基于 Python 的开发方法。

原创 vuePress开发和使用

--title: 示例页面---这是页面内容。通过目录下的自定义组件，可以扩展 Markdown 的功能。在项目根目录下创建themes文件夹。创建主题入口文件index.js和相关模板文件。layouts: {

原创 前端面试常见部分问题，及高阶部分问题

￣︶￣￣︶￣。

原创 VuePress可以做什么？

VuePress 是一个基于 Vue.js 的静态站点生成器，专注于文档和内容展示。它结合了 Markdown 的简洁性和 Vue 的灵活性，适合多种场景的开发需求。

原创 Python学习之路（五）-接口API

在 Python 中结合数据库开发接口 API 通常使用 Web 框架（如 Flask 或 Django）和 ORM（对象关系映射）工具（如 SQLAlchemy 或 Django ORM）。以下是使用 Flask 和 SQLAlchemy 的详细步骤，展示如何结合数据库开发一个简单的 API。

原创 服务器上部署Nginx的几种方式

方式优点缺点包管理器安装简单快捷，易于维护可能不是最新版本源码编译安装可定制配置，使用最新版本编译过程复杂，需要安装依赖Docker 容器快速部署，易于管理需要学习 Docker，资源占用稍高Ansible 自动化自动化部署，易于扩展需要学习 Ansible预配置镜像快速启动，易于使用可能不完全符合需求官方脚本简单快捷，使用官方源可能需要手动配置。