开篇 在前端面试博弈过程中经常会被问到https、ssl相关内容，我们对比总结一下。 在http协议中可能存在信息窃听或者身份伪装的安全问题，使用https可以通信机制可以有效的防止这些问题。 https = http + ssl 背景 http 和 https的区别 http的缺点 使用明文通信，内容可能会被窃听，并且随意篡改 不验证通信双方身份，有可能遭遇伪装 无法证明报文的完整性，内容可能遭到篡改 HTTP + 加密 + 认证 + 完整性保护 = HTTPS HTTPS 是身披SSL外壳的HTTP https…
起因 源于一次面试：我让面试者展开讲了一下她的项目经历（一个内部使用的组件库）。多个包的维护方式让她在开发过程中浪费了大量的时间。虽然是用的Multirepo的组织方式，但是她并知道Multirepo的管理理念，且更不懂Monorepo。这我岂能容忍，必须解释一番。 Monorepo 和 Multirepo 是两种不同的源码管理理念。 Monorepo 是把所有的相关项目都放在一个仓库中（例如：React, Angular, Babel, Jest, Umijs, ...） Multirepo 则是按模块把子项目拆…
最近梳理了团队内的前端项目，发现React的状态管理工具用的很杂，有dva、rematch、mobx、hooks、redux等，如此分裂的工具会导致日常的工作效率极低，因为每个人都需要掌握多个工具库的使用，再加上最近团队扩招，好多新人入职，当前的项目状态无异于给新同学增加了额外的学习成本。 所以统一技术栈的事情迫在眉睫。本篇就介绍一下我是如何做状态管理工具的选型的。 背景 团队内： 状态管理库较杂，主要使用Redux+thunk和Dva两个框架，且存在混用的场景，新人熟悉项目有一定的阅读成本 Redux+thunk…
看其他的人写webpack的面试题写的就差不多是把文档抄了一遍。作为学习资料还行，真正面试中面试官不会问出API如何使用等类似问题。此类问题最没有价值。 在面的这六七家公司中，关于webpack方面问的最多的问题就2个。 webpack loader和plugin的区别 该问题问的最多，只要你了解webpack基本都能说上来 - webback中js作为一等公民，loader 赋予了webpack处理其他类型文件的能力，比如css、图片等。 - plugin是用来增强文webpack的能力，让webpack有更多的…
http1的缺点 线头阻塞：方式为，若干个请求排队串行化单线程处理，后面的请求等待前面请求的返回才能获得执行机会，一旦有某请求超时等，后续请求只能被阻塞，毫无办法，也就是人们常说的线头阻塞； 没有充分的利用TCP链接： HTTP 1.x 中，如果想并发多个请求，必须使用多个 TCP 链接，且浏览器为了控制资源，还会对单个域名有 6-8个的TCP链接请求限制 http2优点 多路复用：最有价值的优点，解决了线头阻塞的问题，允许单一的http2连接可以发送多重的请求和响应，充分的利用TCP。 使得 资源分域名、雪碧图、…
在网络上白嫖了这么多年技术，现在也想输出一点自己粗陋的见解，希望可以帮助到你，砥砺前行。 四年多的时间，我从抓耳挠腮的菜鸟到可以独当一面高T，薪资涨幅超过1000%，10倍不止。这一切都要感谢公司提供的平台、自己付出的努力、同事伸出的援手。 关于我 程序员中的底层卑微人士的我，于16年毕业于一所不知名的专科学校。空有一番豪云壮志的我便试图开始开始混迹于大神云集的程序员行业。 工作经历 在前端开发大肆流行的风口，走出学校的我凭借着切图码页面的功底， 在一个二线城市找到了一份温饱的工作，月薪 2900 、没有五险一金、…
因没法公开代码，并且是怀着mmp的心情写的，所以这篇文章比较适合作者自己看。 在其他项目狂轰乱炸的形势下，终于有时间接着总结一下 最近的机器学习部分的东西了。 目前开源的 机器学习库 最好的就是 TensorFlow了。 一头雾水的我，在自学了几天的python之后，查遍了目前市场上的几种开源机器人框架，动手搭建了几个demo，考虑到业务问题，还是觉的rasa比较合适。 虽然 botfront是一个基于rasa开发的开源的对话机器人平台，更适合新手直接搭建，但是其默认是有自己的一套默认的web样式和交互似乎不太适合…
起因 在项目开发过程中，遇到了一个具体的需求，需求要求点击 ant-d的tree组件节点的时候，单击触发一种效果，双击触发另一种效果。 因为antd 没此功能，所以需要自己去实现。 具体原理就是250毫秒内再次点击，则认定为双击，doubleClick。开发过程中遇到一个问题。 clickNode = e => { ... console.log(e.target); // 正常的target this.timeId = setTimeout(() => { console.log(e.target); // nu…