相信我，只要记住本文的 7️⃣ 步口诀，就能彻底掌握 JS 中的 this 指向。 先念口诀：箭头函数、new、bind、apply 和 call、欧比届点（obj.）、直接调用、不在函数里。

1. 为什么要学习源码 ? 阅读优秀的代码的目的是让我们能够写出优秀的代码。 不给自己设限，不要让你周围人的技术上限成为你的上限。 其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。 基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 Ctrl 键已经被磨掉了漆，C 和 V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具…

此文章，仅是做完项目后的个人觉得可以总结下来的操作/思路，接触vue不久的朋友应该会有收获。此项目也才是萌新做的第二个Vue项目，使用了脚手架工具（ vue-cli 2.x 非 3 ），前辈老手们有时间看的话，有写得不好的地方还请多多指导！~ 仅实现项目首页、项目详情页、城市列…

提到js的隐式转换，很多人第一反应都是：坑。 的确，对于不熟悉的人来说，js隐式转换存在着很多的让人无法预测的地方，相信很多人都深受其害，所以，大家在开发过程中，可能会使用===来尽量避免隐式转换。但是，为了更加深入的理解javascript，本着对知识渴望的精神，我们来通过大…

本文详细介绍了如何在H5中实现长按保存图片的功能。 1. html2canvas截屏 2. canvas2Image转化为图片 一般情况下转为jpeg格式就很不错了。 3. 长按保存图片 先实现一个长按的方法，长按之后把生成的图片append到body，透明浮在屏幕上。 4. …

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…

像rate评分组件一般都用javascript写，大概一年前，我在简书写过一篇文章原生Javascript实现星星评分组件，感兴趣的可以去看一下，很久之前写的，我不知道之前的代码有多啰嗦，所以这次将是