02 2021 档案
摘要:Web Socket Web Socket(套接字)的目标是通过一个长时连接实现与服务器全双工、双向的通信 Web Socket 得到所有游览器支持 Web Socket使用自定义协议,所以URL方案发生了变化 不能再使用 http:// 或 https://(不安全的连接), 而要使用 ws://
阅读全文
摘要:实现百度模糊下拉框查询 需求: 根据用户输入的值实时查询数据显示在下拉框中 点击下拉框将值写入input并可以拿到对应项的数据 代码实现 class FuzzyQuery { constructor(id) { this.item = null; // 点击的某一项 this.app = docum
阅读全文
摘要:/** * 现金额大写转换函数 * @param {number} n - 传入的数字 * @return {string} */ function toChineseCapitalization(n) { const fraction = ['角', '分', '厘']; const digit
阅读全文
摘要:组合模式 组合模式是以结构化的方式,是单一对象具有树形结构,让单一对象更具有结构性。 组合模式的实例 举个栗子,在雇员和雇主之间是都是存在上下级关系的,如何用代码更直观的表达和关系与关系的操作,这是一个棘手的问题。 但通过组合模式,将关系表达为树状结构将更方便更直观的表达,如下。 class Emp
阅读全文
摘要:让你的js更酷 if多条件判断 // 冗余 if (x 'abc' || x 'def' || x 'ghi' || x 'jkl') {} // 简洁 if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {} if...else... // 冗余 let t
阅读全文
摘要:桥接模式 桥接模式的设计目的施不让下层组件组件的变化,影响上层的调用。 桥接模式的实例 假设我有两个类,但是它们有很多不确定性,可能在后续会变修改,如下: class RedCirlce { drawCircle(redius, x, y) { console.log(`Drawing Circle
阅读全文
摘要:适配器模式 适配器模式是作为两个不同的接口的一种聚合,比如说SD卡适配器,无论使用TF或SD卡或者其它卡,对外输出都是USB接口。 适配器模式实例 我们用播放器为例,首先我们有两个设备,一个是Vlc播放器,一个是Mp4播放器,一个需要使用playVlc按钮来播放,一个要使用playMP4按钮来播放。
阅读全文