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

© 2025 TechBlog. All rights reserved.

#标签

共 75 篇文章
Javascript中的闭包

Javascript中的闭包

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

时间:12/24/2025

JavaScript图表库-DHTMLX-Diagram-6.1-重磅发布全新PERT模式上线,项目可视化能力再升级

JavaScript图表库-DHTMLX-Diagram-6.1-重磅发布全新PERT模式上线,项目可视化能力再升级

近日,JavaScript图表库DHTMLXDiagram6.1正式版本。本次版本更新带来了全新的PERT可视化模式,并在无代码/低代码流程图编辑体验方面实现了更高的灵活性与可控性。同时,Diagram编辑器在快捷键管理与图形交互控制上也迎来了多项重要增强。

时间:12/17/2025

Flutter-状态管理全家桶ProviderBlocGetX-实战对比

Flutter-状态管理全家桶ProviderBlocGetX-实战对比

Provider、Bloc、GetX没有绝对的优劣之分,核心差异在于设计哲学与适配场景:Provider胜在“原生、轻量、易上手”,Bloc胜在“结构化、可追踪、可测试”,GetX胜在“高效、全能、极简”。开发者在选型时,应跳出“技术优劣”的误区,聚焦项目规模、团队能力与长期维护需求,选择最能降低项目成本的方案。最终建议:新手从Provider入手建立状态管理基础认知,进阶学习Bloc理解事件驱动与结构化设计思想,在合适场景下灵活运用GetX提升开发效率,形成“全栈式”的状态管理能力。

时间:12/16/2025

实战用Splash搞定JavaScript密集型网页渲染

实战用Splash搞定JavaScript密集型网页渲染

Splash为动态网页爬取提供了强大而灵活的解决方案。通过合理配置代理、优化等待时间、善用Lua脚本,可以应对90%以上的JavaScript渲染场景。优先使用Docker部署,保持环境隔离对关键页面使用显式等待而非固定等待建立完善的错误处理和重试机制定期监控Splash服务性能指标随着前端技术的演进,像Splash这样的工具会越来越重要。掌握它不仅能解决当前问题,更能为未来更复杂的爬取需求打下基础。

时间:12/16/2025

目前流行的前端框架

目前流行的前端框架

当前前端领域的技术选型非常丰富,不同的框架和工具各有侧重。为了让你快速建立一个整体印象,下面这个表格梳理了目前最主流的几个核心框架及其关键特性。框架名称核心特点学习曲线适用场景最新动态(2025年)​-基于组件和虚拟DOM-灵活的JSX语法-丰富的生态系统中等-大型、复杂的单页应用(SPA)-需要高度自定义和灵活性的项目-React19优化并发特性和服务器组件(RSC)-与Next.js深度集成​-渐进式框架,易于集成。

时间:12/11/2025

在React-Native鸿蒙跨平台开发中实现一个桶排序算法,如何使用任何排序算法对每个桶中的元素进行排序,再将所有桶中的元素合并成一个有序数组

在React-Native鸿蒙跨平台开发中实现一个桶排序算法,如何使用任何排序算法对每个桶中的元素进行排序,再将所有桶中的元素合并成一个有序数组

21312312321312321

时间:12/08/2025

JS日期对象及时间戳的使用制作距离指定日期的倒计时

JS日期对象及时间戳的使用制作距离指定日期的倒计时

介绍了JavaScript中日期对象以及时间戳的使用方式,可以做出距离指定日期的倒计时效果。

时间:12/04/2025

父组件-子组件

父组件-子组件

【代码】父组件子组件。

时间:12/03/2025

React-ASD-Structure-Drawing-Layer-Coding-System-2007

React-ASD-Structure-Drawing-Layer-Coding-System-2007

【代码】【React】ASDStructureDrawingLayerCodingSystem(2007)

时间:12/01/2025

Flutter-智慧金融零售服务平台跨端协同升级金融便民体验

Flutter-智慧金融零售服务平台跨端协同升级金融便民体验

Flutter凭借跨端统一、高安全、强适配的技术优势,完美解决了金融零售服务渠道割裂、体验单一、效率低下等核心痛点。本文构建的智慧金融零售服务平台,基于Flutter实现了从客户便捷业务办理、客户经理精准营销到网点智能管控的全流程服务闭环,通过金融专属优化保障了服务的合规性与安全性。在实践过程中,Flutter不仅降低了金融数字化服务的开发与维护成本,更通过实时数据协同与智能风控能力,提升了金融零售服务的精准度与安全性。

时间:12/01/2025

Vuetify-Nuxt.js

Vuetify-Nuxt.js

基于您提供的技术栈(Vuetify+Nuxt.js),这是一个非常强大和现代的组合,用于构建Vue.js后台管理系统。下面我将为您详细解析这个软件架构。这个架构可以理解为:Nuxt.js作为整个应用的骨架和大脑,负责结构、路由、渲染和服务器逻辑;而Vuetify作为皮肤的肌肉,负责所有用户界面的美观性、一致性和交互性。Nuxt.js是基于Vue.js的全栈框架,它为您的后台管理系统提供了坚实的基础和强大的开箱即用功能:角色定位:应用的核心框架。核心优势:文件系统路由:在目录下创建文件,N

时间:11/22/2025

JavaScript环境

JavaScript环境

