前端常用在线工具集合 图片类 背景图片 unsplash.com 大量高清背景图片 千图库 588ku.co 千图网是中国素材最多的网站之一，拥有800多万张素材 免版权图片 picjumbo.com lifeofpix 一个高质量的图片网站 pixabay 有超过180万种高质量的图片，视频和音乐。 pexels 随机生成大小图片 source.unsplash.com 墙裂推荐！！！在我们需要一些特定大小的图片的时候，这个网站尤为方便，比如我们想要一个100*100的图片，只需要改对应的尺寸大小就行，比如 ht…
看其他的人写webpack的面试题写的就差不多是把文档抄了一遍。作为学习资料还行，真正面试中面试官不会问出API如何使用等类似问题。此类问题最没有价值。 在面的这六七家公司中，关于webpack方面问的最多的问题就2个。 webpack loader和plugin的区别 该问题问的最多，只要你了解webpack基本都能说上来 - webback中js作为一等公民，loader 赋予了webpack处理其他类型文件的能力，比如css、图片等。 - plugin是用来增强文webpack的能力，让webpack有更多的…
React中Key的作用 key的作用主要是用来减少没必要的diff算法对比。 key是一个组件、节点的身份标识，在rerender时，可以通过key来判断该组件是否已经存在，是否需要跟新或者销毁，新建等操作，提高了diff算法在同级节点上的操作。 setState是同步还是异步更新 同步代码下异步执行，异步代码下同步执行。可以看这里 触发多次setstate，那么render会执行几次 看上道题中的链接，就知道答案了。 setState之后干了什么 setState 执行 enqueueUpdate，并且执行Re…
MV* 是指各种 MVC、MVP、MVVM 等 Web 设计模式，通过分离关注点来改进代码的组织方式，设计模式并不是凭空的创造，而是对复杂问题解决的不断提炼，即使没有看过这些设计模式的介绍，也许在日常开发中就已经使用了其中的思想 最简单的例子 用一个最简单的例子来展示各种设计模式 页面有一个 id 为 container 的 span，点击按钮会让其内容加 1 <div> <span id="container">0</span> <button id="btn" oncl…
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样式和交互似乎不太适合…
本篇文章只是为了回答徒弟@河北小女孩 的一个问题，setState 是同步的还是异步的？ 翻阅了一下react-dom的源码外加上自己的经验，总结出以下两点： 同步代码下异步执行 异步代码下同步执行 同步代码下异步执行 在非事件回调和setTimeout下，比如react的生命周期中，setState 的代码是异步执行的。 constructor() { super(); this.state = { val: 0, }; } componentDidMount() { console.log(this.state…
