oulae - 博客园

gulp 插件-清除多余换行

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

posted @ 2020-06-08 04:32 oulae 阅读(217) 评论(0) 推荐(0)

自定义gulp 插件

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

posted @ 2020-06-08 03:48 oulae 阅读(437) 评论(0) 推荐(0)

Model 编程

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

posted @ 2020-06-05 00:09 oulae 阅读(353) 评论(0) 推荐(0)

函数化编程

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

posted @ 2020-06-04 23:43 oulae 阅读(340) 评论(0) 推荐(0)

react ant design Select defaultValue 属性失效

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

posted @ 2020-06-03 09:41 oulae 阅读(3100) 评论(0) 推荐(0)

前端代码高亮显示解决方案: prism

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

posted @ 2020-06-02 22:32 oulae 阅读(3221) 评论(0) 推荐(0)

JavaScript 引用数据类型

摘要： 1. 问题描述今天在写一个代码题时候, 有一个BUG 导致自己停滞好久, 该BUG 可以描述为如下代码: PS: 由于原题是算法题, 为了叙述方便以及展示重点考虑, 这里只复现BUG, 不提供原场景. const log = console.log.bind(console) let obj = 阅读全文

posted @ 2020-05-31 00:49 oulae 阅读(248) 评论(0) 推荐(0)

顺时针输出矩阵

摘要：顺时针输出矩阵 1. 题目信息输入: [ [1, 2, 3], ['a', 'b', 'c'], [4, 5, 6] ] 输出: 123c654ab PS: 从外到里顺时针输出矩阵信息 2. 题目分析做题原则: 只处理一种普遍的情况, 然后将其他情况变更为这种情况数据1: [ [1, 2, 3 阅读全文

posted @ 2020-05-29 04:07 oulae 阅读(233) 评论(0) 推荐(0)

剥洋葱

摘要：剥洋葱 1. 题目信息输入: 3 输出: AAAAA ABBBA ABCBA ABBBA AAAAA 注意点: 1. 输入的数表示图形的层数 2. 字符为A-Z, 从外到里排列 2. 题目分析 1个字母的情况: [ [C] ] 2个字母的情况: [ [B, B, B], [B, C, B], [B 阅读全文

posted @ 2020-05-29 03:31 oulae 阅读(191) 评论(0) 推荐(0)

this 的指向

摘要： 1. JavaScript 中this 的指向 1.1 函数中this 的指向 JavaScript 中, 有3种类型的函数: 箭头函数, 函数声明式, 函数表达式; 它们的this 指向可以分类为: 箭头函数: 箭头函数中的this 指向上一层环境作用域函数声明式/函数表达式: 函数声明式/函数阅读全文

posted @ 2020-05-28 01:30 oulae 阅读(148) 评论(0) 推荐(0)

导航

公告

2020年6月8日

2020年6月5日

2020年6月4日

2020年6月3日

2020年6月2日

2020年5月31日

2020年5月29日

2020年5月28日