记得我刚学Webpack时,被一堆loader和plugin搞晕了,后来从简单配置起步,慢慢加功能,才掌握了精髓。另外,调试工具不可少:浏览器有DevTools,Node可以用--inspect参数配合Chrome调试,而VSCode的调试器更是神器,能设断点、看变量,大大提升效率。总之,多测试、多监控是王道,可以用Jest做单元测试,Docker来统一环境,确保代码在任何地方都稳定运行。最后,JavaScript环境在不断进化,从早期的脚本语言到现在的全栈利器,离不开社区和工具的支撑。

时间:11/20/2025

JavaScript打包

JavaScript打包

插件就更厉害了,能插手到打包的各个生命周期,干些优化资源、注入环境变量之类的脏活累活。老牌劲旅Webpack依然坚挺,虽然配置起来有点让人抓狂,但人家生态丰富啊,几乎什么场景都能找到对应的loader和plugin。其次就是各种资源处理,CSS、图片、字体,甚至Vue/React的模板,都得经过这么一道工序。第二,善用splitChunks做代码分割,把第三方库单独打包,充分利用浏览器缓存。最后唠叨几句,工具是死的,人是活的。毕竟,咱们的终极目标是把项目做好,不是比谁的打包配置更花哨,你说是不是?

时间:11/20/2025

React-创建-Context

React-创建-Context

解决了“propdrilling”(属性钻取)问题,即:避免将props通过多层组件传递。在任意组件中包裹(通常是最顶级的组件,比如Layout组件)

时间:11/20/2025

Chart.js图标绘制工具库

Chart.js图标绘制工具库

在我的健康情况监视系统中,我需要大量用到图标绘制,Chart.js是个十分便利的工具在我的项目中Chart.js是一个极其得心应手的工具,他帮我快速生成了我想要的图表。

时间:11/16/2025

React-18-并发特性useTransition-和-useDeferredValue-动画级解释

React-18-并发特性useTransition-和-useDeferredValue-动画级解释

今天我们用动画故事讲清楚React18推出de两个神奇Hook:`useTransition`和`useDeferredValue`。

时间:11/12/2025

第07章ProvideInject-依赖注入模式

第07章ProvideInject-依赖注入模式

Provide/Inject是Vue3提供的一种依赖注入模式,用于解决深层组件树中的数据传递问题。它允许祖先组件向其所有后代组件注入依赖,而无需通过每一层组件手动传递props。使用props需要在每一层都声明和传递,即使中间层组件并不使用这些数据。3.类型安全的Provide/Inject(TypeScript):在后代组件中注入并使用提供的数据或方法。1.基本的Provide/Inject。3.应用级别的Provide。应用级别的全局状态管理。跨多层组件的数据传递。

时间:11/08/2025

在-JavaScript-中,-Map-和-Object-都可用于存储键值对,但设计目标特性和适用场景有显著差异

在-JavaScript-中,-Map-和-Object-都可用于存储键值对,但设计目标特性和适用场景有显著差异

Object是JavaScript最基础的数据结构,适合简单场景和JSON序列化;Map是ES6新增的专门用于键值对存储的结构,在键类型灵活性、顺序、性能等方面更有优势,适合复杂场景。选择时需根据键的类型、顺序需求、操作频率、序列化需求综合判断。

时间:11/06/2025

uni-app-x开发商城系统,商品详情轮播图,样式结构,数据渲染

uni-app-x开发商城系统,商品详情轮播图,样式结构,数据渲染

上一篇文章,已经实现了商品列表点击跳转至商品详情页接下来实现,商品详情轮播图,样式结构,数据渲染。

时间:11/05/2025

uni-app-x开发商城系统,资讯详情页面数据渲染

uni-app-x开发商城系统,资讯详情页面数据渲染

上一篇文章,已经实现了资讯列表跳转详情并传递id接下来实现,资讯详情页面数据渲染。

时间:11/04/2025

ES6模板字符串

ES6模板字符串

ES6模板字符串(TemplateString)是一种增强版的字符串,主要解决传统字符串拼接繁琐、多行字符串处理麻烦等问题,通过反引号(`)包裹,支持和等功能。模板字符串极大简化了字符串拼接场景(如动态生成HTML、日志输出等),是ES6中最常用的特性之一。

时间:11/02/2025

React-模块化Axios封装请求-统一响应格式-请求统一处理

React-模块化Axios封装请求-统一响应格式-请求统一处理

本文介绍了如何使用axios实现前端网络请求的封装和模块化。首先通过npminstallaxios安装依赖,然后创建request.js文件配置基础URL和超时时间,并添加请求和响应拦截器处理token和错误。接着将API接口模块化,单独创建info.js文件定义getUserInfo方法。最后在React组件中导入并使用该接口,通过useState管理返回的用户数据。这种封装方式使代码结构更清晰,便于维护和复用。

时间:10/30/2025

vue3-实现贪吃蛇-电脑版01

vue3-实现贪吃蛇-电脑版01

vue3-实现贪吃蛇-电脑版01...

时间:10/28/2025

JavaScript-ES5-vs-ES6-核心特性对比

JavaScript-ES5-vs-ES6-核心特性对比

ES6(ECMAScript 2015)引入了大量现代化语法和新特性,使 JavaScript 更加简洁、易读、易维护。以下是 ES5 与 ES6 的核心特性详细对比。特性ES5ES6变量声明var(函数作用域)letconst(块级作用域)函数function声明箭头函数、默认参数、剩余参数字符串拼接、转义模板字符串、插值、多行对象完整写法属性简写、方法简写、计算属性数组mapfilterreducefindincludesArray.from、扩展运算符异步回调函数Promise(后续)

时间:09/27/2025

上一页
1234
下一页第 1 / 4 页