摘要：1. 场景描述 如图下图所示, 在有些JS 文件中, 可能存在着如下的问题: 首行没有内容, 却换行了 中间的换行不合理, 一般来说应该只允许最多3个换行 我们可以采用gulp 对于文件打包来完成这件事情, 下面我们就来实现这个插件 PS: 上面的代码在实际开发中不太可能存在, 这个插件的应用场景是 阅读全文

摘要：1. gulp 插件使用的文件流 Transform: node stream 中的Transform 流, 即转换流 through: 基于Transform 二次实现的库 through2: 基于through 二次实现的库(babel 大部分文件流格式均使用该库) 2. vinyl 2.1 定 阅读全文

摘要：1. Model 编程 1.1 介绍 Model 编程, 即模块化编程; 是指将业务分割成为一个个模块, 每个模块拥有特定的功能, 通过继承和组合完成功能的组合; 它其实就是面向对象编程的拓展. Model 编程最适合的内容为定义前端API 内容, 将API 实现封装, 在封装层实现数据的处理和转发 阅读全文

摘要：1. 描述 函数化编程是指: 当我们需要写一个功能函数时, 不要将大量的逻辑写在同一个函数中, 而是将这个功能块分割成为一个个小的功能模块, 最后通过函数复用来完成目的. 2. demo 2.1 场景描述 现在有如下对象: let obj = { 'oulae_key': { 'ming_key': 阅读全文

摘要：1. 场景描述 在做个人项目的时候, 发现了一个问题: ant design UI 框架中, Select 组件的 defaultValue 属性失效了, 即设置了defaultValue 值缺没有默认的选定内容; 上面这个问题可以抽象成为如下沙盒: PS: 该沙盒最好在codesandbox 网站 阅读全文

摘要：1. 场景描述 在博客, 文档, 论坛这些性质的网站经常存在着需要显示代码的需求; 对于这种要求要求, 我们可以直接使用textarea 标签显示: 但是这种显示方案非常不美观, 不但没有高亮代码, 而且也没有显示行号, 这对于代码的阅读是非常不友好的; 而一般的网站, 对于代码的显示都会做高亮处理 阅读全文