先给大家看一下最终效果。 将裁剪后的数据保存为blob发送至后端。 一开始制作这个需求思路有两个，使用canvas原生或者寻找现成的库，对比了一番觉得canvas实现时间耗费较长，且秉承着不重复造轮子的原则（其实是菜），决定使用Cropper.js。官方封装了很多参数、方法、事…

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

我现在是团队前端 leader，经常要做一件事情就是分配任务，在分配任务上我遇到一个很棘手的问题，就是不清晰不同任务的先后次序，导致了项目返工。 举个简单例子，假如一次迭代中我需要完成登录注册、公共函数、请求模块三个功能。科学的完成任务顺序是先做公共函数，再做请求模块，最后做登…

随着入坑时间的增长，很多小伙伴在使用第三方轮子时不满足于下载xxx.js，script标签引入xxx.js，然后使用轮子的原始方式。想要高大上一点，于是小伙伴们跟npm邂逅了。后来有的小伙伴又想发布自己npm包，但是要怎么做呢？本文就手把手教你发布一个npm包，并加上装逼小ic…

在项目迭代过程中，因为有兼容 IE 的需求，根据文档使用babel-polyfill和babel-runtime两个插件解决问题。但是对于二者之间的恩怨情仇，却不甚了解，便打算细细探究一番。 如果我们没有配置一些规则，Babel 默认只转换新的 JavaScript 句法（sy…

wepy是一个优秀的微信小程序组件化框架，突破了小程序的限制，支持了npm包加载以及组件化方案，并且在性能优化方面也下了功夫，不管之后项目是否会使用到，该框架组件化编译方案都是值得学习和深入的。 本文同步于个人博客 http://www.imhjm.com/article/597…

Visual Studio Code（简称 VSCode）凭借其占用内存小、文件加载快、稳定性好、插件丰富等等特点，从众多 IDE 中脱颖而出，受到了广大开发人员的青睐。工欲善其事，必先利其器。选择适合自己的 VSCode 插件，能够让你的开发效率突飞猛进。VSCode 插件市…

献给所有试图向孩子们解释软件工程的家长。 很久很久以前，有一个叫 Phippy 的应用程序。她是一个简单的应用程序，由 PHP 编写且只有一个页面。她住在一个需要和其他可怕的应用程序分享环境的主机中，她不认识这些应用程序并且不愿意和他们来往。她希望她能拥有一个属于自己的环境：只…

全文包含学习指南、新人上手、Webpack、性能、基础概念、函数式编程、面试、教程案例、Async Await、并发、V8、机器学习、数据可视化、调试、单元测试等章节，非常适合用于对自己 JavaScript 技术栈的比对，用于查漏补缺，适合收藏阅读。有删减。文中如有错误，欢迎…