土豆爱丽丝儿

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

在H5开发过程中，涉及到用户输入的表单时，有一个非常常见的场景：输入数字，在此基础上往往还会涉及到限定数字范围等一系列逻辑处理。 这些限定倒还好说，我受不了的是设备键盘，目前常见的处理方式是用type="tel"直接唤起手机号码的键盘，如果想要输入负号，就只能忍受默认键盘了。 …

浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。 深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新…

最近在对公司的H5项目做重构，涉及到构建优化，由于一些历史原因，项目原先使用的打包工具是饿了么团队开发的 cooking（基于 webpack 做的封装，目前已停止维护了。）如果继续使用，一是项目目前已经比较复杂，现在的构建方式每次打包耗时较长；二是使用一个已经停止维护的工具本…

本文主要讲一下 js 的基本数据类型以及一些堆和栈的知识和什么是深拷贝、什么是浅拷贝、深拷贝与浅拷贝的区别，以及怎么进行深拷贝和怎么进行浅拷贝。 本文思维导图如下： 本文思维导图 本文首发于我的个人博客：http://cherryblog.site/ 堆和栈的区别 其实深拷贝和浅…

此处也是通过网上的一个题目例子来对数组的这几种用法进行分析整理的，可以在浏览器的控制台中打印结果进行对比。此处给出两组数组 第二组(people数组，包含一组人名，名姓之间用逗号分隔。) map(映射操作，对原数组每个元素进行处理，并回传新的数组。以第二题为例) sort(排序…

全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面的roles: ['adm…

HTTP协议相关知识也属于前端必备基础知识，是很多公司面试时必问的知识点

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…