- 博客(44)
- 收藏
- 关注
RSS订阅原创 HTTP和HTTPS
HTTP适合非敏感数据传输，优势是简单高效，但安全性极差。HTTPS通过 TLS/SSL 加密解决了 HTTP 的安全问题，是现代 Web 应用的标配，尤其适用于涉及用户隐私和支付的场景。尽管 HTTPS 存在性能和成本开销，但随着 TLS 协议优化（如 TLS 1.3 减少握手次数）和免费证书普及，其应用门槛已大幅降低。
2025-10-30 07:28:00
670
原创 WebSocket
WebSocket 是实时通信的基石，通过持久化全双工连接，解决了 HTTP 轮询的性能瓶颈。客户端可直接使用浏览器原生WebSocket对象，服务器端可通过wsSocket.IO等库快速实现。在实时聊天、数据监控、在线协作等场景中，WebSocket 是不可替代的技术。
2025-10-29 11:42:09
642
原创 Ajax介绍
Ajax 彻底改变了网页的交互方式，通过异步数据交换实现了无刷新更新，是现代 Web 应用（如单页应用 SPA）的核心技术之一。尽管原生使用较繁琐，但fetch API和 Axios 等库简化了其使用，使得开发者能更专注于业务逻辑。理解 Ajax 的原理和跨域解决方案，是前端开发的基础技能。
2025-10-29 11:39:44
938
原创 NodeJs
定义：Node.js 是基于 Chrome V8 引擎的JavaScript 运行时环境，允许在服务器端执行 JS 代码。核心特点单线程 + 事件循环：避免多线程上下文切换开销，通过非阻塞 I/O 处理高并发。非阻塞 I/O：I/O 操作（如文件读写、网络请求）不阻塞主线程，通过回调/ Promise 通知结果。跨平台：支持 Windows、Linux、macOS，依赖 libuv 库实现底层系统调用兼容。npm 生态：拥有全球最大的开源包管理系统，丰富的第三方库（如 Express、Koa）。
2025-10-29 11:36:21
642
原创 Cesium（2）源码结构
提供基础几何图形的数学定义（如矩形、球体、折线等），用于生成渲染用的顶点数据。：矩形面几何。：折线几何。：椭球体几何（如地球本身的几何定义）。：几何实例（用于实例化渲染，复用几何数据）。Cesium 源码结构以“地理空间可视化”为核心，从底层数学计算、WebGL 渲染，到高层实体管理和 UI 组件，形成了一套完整的生态。想优化渲染性能，需关注Scene和Renderer模块；想扩展数据格式，需了解模块；想自定义材质，需修改Material和Shaders相关代码。
2025-10-29 11:33:45
789
原创 Cesium（1）基本知识
定义：Cesium 是一个基于 WebGL 的开源 3D 地理信息开发平台，支持全球级别的地形、影像、矢量数据可视化，以及时空数据动态展示。核心场景：数字地球、GIS 应用、卫星/无人机数据可视化、智慧城市、虚拟仿真、军事模拟等。通过自定义材质（适用于Primitiveu_time: {value: 0},// 随时间变化的颜色});// 应用到矩形面})}),})})}));
2025-10-29 11:32:24
701
原创 @vueuse
是 Vue 3 生态中极具价值的工具库，它像“瑞士军刀”一样覆盖了前端开发的各类常见场景，通过组合式 API 的设计理念，让响应式工具的使用更加自然。无论是简单的状态切换，还是复杂的设备交互，都能找到对应的封装函数，大幅提升开发效率。使用时只需按需导入（如），无需全局引入，对项目体积影响极小。
2025-10-29 11:21:39
521
原创 vue性能优化
减少不必要的计算和渲染，降低资源体积和加载时间，利用框架特性提升运行效率。实际开发中，应先通过工具定位瓶颈（避免盲目优化），再结合业务场景选择合适的方案（如长列表优先用虚拟滚动，首屏慢优先用懒加载和压缩）。
2025-10-29 11:19:33
737
原创 Axios
Axios 是处理 HTTP 请求的“瑞士军刀”，它封装了底层通信细节，提供了一套简洁、强大的 API，让开发者能更专注于业务逻辑而非网络请求本身。无论是前端与后端的数据交互，还是服务端调用第三方接口，Axios 都是高效、可靠的选择。
2025-10-29 11:17:15
644
原创 Vue 3 样式绑定
Vue 3 的样式绑定通过:class和:style:class适合通过 CSS 类名批量控制样式，支持条件判断和组合。:style适合动态设置内联样式，支持自动前缀和样式合并。灵活运用这两种方式，可轻松实现根据数据状态动态更新界面样式的需求。
2025-10-29 11:14:49
740
原创 Vue 3 中的插槽（Slot）
Vue 3 插槽通过默认插槽具名插槽作用域插槽三种形式，实现了父组件向子组件的灵活内容分发。核心价值在于：让组件既保持封装性，又能根据不同场景定制内容，是构建可复用组件的核心工具之一。
2025-10-29 11:12:40
957
原创 computed和watch的异同
当需要从现有数据 “计算出一个新值” 时，优先用 computed（更简洁，自带缓存）。当需要在数据变化时 “做一件事”（尤其是异步操作）时，必须用 watch。
2025-10-29 11:07:43
329
原创 Vue2和Vue3响应式基本原理
无论是 Vue 2 还是 Vue 3，响应式的核心逻辑都是：当数据被读取时，记录 “谁在用这个数据”（依赖收集）。当数据被修改时，通知 “所有用到这个数据的地方” 重新执行（依赖更新）。这种机制实现了 “数据驱动视图” 的核心目标，让开发者无需手动操作 DOM，只需关注数据变化即可。Vue 2 采用 Object.defineProperty 对数据对象的属性进行劫持，结合 “发布 - 订阅模式” 实现响应式无法监听对象新增 / 删除的属性：Object.defineProperty 只能劫持已存在的属性，
2025-10-29 10:58:34
214
原创 flex弹性布局
flex布局就是沿着一个主轴（水平方向或者垂直方向）排列的一种布局方式。可以看作是一维布局。适用于上的布局。包含 主轴和交叉轴。
2025-10-15 10:24:53
823
原创 使用ArcMap生成切片缓存文件
使用ArcMap生成切片缓存文件步骤：将需要的影像图tif文件导入到arcmap中，拖动文件到arcmap中即可点击 文件->共享为->切片包设置缓存层级大小等信息这里的项目描述有必填项随便填就行确定没问题了，点击分析，再点击共享下面的弹框点确定就行此时就开始生成切片包了，最终生成一个tpk文件等待切片包生成完毕，将切片包拖到arcMap中，效果如下图此时在右侧工具箱中操作：进行导出切片选择刚导入的tpk切片包，填入缓存位置、缓存名称，此时如果需要生成的是
2021-06-19 17:42:47
1463
1
原创 超图iDesktop擦除功能 将面数据挖空
超图iDesktop擦除功能可以将面数据镂空（中间挖空）处理首先有一个被挖空的面，比较大再有一个较小的面作为挖空的基准面。得加到被挖空面的上面，并且是在同一数据集中类似效果如图然后编辑该数据，选择大面，然后在对象操作中选择擦除功能，然后左键点击点击再点击，鼠标右键结束，不行就按ESC此时擦除功能已经完成选择较小的基准面删除，然后就发现大面已经被挖空了这样就行了吗，如果这样眼瞅着是OK了，但是当时重新打开面数据时，上面这些步骤的效果会失效，我也没动为啥？那如何解决呢..
2021-03-12 17:19:54
449
原创 npm：node package management，node包管理器，是nodejs内置的软件包管理器
npm全称【node package management】，是nodejs内置的软件包管理器。毫无疑问，npm是用来管理软件包的。当项目越来越大的时候，依赖的js代码会越来越多，这是一件很麻烦的事情，比如去 jQuery 官网下载 jQuery去 BootStrap 官网下载 BootStrap去 Underscore 官网下载 Underscore……npm就是为了解决这种问题的：使用npm命令即可安装对应的软件包npm实现原理有一个远程代码仓库（registry），在里面存放
2020-08-03 10:13:16
1252
1
原创 Bootstrap 前端开发库
Bootstrap前端开发库。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。
2020-07-31 16:42:22
179
原创 Virtual DOM：是一个简单的js对象，是对真实DOM对象的描述
Virtual DOM是一个简单的js对象，是对真实DOM对象的描述，并且跟DOM元素一一对应。最少包含标签名、属性、子元素对象三个属性Virtual DOM最大的特点是将页面的状态抽象为JS对象，配合不同的渲染工具，使跨平台渲染成为可能。如React就是借助Virtual实现服务端渲染、浏览器渲染、移动端渲染等功能此外，在进行页面更新的时候，借助VD，DOM元素的改变可以在内存中进行比较，再结合框架的事务机制将多次比较的结果合并后一次性更新到页面，从而有效地减少页面渲染的次数，提高渲染效率。
2020-07-31 16:36:40
360
原创 DOM树：是由DOM元素和属性节点组成的 层级结构
DOM树是结构有这几个概念：文档、元素、节点整个文档是一个文档节点每个标签是一个元素节点包含在元素中的文本是文本节点每一个属性是一个属性节点注释属于注释节点DOM树是由DOM元素和属性节点组成的层级结构所谓层级结构是指元素和元素之间的关系：父子，兄弟当我们说树中包含DOM节点时，意思就是这个树是由实现了DOM接口的元素组成。这些实现包含了其它一些浏览器内部所需的属性。脱离文档流后层级结构关系还是没有变的...
2020-07-31 15:55:43
666
原创 DOM：是Document Object Model（文档对象模型）的缩写，是文档的编程接口，定义了访问和操作文档的标准方法
DOM 是Document Object Model（文档对象模型）的缩写，是文档的编程接口，定义了访问和操作文档的标准方法。DOM 是W3C（万维网联盟）的标准。DOM 定义了访问HTML 和 XML文档的标准：“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型...
2020-07-31 15:50:11
794
原创 语法糖 Syntactic sugar： 复杂代码的等价简洁替代
语法糖（Syntactic sugar）在不改变代码所在位置、语法结构的前提下，实现了运行时的等价代码更简洁流畅，代码更语义自然，可读性高写着爽，看着爽，就像吃了糖，效率高，错误少例：最基本的，while、for循环就是一个语法糖：for(int i = 0; i < 5; i ++){}int i = 0;while ( i <5 ){ i ++;}...
2020-07-31 15:20:31
318
原创 Framework 即架构按功能、职能分成不同模块，方便调用、使用的稳定的软件结构
Framework百度翻译如下：在软件系统中，Framework即架构、框架，提供了软件开发的结构、框架，使开发更具工程性、简便性和稳定性。它是一个语言开发软件。自解：按功能、职能分成不同模块，方便调用、使用的软件结构...
2020-07-31 15:15:34
1016
原创 三大前端框架的视图渲染
AngularJS是在DOM加载完成之后, 才开始起作用的。工作原理是:HTML模板将会被浏览器解析到DOM中, DOM结构成为AngularJS编译器的输入。AngularJS将会遍历DOM模板, 来生成相应的NG指令,所有的指令都负责针对view(即HTML中的ng-model)来设置数据绑定。 React 的渲染建立在 Virtual DOM上，一种在内存中描述 DOM 树状态的数据结构。当状态发生变化时，React 重新渲染 Virtual DOM，比较计算之后给真实 DOM 打补丁。Virtua
2020-07-31 15:10:30
863
原创 三大前端框架的数据流
三大前端框架 AngularReactVueAngular 使用双向绑定即：界面的操作能实时反映到数据，数据的变更能实时展现到界面。因dirty check，digest loop会导致性能问题Vue 也支持双向绑定，默认为单向绑定，数据从父组件单向传给子组件。在大型应用中使用单向绑定让数据流易于理解。Vue.js 有更好的性能，并且非常非常容易优化，因为它不使用脏检查。它使用基于依赖追踪的观察系统并且异步列队更新，所有的数据变化都是独立地触发。除非它们之间有明确的依赖关系，唯一需要做的优化是..
2020-07-31 14:54:30
597
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人