你是怎么分割银行卡号的，通用方法？ 说明，一下代码均通过ts编写，请再运行时先搭建好ts运行时环境。 方法一 {代码...} 方法二(有点cuo) {代码...} 小结 第一种方法提供了分割字符串的串、分割单位、分割符。第二种方法默认空格，如果你有好的方法，欢迎提供，如果需要转载，请注明出处。

Ali-OSS-Img-Upload Github 地址 传送门 Install {代码...} Description 本组件接入了阿里云OSS SDK，配合antd Upload上传组件，进行分片上传图片至阿里云OSS对象存储。 组件使用了持久化授权，官网提供了如何去设置临时授权模式，你可以在本组件基础进行二次开发。 How To Use？ {代码...} 项目接入方案（以create-reac...

webstorm配置TS运行时环境与自动编译 Step 1 安装TypeScipt {代码...} Step 2 设置webstorm language Step 3 设置File Watch 添加file watch类型 file watch详细配置 output path说明：$FileDir$$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map Step 4 tsconfig.json {代码...} End 到这里，整个踩坑...

我们先来看看node如何操作ffmpeg？一种是使用node C++插件操作，另外一种是使用命令组合方式操作。在GitHub中搜索了两种实现方式:

初级前端工程师面试所具备的知识梳理 目录 一面/二面 网页布局 BFC DOM事件 HTTP协议 原型链- 面向对象 通信类 安全类 算法类二面/三面 面试技巧 渲染机制 JS运行机制 页面性能 错误监控 一面/二面 网页布局 相对定位布局实现自适应 {代码...} 绝对定位布局自适应 {代码...} BFC 概念 块格式化上下文（Block Formatting ...

Node.js葵花宝典 前言 ​ 欲练此功，必先自宫； ​ 不必自宫，亦可练成； ​ 兄台还是好好修炼此功吧！保持一个清醒的头脑，你将驾驭这匹野马！！！ —— 致读者 ​ 知识就像海洋一样，永远也学不完，但是不断精益求精是一种态度，是对新事物的一种持续保持瞻望的态度，但愿你在学习的乐园里不断完善己身，不断修炼，等待破茧...

Infinity新标签页：自由定制chrome新标签页;开启页面添加时代，无论你浏览那个页面，都能一步将网址添加到新标签页中;独创新标签页中谷歌邮件自动提醒功能，还有精美天气，待办事项，历史记录管理，应用程序管理，印象笔记一样的记事应用，高清壁纸，必应，百度，谷歌搜索。让你的使用更加简单方便快捷。

前言 产品中有canvas制作的动画。需要把这个动画绘制一个视频的需求。经过调研，决定使用FFmpeg来生成视频。 FFmpeg是什么? FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源程序。 其中的Tools ffmpeg：该项⽬提供的⼀个⼯具，可⽤于格式转换、解码或电视卡 即时编码等； ffsever：⼀个 HTTP 多...

react和redux建立通信的方式 有2种方案： 老方案connect 新方案hook 老方案connect 曾经，我们会使用connect建立react和redux的通信，例如，在一个class写法的组件中： {代码...} 对于用习惯了class组件的开发者来说，这种写法烂熟于心了。但是，不管你多喜欢这种模式，还是得学习react hook。 新方案hook 随着react16.8...

查找字符串B的字符任意一种组合是否是字符串A的子串。例如 A=abc123，B=cba，则B的其中一种组合abc是A的子串，然后返回true。

自从有了postcss来处理css文件，我们可以快速进行网站适配的开发，只需要改改参数，样式按照设计稿的px写，webpack编译自动转换成rem或者vw等。

http2出来也有段时间了，很多网站都已经实际应用了它，而我还活在http1.1的时代，趁着还年轻，记性还行，花点时间研究了http2在nodejs中的使用。

本文作为学习canvas的第一篇收获，很多人初学canvas做的第一个demo是实现一个“钟”，当然，我也实现了一个，不过不讲这个，而是讲讲一个更有趣、也更简单的玩意。

下面的配置涵盖了开发者所需要的绝大部分信息，rules中的值0、1、2分别表示不开启检查、警告、错误。你可以看到下面有些是0，如果有需要开启检查，可以自己修改为1或者2。

概要 由于公司的业务需求，本想年底偷个懒，但是开发小程序的任务袭来。 第一次开发这玩意，记录一些需要注意的点，以后再次开发时可以快速解决。 如果你是新手，推荐你先看官方文档，如果你在开发小程序过程中遇到一些不懂的地方，可以看看这篇文章会不会给你启发。 小程序里面的很多写法，和vue非常像，如果你是vue开...

