JS 做一个简单的 Parser
前言 前些天偶然看到以前写的一份代码，注意有一段尘封的代码，被我遗忘了。这段代码是一个简单的解析器，当时是为了解析日志而做的。最初解析日志时，我只是简单的正则加上分割，写着写着，我想，能不能用一个简单的方案做个解析器，这样可以解析多种日志。于是就有了这段代码，后来日志解析完了，没有解析其它日志就给忘了。…
前端设计模式——路由模式
路由模式（Router Pattern）：将页面的不同状态映射到不同的URL路径上，使得用户可以直接通过URL来访问页面的不同状态。 路由模式通常用于实现单页面应用（SPA）的页面导航和状态管理。具体来说，路由模式通过解析URL路径来确定应该显示哪个页面，并使用历史记录API来管理页面状态。 一般来说，…
Single-spa 源码浅析
引言 前一段时间, 正好在做微前端的接入和微前端管理平台的相关事项。 而我们当前使用的微前端框架则是 qiankun, 他是这样介绍自己的: qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 所以本文基于 single-spa…
前端设计模式——访问者模式
访问者模式（Visitor Pattern）是一种行为型设计模式，用于将操作与其所操作的对象分离开来。该模式的核心思想是将操作封装在一个访问者对象中，而不是分散在各个对象中。通过将操作与对象分离开来，访问者模式可以在不修改对象结构的情况下，添加新的操作。 在前端开发中，访问者模式通常用于处理DOM树上的…
行为型：策略模式
定义 定义一系列的算法，将他们一个个封装起来，使他们直接可以相互替换。 算法：就是写的逻辑可以是你任何一个功能函数的逻辑 封装：就是把某一功能点对应的逻辑给抽出来 可替换：建立在封装的基础上，这些独立的算法可以很方便的替换 通俗的理解就是，把你的算法（逻辑）封装到不同的策略中，在不同的策略中是互…
如何用浏览器读取本地文件（兼容IE8），new bing能帮我吗？
浏览器读写文件？ 有一份老旧而精巧的代码（2006或更早），带js的html，可以只用浏览器来处理一些二进制存档数据。 文件的读写怎么办？通过变通的方法来完成。 利用十六进制编辑软件如WinHEX，直接复制十六进制数值为字符串，贴到一个TextArea以输入； 同样处理过的数据也是生成十六进制字符串，用…
Microsoft Flow | 微信 | LDP 整合开发
我们在使用自己的企业应用平台时，经常会遇到以下场景： 场景1 业务系统的通知太多，希望收到通知时同步发送企业微信来随时查看。 场景2 需要和其他ERP、BI、CRM等系统对接。 通常的解决方案是自行开发一套程序来实现平台到微信的同步功能。 如果这样做，我们就需要域名空间，要学会搭建web服务器，要git…
Three.js 进阶之旅：全景漫游-初阶移动相机版
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 摘要 3D 全景技术可以实现日常生活中的很多功能需求，比如地图的街景全景模式、数字展厅、在线看房、社交媒体的全景图预览、短视频直播平台的全景直播等。Three.js 实现全景功能也是十…
前端设计模式——解释器模式
解释器模式（Interpreter Pattern）：是一种行为型设计模式，它可以用来解决一些特定问题，例如编译器、计算器等等。这种模式定义了一个语言的语法，并用一个解释器来解释语言中的表达式。 解释器模式可以用来处理例如数据格式化、表单验证等业务场景。在这些场景中，我们需要定义一些语法规则，然后使用解…
TypeScript 学习总结
TS：是JS的超集，即对JS的扩展，主要提供了类型系统和对ES6+的支持，但TS最终会转换为js代码去执行。 特点： 1. 始于JavaScript, 归于JavaScript 2. 强大的类型系统 3. 先进的JavaScript TypeScript JavaScript 语言 面向对象编程语言 面…