以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

其实这个过程从用户的角度来说，其实无非就是连接上了，发送消息呗。

入口繁杂其实意味着你的前端工程搭建必须是以多入口为起点搭建的，如webpack你可以配置entry，自行写一个脚本在构建时获取每一个页面的js入口，而多入口意味着你必须考虑页面之间共享的模块应该如何抽取以达到一个较优的模块利用率，这点我们在文章下一节详细讲。 其实有做过混合开发…

当用到address信息时，再通过person拼接。 第一个方法的主要弊端是污染了原有的对象，而第二种方法就很不灵活。现在我们可以通过Proxy实现比较好的效果: 所以在拦截方法注意点很多，不然很容易出现问题。 喜欢本文的小伙伴们,欢迎关注我的订阅号超爱敲代码,查看更多内容.

实现自定义 Javascript 引擎来解释 event loop 系统的工作原理并演示其任务队列、执行周期。 Task Queue ：是用来处理异步任务的，当该任务完成时，会指定对应回调进入队列。 总结一下就是，Javascript 引擎会将脚本内容包裹在 Main 函数内，…

几乎所有人都已经听说了V8引擎的概念，大多数人都知道JavaScript是单线程运行的或者说是使用回调队列的。 接下来，我们将详细的讲述这些概念，解释JavaScript到底是怎样运行的。当知道了这些细节后，你就能合理利用已有的API写出更好的，非阻塞的应用。 如果你是Java…

2014年一月以来，自己接触web前端开发已经两年多了，记录一下自己前端学习路上看过的，以及道听途说的一些书，基本上按照由浅入深来介绍。 淘宝前端团队翻译的，看译者列表都是一堆大神。这本书又叫犀牛书，号称javascript开发者的圣经，网上对此书评价很多，大概意思都是说这本书…

最近在 H5 开发与 APP 客户端工程师的联调过程中， 经常需要实现一些常用的移动端事件封装成接口提供给客户端，例如用户的单击 tap 事件、双击事件、长按事件以及拖动事件。但由于浏览器默认只提供了 touchstart、touchmove、touchend 三个原生事件，在…

最近折腾 Websocket，打算开发一个聊天室应用练练手。在应用开发的过程中发现可以插入 emoji ，粘贴图片的富文本输入框其实蕴含着许多有趣的知识，于是便打算记录下来和大家分享。 是不是觉得很神奇？接下来我会一步步讲解这里面的功能都是如何实现的。 传统的输入框都是使用 <…