在自己刚刚毕业不久的时候，去了一家公司面试，面试官现场考了我这道题，我记忆深刻，当时没有想到思路，毫无疑问被面试官当成菜鸟了。最近刚好在研究数组的各种算法实现，就想到这道题，可以拿来实现一下，纪念自己逝去的青春。

React Fiber的目标是提高其对动画，布局和手势等领域的适用性。它的主体特征是增量渲染：能够将渲染工作分割成块，并将其分散到多个帧中。

React-StepPitGuide《React踩坑指南》十行代码九个警告八个错误竟然敢说七日精通六天学会五湖四海也不见如此三心二意之项目经理简直一等下流。自己总结的关于React学习心得，欢迎大家与我交流ReactGithub：TYRMarsgitbook经常出问题，所以迁到自建的站点了。React 基础知识React 版本React JSXReact 组件React 组件Child...

繁琐的配置？ 你能快速读懂babel的官方文档吗？ 你能根据官方文档快速配置好babelrc吗？ 你能明白自己需要哪些插件吗？ 没有搞明白这3个问题，请往下看。 快速理解babel 6 来看一张让人颤抖的babel插件图 下图仅仅截取了部分，一屏都截取不完，还有babel插件隐藏在下面，你害怕了吗？ 忘记上面的图吧，那是罪恶之源 当你...

刚刚踏入实习的我，还是个懵懂单纯的青年，找实习的时候，带着几个截图的静态页面就去和面试官聊了，看起来真是艺高人胆大，现在大街上随便拉个前端实习生，都有各种牛逼的网站作品，比如仿某某音乐。

下面这个动态图展示的聊天系统是用react+express+websocket搭建的，很模糊吧，要得就是这样的效果，我自己开了2个窗口，创建2个用户自问自答。没有什么高深的技术，对于很多想接触websocket的前端工程师来说，不擅长后端的websocket代码可能是硬伤。

做过移动端开发的同学，对底部DOM定位出现的各种奇葩情况已经深恶痛绝了吧，底部DOM设置不同的position，在Android和ios上表现都不一样。

但是，有时候可能react的一些库不够牛逼，还需要用到jQuery的相关插件来辅助完成，这些插件又和jQuery形成了依赖，最终，和我一样，你也可能需要在react中导入jQuery。

什么是广度优先搜索？ 如果只是是背概念，幼儿园的小朋友都能背下来念给你听。 假设看这篇文章的都和我一样是个前端工程师，我们要从广度优先搜索（BFS）中学到什么？如果你看完这篇文章能够回答这个问题，那么你已经看懂了。 广度优先搜索不是排序算法，它和快速排序、选择排序、冒泡排序等不一样，你听过二分查找吗？...

原理 快速排序离不开递归的思想，你如果不了解递归，可以结合我另外一篇文章来学习 算法入门之递归分而治之思想的实现 网上有有趣的动态图来表示快速排序，但其实我们大部分程序员都是脑子不太好使那种，即使看了形象生动的动态图，还是想不到具体实现思路。 排序都有基本的步骤，快排也不例外，通常分为这么几步： 1、...

解决同一个问题的方法有很多，比如循环输出某个数组，可以有for、for in、for of、map、forEach等，不同的实现方法会反映不同的性能，这些性能通常用执行时间来表示，执行时间越短，性能越好，目前我可以告诉你的是，上面的几个循环中，原生for循环的性能是最好的。

这一章内容偏向理论，推荐你点击开头的链接前往前2章节学习一下入门技巧，然后再看这一章内容，就不会那么迷茫了。我一向相信工程师要先学会做事，才能学懂理论，先学理论，再学做事的通常是纸上谈兵，一遇到实战就懵逼。

如果你正则基础为0，请先看第一篇文章：JavaScript正则表达式入门心得 实战篇 上一章我分享了正则入门的一些体会以及注意事项。这一章开始挑一些常用的比较复杂一点的需求来练习一下。 场景1：验证email是否合法 邮箱种类太多太多，什么net后缀，特殊的我们不做处理，下面我找了常用的一些邮箱： {代码...} 1、分析规则 ...

在我刚开始学习编程的时候，就听过正则了，也听说正则很牛逼，懂正则的更牛逼。但是苦于没有人指点，也没有使用正则的场景，自己看教程又懵逼，直到现在，才发现了入门的诀窍。

Reflect 是一个内置的对象，它提供可拦截JavaScript操作的方法。方法与代理处理程序的方法相同。Reflect 不是一个函数对象，因此它是不可构造的。