2022年6月24日
前端设计模式（三）：模板方法模式
摘要： **模板方法模式的定义：**在一个方法里定义算法的骨架，将一些步骤延迟到其子类。 ​ 意思是用一个方法包装多个函数的调用，这个方法就是模板，函数的使用只需要跟着模板里的步骤进行即可，同时根据情况可以放入钩子函数来选择是否在指定位置执行函数。 假设我们现在要做饮料，做饮料通常有以下步骤：1、烧开水，2 阅读全文
posted @ 2022-06-24 20:18 SuanYunyan 阅读(92) 评论(0) 推荐(0)
前端设计模式（二）：工厂设计模式
摘要： 文章有参考：https://juejin.cn/post/6844904184257609735 ​ 工厂设计模式，就是用来帮助我们生产复杂对象的一种套路，可以将变与不变的部分分离,将创建对象的过程封装起来，不对外暴露。 ​ 工厂设计模式包括简单工厂模式、工厂方法模式，抽象工厂模式。 一、简单工厂模 阅读全文
posted @ 2022-06-24 19:46 SuanYunyan 阅读(223) 评论(0) 推荐(0)
前端设计模式（一）：单例模式
摘要： ​ 单例模式就是保证类的实例只有一个，这就是它的作用，比如在前端中，创建全局唯一的对话框实例，记录日志信息全局唯一实例等等。 单例模式在前端的两种实现方式： 1.通过原型方法实现 const Singleton = function () { this.instance = null; }; Sin 阅读全文
posted @ 2022-06-24 17:46 SuanYunyan 阅读(468) 评论(0) 推荐(0)
2022年5月11日
搞懂前端二进制系列（二）：🍈File、FileReader与Base64
摘要： 参考资料： JavaScript高级程序设计第四版：File API https://juejin.cn/post/7046313942938812424【前端二进制一次搞清楚】 一、File 类型 ​ Web 应用程序的一个主要的痛点是无法操作用户计算机上的文件。2000 年之前，处理文件的唯一方 阅读全文
posted @ 2022-05-11 15:22 SuanYunyan 阅读(335) 评论(0) 推荐(0)
2022年5月10日
搞懂前端二进制系列（一）：🍇 认识Blob对象
摘要： 参考资料： https://juejin.cn/post/6844904183661854727 【你不知道的Blob】 https://juejin.cn/post/6844904144453517326【Blob总结和使用案例】 一、概述 ​ Blob全称为Binary Larget Objec 阅读全文
posted @ 2022-05-10 15:47 SuanYunyan 阅读(1684) 评论(0) 推荐(0)
2022年5月9日
Web Worker: Shared Worker的使用
摘要： Web Worker: Shared Worker的使用 参考资料： JavaScript高级程序第四版 https://juejin.cn/post/7064486575916187656 https://juejin.cn/post/6844904198639714311 [你不知道的Servi 阅读全文
posted @ 2022-05-09 11:10 SuanYunyan 阅读(1121) 评论(0) 推荐(0)
2022年5月6日
WebWorker：工作者线程初探
摘要： WebWorker：工作者线程初探 参考资料： 1.Web Worker 使用教程 - 阮一峰：http://www.ruanyifeng.com/blog/2018/07/web-worker.html 2.JavaScript高级程序设计-第四版 一、概述 ​ JavaScript 是单线程的， 阅读全文
posted @ 2022-05-06 20:53 SuanYunyan 阅读(651) 评论(0) 推荐(0)
开发中常用的两个JSON方法
摘要： 参考文章：https://juejin.cn/post/6844903711127404557 在前端开发过程中，有两个非常有用的方法来处理 JSON 格式的内容： JSON.parse(string) ：接受一个 JSON 字符串并将其转换成一个 JavaScript 对象。-- JSON.str 阅读全文
posted @ 2022-05-06 10:05 SuanYunyan 阅读(105) 评论(0) 推荐(0)
2022年4月29日
两个比较好用的JS方法，用来处理树形结构！
摘要： 一、平级结构转树形结构 /** * 平级结构转树形结构 * * 示例：const jsonDataTree = listTransToTreeData(jsonData, 'id', 'pid', 'chindren'); * @param list 平级数据列表 * @param idStr id 阅读全文
posted @ 2022-04-29 15:22 SuanYunyan 阅读(470) 评论(0) 推荐(0)
2022年4月14日
一些JS库汇总
摘要： 作者：wlove 链接：https://www.zhihu.com/question/429436558/answer/2348777302 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 编辑器 ace：Ace ，即 Ajax.org Cloud9 Editor。 阅读全文
posted @ 2022-04-14 14:31 SuanYunyan 阅读(501) 评论(0) 推荐(0)