webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。有人就会问为什么要webpack？webpack是现代前端技术的基石，常规的开发方式，比如jquery,html,css静态网页开发已经落后了。现在是MVVM的时代，数据驱动界面。webpack它做的事情是，分析你的…

作者介绍：林列欢，美团点评点餐团队成员。 前端测试工具一览前端测试工具也和前端的框架一样纷繁复杂，其中常见的测试工具，大致可分为测试框架、断言库、测试覆盖率工具等几类。在正式开始本文之前，我们先来大致了解下它们：测试框架测试框架的作用是提供一些方便的语法来描述测试用例，以及对用例…

1.闭包1.1闭包的作用：隐藏变量可以读取到其他函数内部的变量可以将变量保存在内存中1.2实现一个节流函数节流函数原理：当持续触发事件时，保证一定时间段内只调用一次事件处理函数(缩减执行频率)使用场

需要注意的是，目前的canvas可以简单分为两种。一种是传统网页中的canvas，一种是小程序中的canvas。两者的功能是完全一样的。只是标签的样式，和 api 略有区别而已。目前我们主要讲解小程序中的canvas。 经过以上的演示我们也发现，线条的颜色一直是黑色，这肯定是无…

| 导语 其实在前端编码中，或多或少都会接触到沙箱，可能天真善良的你没有留意到，又可能，你还并不知道它的真正用途，学会使用沙箱，可以避免潜在的代码注入以及未知的安全问题。 沙箱，即sandbox，顾名思义，就是让你的程序跑在一个隔离的环境下，不对外界的其他程序造成影响，通过创…

前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。 一个页面性能差的话会大大影响用户体验。用户打开页面等待的…

Webpack把一切都当作模块，当webpack处理应用程序时，根据给定的一个主文件，递归的构建一个关系依赖图。其中包含应用程序需要的每一个模块，然后把这些模块打包成一个或多个包。 Loader: Webpack把一切文件都视为模块，但是原生的js只能解析js文件，如果其它文件…

了解小程序开发必备的基础知识之后，我们就要开始自己动手，制作我们自己的第一个小程序。 这个小程序与开发者工具?默认新建的初始工程类似，会显示用户的头像和名字，同时会向用户显示问候语。 在开始开发之前，我们需要完成一系列准备工作。 在昨天的文章中，我们已经谈到如何在开发者工具中新…

有了微信小程序插件功能，小程序开发者就可以通过这个功能，强化自身小程序能力；小程序服务提供商也可以用它，为开发者、用户提供强大的小程序功能支持，进一步拓展小程序能力。 插件固然好，但如何从零开发一个插件呢？今天，知晓程序就来手把手，教你如何从零开发一款微信小程序插件。 需要注意…