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

本题主要考察如何判断DOM节点文档前后位置，父子关系等。我看了下最后的回答，近9成的回答使用了非常啰嗦的方法，比例之高，实在出乎意料。实际上，本题有非常简单、寥寥数行就能实现的方法，只要你知道下面这两个很有用的DOM原生API，一个是contains()方法，判断DOM元素或节…

最近工作中遇到了很多有关二进制的处理，如PDF的生成，多个PDF的打包，音频的拼接。为了数据的一致性，以及减少与后端通信的复杂度，工作量都在浏览器端。 浏览器，或者前端更多处理的是 View 层，即 UI = f(state)，状态至界面的转化。但是也有很多关于二进制的处理，如…

页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…

当下PWA比较火，而Service Worker是实现PWA的一项关键技术，今天我们一起了解下关于Service Worker的一些基础知识和适用场景。 这是一条很准确的定义，但对于不了解Service Worker的同学来说可能并不形象，下面我们更形象的理解一下这个概念。我们…

一个系统拥有大量的业务场景和业务代码，相似的页面和代码层出不穷，如何管理和抽象这些相似的代码和模块，这肯定是诸多团队都会遇到的问题。 不断的拷代码？还是抽象成 UI 组件或业务组件？显然后者更高效。 那么现在就面临一个选择：一是选择 React 生态中已有的组件库，例如 ant…

上一篇原理篇，我们已经详细地阐述了 Hybrid App 的基础原理，了解了 Native端 和 H5端 是如何通信的，还有 bridge 的设计和接入。而本篇文章将开始把这些原因进一步实践，用代码真正地去实现一套完整且稳定的 Hybrid 方案。如果对原理还有疑问的小伙伴，请…

花了400大洋买了frontedmasters的一个月的会员，就是为了看男神的这份vue教程，没有中文字幕，痛苦地坚持啃完了，建议有钱并且英语好的人直接买会员去官网看视频，尤大神人长得帅，业务水平高，英语还超苏，对不起，忍不住犯了会儿花痴，如果没钱英语又渣的人只能看我的总结了，…

angular1暴露出来的对象里面，经常看见$开头或者?开头的变量。$开头是比较底层的变量了，?开头的是更加底层的，而且我们是基本不会用上的。还有redux源码，首次初始化的action.type是var type = '@@redux/PROBE_UNKNOWN_ACTI…