- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vuex 的使用和原理详解
Vuex 是一个专为 Vue.js 应用程序设计的状态管理模式，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。单一状态树：整个应用的状态存储在一个对象中。可预测的状态变更：只有通过明确的规则（Mutation）才能改变状态。插件机制：支持插件的扩展。state: {user: null // 用户信息},},},actions: {// 模拟登录请求resolve();}, 1000);});
2024-12-24 09:44:29
990
原创 一文读懂：高阶函数
高阶函数（Higher-Order Functions）的概念最早来源于数学中的函数式编程范式，指的是以其他函数为输入或输出的函数。在计算机科学中，这一思想被引入编程语言，用于增强代码的抽象能力。除了 JavaScript，许多现代编程语言（如 Python、Ruby、Haskell 等）都支持高阶函数。在函数式编程语言中，高阶函数是核心组件，而在多范式语言中，它们通常用于简化代码逻辑或处理复杂的函数组合。
2024-12-19 15:06:56
865
原创 深入解析 requestAnimationFrame 和 requestIdleCallback
是用于创建高性能动画的 API，它的主要特点是与显示器的刷新频率（一般为 60Hz）同步，从而保证动画的流畅性和稳定性。这些操作需要在 16.66ms 内完成（60FPS）以避免卡顿。是一个允许在浏览器空闲时间内执行低优先级任务的 API。这种分工可以帮助开发者构建性能优化的 Web 应用。
2024-12-10 14:54:07
466
原创 call apply bind原理和使用
它们主要用于函数上下文的转换或借用其他对象的方法。是 JavaScript 中用来显式改变函数 this。当一个对象没有某方法时，可以借用其他对象的方法来使用。当参数是动态生成的数组时，在事件处理函数中，使用。
2024-12-04 08:57:31
263
原创 高德地图坐标系 转换 EPSG:4326
若要将高德地图的经纬度（基于 GCJ-02 坐标系）转换为 EPSG:4326（WGS84）坐标系，你需要使用一个能够执行这种坐标转换的库或工具。由于高德地图使用的是 GCJ-02 坐标系，而 EPSG:4326 是 WGS84 坐标系，因此直接转换需要特定的算法。OpenLayers 本身并不直接提供从 GCJ-02 到 WGS84 的转换功能，但你可以使用其他库，如。以下是一个 Vue.js 组件的示例，它使用。，或者自己实现转换算法。
2024-11-07 11:18:39
1028
原创 一文读懂：GIS中坐标系、投影、EPSG:4326、EPSG:3857
EPSG:3857是Web Mercator投影坐标系的代码，也被称为Spherical Mercator、WGS 1984 Web Mercator（Auxiliary Sphere），采用伪墨卡托投影处理WGS84得到的投影坐标系。
2024-11-05 15:02:34
2159
原创 使用Openlayers开发地质图
OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript类库包，用于实现标准格式发布的地图数据访问。从OpenLayers2.2版本以后，OpenLayers已经将所用到的Prototype.js组件整合到了自身当中，并不断在Prototype.js的基础上完善面向对象的开发，Rico用到地方不多，只是在OpenLayers.Popup.AnchoredBubble类中圆角化DIV。OpenLayers2.4版本以后提供了矢量画图功能，方便动态地展现“点、线和面”这样的地理数据。
2024-11-05 14:59:48
780
原创 一文读懂 浏览器的缓存机制
HTTP缓存控制字段通过精确控制资源的缓存行为，有助于提升网页的加载速度、减少网络带宽的消耗和降低服务器的负载。在实际应用中，这些字段可以单独使用，也可以组合使用，以实现复杂的缓存策略。
2024-09-10 15:41:52
965
原创 JavaScript数据精度丢失的底层原理及解决方案
IEEE 754标准是20世纪80年代以来最广泛使用的浮点数运算标准，为许多CPU与浮点运算器所采用。它定义了表示浮点数的格式（包括负零、-0、无穷大（Inf）和非数值（NaN））、特殊数值，以及这些数值的运算规则。IEEE 754规定了四种表示浮点数值的方式：单精确度（32位）、双精确度（64位）、延伸单精确度（43比特以上，较少使用）和延伸双精确度（79比特以上，通常以80位实现）。其中，双精确度是JavaScript中数字的主要表示方式。
2024-09-09 22:11:17
957
原创 WebSocket 概述和原理
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，允许客户端和服务器之间实时发送和接收数据。实时性：WebSocket 能够实时的进行通信，不需要发送请求才可以接收数据。双向性：WebSocket 可以同时进行数据的发送和接收，实现双向通信。单一连接：WebSocket 只需要建立一条连接就可以进行通信，减少了连接的数量和复杂度。WebSocket 是一种实时通信的协议，它使得浏览器和服务器可以通过 TCP 连接进行实时的双向通信。
2024-09-09 21:35:38
1155
原创 一文读懂Git命令
什么是Git？Git是一个开源的分布式版本控制系统，用于跟踪计算机文件的变化，尤其是源码的变化。它能够帮助多个开发者协作开发，记录每一次对代码的修改，并能够回溯到之前的状态，从而有效管理代码版本。历史背景Git由Linus Torvalds在2005年创建，旨在取代当时使用的BitKeeper版本控制系统。它提供了高效、高度可扩展且灵活的服务，尤其适合处理大型项目。Git广泛应用于各种软件开发项目，并成为现代开发过程中的标准工具。
2024-09-05 20:35:55
1082
原创 一文读懂前端组件化,模块化概念及原理
前端组件化是一种将复杂的用户界面拆分成多个独立、可复用的组件的过程。每个组件都封装了自己的逻辑、样式和模板，通过组合这些组件来构建整个应用程序。组件化提高了代码的可维护性、可复用性和开发效率，是现代前端开发的重要趋势。模块化是指将一个复杂的系统或程序按照功能、逻辑等划分为多个独立、可复用的模块的过程。在前端开发中，模块化和组件化通常是结合使用的。模块化用于划分系统的功能结构，而组件化则用于构建具体的用户界面。通过模块化和组件化的结合，可以构建出既易于维护又高效复用的前端应用程序。实际上，你可能需要在。
2024-09-04 22:49:57
2080
原创 TypeScript中的逆变与协变：深入理解与应用
在TypeScript（TS）的世界里，逆变（Contravariance）和协变（Covariance）是两个重要的概念，它们对类型系统的灵活性和安全性有着深远的影响。本文将深入探讨这两个概念，并通过实例展示它们在TypeScript中的应用。
2024-09-02 18:48:48
861
原创 TypeScript中的类型映射（Mapping Types）：探索类型迭代的无限可能
映射类型是一种高级类型操作，它允许我们根据一个已存在的类型（称为“源类型”），通过某种规则（称为“映射规则”）来生成一个新的类型。这种操作类似于数组中的map函数，但作用于类型层面，而非值层面。
2024-08-28 21:18:58
731
原创 TypeScript进阶之泛型分发
分发在TypeScript中主要指的是当泛型参数为联合类型时，泛型函数或类型操作会针对联合类型中的每一个成员类型分别进行操作，并最终将各个成员类型的结果合并起来。这种机制允许开发者编写出更加灵活和强大的类型工具。在TypeScript中，“分发”是一个与泛型、联合类型以及类型操作密切相关的概念。它指的是当泛型参数为联合类型时，泛型函数或类型操作会针对联合类型中的每一个成员类型分别进行操作，并最终将各个成员类型的结果合并起来。这种机制极大地增强了TypeScript类型系统的灵活性和表达能力。
2024-08-27 21:37:28
403
原创 解决前端流文件导出和获取请求头中的文件名称
在开发过程中，我们经常会遇到需要导出流文件和获取请求头中的文件名称的情况。这些问题可能看起来很简单，但在实际实现中，却会遇到各种坑和陷阱。本文将为您提供流文件导出和获取请求头中的文件名称的解决方案。
2024-08-27 10:43:16
932
原创 本地VS Code如何运行.ts文件
第一步设置tsconfig.josn配置文件，并创建dist文件，dist为编译打包后文件；第二步，在终端命令里面输入tsc -watch，编译后dist文件夹下会出现index.js文件，步骤如下图1-2所示。1）第一种方法可以直接通过命令编译，例如我们创建一个index.ts文件，可以在控制台 输入tsc +文件名 进行编译。3.生成配置文件，cd进入新建文件夹，在控制台输入，如下图1-1所示。命令行 执行node -v以及npm -v都能正常显示版本号就没问题。2）vscode自动化编译ts文件。
2024-08-26 20:55:15
1319
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人