TechBlog
首页分类标签搜索关于
← 返回标签列表
加载中...

© 2025 TechBlog. All rights reserved.

#标签

共 1400 篇文章
Javascript中的闭包

Javascript中的闭包

当一个函数在其定义时的作用域之外执行,并且仍然可以访问当时的变量,这个现象就叫做闭包。count++执行完后,按理说作用域应该销毁但返回的函数仍然引用了countJS引擎发现:👉这个作用域不能回收于是形成了一个被“保活”的作用域——这就是闭包重点:不是函数产生了闭包,而是函数使用了外层作用域的变量,并且在外层作用域之外执行。2、vue中的闭包案例return{user,setUseruseUser执行完后,本应销毁但setUser仍然在组件里被调用setUser引用了user。

时间:12/24/2025

react中recharts使用的示例

react中recharts使用的示例

项目中安装recharts示例代码代码解读代码结构和用法1.导入依赖导入recharts库的饼图相关组件◦导入项目中定义的统计颜色常量2.数据定义3.组件渲染使用ResponsiveContainer确保图表自适应容器大小◦PieChart是饼图的主容器◦Pie定义饼图的配置,如数据源、半径、标签等◦Cell为每个扇形设置不同颜色◦Tooltip提供鼠标悬停时的提示信息组件特点。

时间:12/23/2025

设计模式之-享元模式

设计模式之-享元模式

剥离了外部状态的对象成为共享对象,外部状态在必要时被传入共享对象来组装成一个完整的对象,虽然组装外部状态成为一个完整对象的过程需要花费一定事件,但却可以大大减少系统中的对象数量,相比之下,这点时间或许是微不足道的。在上面的例子中,性别是内部状态,内衣是外部状态,通过区分这两种状态,大大减少了系统中的对象数量,通常来讲,内部状态有多少种组合,系统中便最多存在多少个对象,因为性别通常只有男女,所以该内衣厂商最多只需要2个对象。下面来改写下这个代码。可以看到,改进之后的代码,只需要两个对象便完成了同样的功能。

时间:12/23/2025

深度解析-React-组件化开发从-Props-通信到样式管理的进阶指南

深度解析-React-组件化开发从-Props-通信到样式管理的进阶指南

本文深入探讨React组件开发的核心概念与应用实践。首先介绍了组件化思想,将UI拆分为独立可复用的单元,并通过函数式组件与解构赋值简化开发。重点解析了Props作为组件间通信机制的特点,包括单向数据流、类型检查及多种传值方式。文章详细阐述了JSX语法特性,如变量插值、条件渲染及关键字避让。此外,还探讨了高级组件模式(children插槽与RenderProps)和多样化的样式管理方案(传统CSS与CSS-in-JS)。这些知识点为React入门开发者提供了全面的技术指导。

时间:12/23/2025

飞冰ice.js中Model数据初始化原理

飞冰ice.js中Model数据初始化原理

摘要ice.js框架通过@ice/plugin-store插件实现数据管理,基于Redux封装。数据存储在内存中,刷新页面会丢失,持久化需依赖localStorage。通过getInitialData方法初始化Model数据,其原理是:createStore创建数据仓库时会处理provider插件provider插件会在store创建时检查初始数据,通过dispatch更新Model状态runApp入口会调用reactAppRenderer,处理getInitialData返回的初始数据数据最终通

时间:12/23/2025

ceph运维

ceph运维

Ceph的“配置”是分散的、动态的、声明式的“状态+拓扑+生效参数+部署规则”的组合快照含义:RADOSobject的大小默认值:4MB作用层级👉决定一个RBD对象=多大。

时间:12/22/2025

Vue.observable实现vue原生轻量级状态管理详解

Vue.observable实现vue原生轻量级状态管理详解

Vue.observable是Vue2.x提供的轻量级状态管理工具,通过Object.defineProperty实现对象属性的响应式劫持。它适用于小型应用的全局状态管理、组件间通信和逻辑复用场景,但存在仅支持对象、新增/删除属性需特殊处理、数组修改限制以及解构赋值丢失响应式等局限性。使用时需通过Vue.set/Vue.delete处理动态属性,避免直接解构响应式对象。在Vue3中已被reactiveAPI替代。

时间:12/22/2025

Typescript未知类型如何处理

Typescript未知类型如何处理

TheerrorhappensbecausePrisma’stypeisaunionofallvalidJSONtypes:.TypeScriptiscomplainingbecauseastringoranumberdoesnothaveapropertynamed.Eventhoughyouknowislikelyanobject,TypeScriptmustaccountforthepossibilitytha

时间:12/22/2025

React开发者工具的下载及安装4

React开发者工具的下载及安装4

本文介绍了React开发者工具的下载和安装方法。首先需从极简插件网站搜索并下载ReactDeveloperTools压缩包,解压后获得插件文件和说明书。安装步骤包括:在Chrome浏览器中打开扩展程序管理页面,启用开发者模式,将.crx文件拖入页面完成安装。该工具可帮助开发者调试React应用,安装过程简单快捷。

时间:12/22/2025

react中使用复制的功能

react中使用复制的功能

在react中使用最新的navigator.clipboard.writeText(url)方法来实现复制的功能。

时间:12/22/2025

vue面试ref和reactive

vue面试ref和reactive

如果你愿意,下一步我可以直接从Vue源码视角(track/trigger)给你画一条“数据→视图更新”的完整链路,或者对比ReactuseState从“为什么完全不一样”来讲。ref和reactive并不是“多余的语法糖”,而是Vue为了解决「数据如何被追踪、如何更新视图」这个核心问题而设计的两种不同数据模型。在JS语言限制下,如何让Vue精确追踪「谁用过什么数据」,并在数据变化时最小代价地更新视图。Vue的响应式不是“数据结构”,而是“数据与依赖之间的契约”。

时间:12/21/2025

开发课堂学生专注度分析程序,捕捉学生面部表情和动作,分析专注程度,帮助老师调整教学

开发课堂学生专注度分析程序,捕捉学生面部表情和动作,分析专注程度,帮助老师调整教学

/======================专注度计算模块(attentionCalculator.js)======================//======================面部检测模块(faceDetection.js)======================//======================UI渲染模块(uiRenderer.js)======================

时间:12/21/2025

Vue3_响应式数据和setup语法糖

Vue3_响应式数据和setup语法糖

Vue3_响应式数据和setup语法糖

时间:12/20/2025

如何给-RN-项目设计不会失控的导航分层模型

如何给-RN-项目设计不会失控的导航分层模型

摘要:ReactNative导航问题的根源在于缺乏分层模型,导致导航混乱不可控。正确的导航设计应分为四层:应用级(全局状态)、业务流程级(不可打断流程)、功能区级(Tab/Drawer)和页面级。关键原则包括:Root层用条件渲染切换状态、Flow层独立管理完整流程、Tab下必须嵌套Stack、Modal单独处理不污染主栈。通过清晰的层级划分和权责分离,可实现自动化的返回行为,避免后期维护难题。导航设计的核心是建立合理的页面模型,而非单纯掌握API用法。

时间:12/20/2025

第3课零基础前端框架实操入门从核心语法到第一个完整项目

第3课零基础前端框架实操入门从核心语法到第一个完整项目

本文是一篇Vue3入门教程,主要包含以下内容:环境搭建:使用VSCode、Node.js和Chrome,通过Vite快速创建Vue3项目;核心语法:讲解ref/reactive响应式数据、事件绑定、条件/列表渲染等基础语法;组件开发:演示组件创建、props传值和自定义事件等组件化开发方法;项目实战:带领读者完成一个具备增删查功能的待办事项应用;学习建议:提供课后作业和下节课预告,帮助巩固所学知识。教程采用"理论+实操"的方式,适合零基础学习者快速上手Vue3开发。

时间:12/20/2025

技术演进中的开发沉思-260-Ajax核心动画

技术演进中的开发沉思-260-Ajax核心动画

YUI动画类通过封装底层逻辑、提供场景化子类设计,简化了前端动画开发流程。Anim基类统一管理定时器控制、属性插值和生命周期,Motion、Scroll、ColorAnim子类分别优化移动、滚动和颜色渐变场景。采用配置化接口替代硬编码计算,支持跨浏览器兼容和多种缓动效果,其"基类抽象共性+子类封装个性"的设计思想为现代CSS3动画和框架动画库奠定基础,体现了"以用户体验为核心"的前端开发理念。

时间:12/20/2025

聊下-rewriteRelativeImportExtensions-这个-TypeScript-配置项

聊下-rewriteRelativeImportExtensions-这个-TypeScript-配置项

这个配置项是TypeScript5.7+版本中存在的,距离5.7发布也有一年多了,不过感觉国内的技术文章里面提及这一块的不算太多。结合我之前写前端的时候对ESM模块系统有一些误会,所以我觉得可以从ESM模块系统开始,一直科普到TypeScript5.7的这个配置项。

时间:12/20/2025

前端框架一段普通的-JavaScript-程序

前端框架一段普通的-JavaScript-程序

main.js的存在,是因为:浏览器只会“从一个JS文件开始执行”,而框架需要一个“接管页面的起点”。这个问题问得非常“到位”,而且已经到了「理解框架而不是背API」的层级了。1️⃣从JS执行栈角度看:main.js是怎么一步步跑起来的。4️⃣为什么前端也需要“路由”,而且路由为什么写在JS里?3️⃣React/Vue的“组件树”在内存里长什么样?四、用一个“极简React心智模型”理解main.js。二、如果没有框架,你的“入口”其实已经存在了。

时间:12/19/2025

n8nGPT-4o一次解析多张图片

n8nGPT-4o一次解析多张图片

n8n+GPT-4o一次解析多张图片

时间:12/19/2025

vue使用lodop控件打印

vue使用lodop控件打印

通过以上步骤,即可在Vue项目中实现Lodop的打印功能。若需打印Vue渲染的动态内容,可通过。在Vue组件中,通过。

时间:12/19/2025

一个医学编码的服务

一个医学编码的服务

摘要:TruCodePartnerPortal(https://partner.trucode.com/)提供医疗编码API服务,支持门诊费用分组和定价计算。其APC_ASC/Calculate接口可处理XML或JSON格式请求,包含患者信息、诊断和手术数据。响应结果包含分组定价信息、医保金额及编码质量警告(如不当使用修饰符、缺少必要诊断代码等)。该平台提供多种编码计算类型及丰富示例,适用于医疗账单编码的自动化处理和质量控制。

时间:12/18/2025

前端基础知识

前端基础知识

前端的html、css和JavaScript一些基础知识,及其相关练习

时间:12/18/2025

UniApp-安卓端实现文件的生成,写入,获取文件大小以及压缩功能

UniApp-安卓端实现文件的生成,写入,获取文件大小以及压缩功能

生产环境,app应用不能像PC端一样,可以在浏览器控制台调试,所以应用加了日志打印的开关,需要实现日志文件的生成,写入,获取大小以及压缩功能,方便后期定位数据问题。

时间:12/18/2025

使用状态管理持久化存储或者利用现有的库来辅助React-Native鸿蒙跨平台开发开发一个允许用户撤销删除的操作

使用状态管理持久化存储或者利用现有的库来辅助React-Native鸿蒙跨平台开发开发一个允许用户撤销删除的操作

本文介绍了在ReactNative中实现类似Windows回收站功能的几种方法。主要内容包括:1)使用状态管理(useState)维护删除和恢复操作;2)利用AsyncStorage实现持久化存储,确保应用重启后仍可恢复数据;3)提供实际代码示例,包含删除/撤销按钮、图标资源和列表渲染逻辑。实现要点是通过维护两个数组(items和deletedItems)来跟踪当前和已删除项目,结合FlatList组件展示内容,并支持删除恢复功能。

时间:12/17/2025

上一页
12345...59
下一页第 1 / 59 页