美团_陈龙

首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plugin，需要配置这两个属性。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，w…

大家好，我是转转开放业务部前端负责人张所勇，今天主要来跟大家分享小程序 webview 方面的问题，但我并不会讲小程序的 webview 原理，而我主要想讲的是小程序内如何嵌入 H5。 那么好多同学会想了，不就是用 web-view 组件就可以嵌入了吗，是的，如果咱们的小程序和…

webpack 处理项目时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行…

第一种：通过url传参（如：url中加入__isonshowrefresh=1，告诉webview再次onshow时候刷新），把需要传递的参数拼接到url中，重新打开url。 第二种方案，正向操作时体验比方案一好，但导致了另外一个问题：操作跳转层级过深，尤其返回的时候简直让人崩…

javascript由于自身的弱类型，使用起来非常灵活。 这也就为大型项目、多人协作开发埋下了很多隐患。如果是自己的私有业务倒无所谓，主要是对外接口和公共方法，对接起来非常头疼。主要表现在几方面： 参数类型没有校验，怎么传都有，有时会出现一些由于类型转换带来的未知问题。 这就非…

当小程序业务比较复杂时，就很容易超过10层。 为了解决这些问题，我们引入了无限层级路由方案。 首先声明一下，最初方案并不是我提出的，是我司内部一位清华学霸提出的。但他们是基于wepy框架做的处理，由于我们用的是mpvue，所以对这个方案上做了修改，同时不依赖于框架。 虽然是改造…

... 如果是vue项目，采用mounted触发时间作为计算分界点。 如果是react项目，采用componentDidMount触发时间作为计算分界点。 首屏时间目前各家公司的计算方式不尽相同，但是所采用的，一定是在符合各自公司真实情况的前提下，最接近于首屏时间的计算方式。 …

另外网上也找了很多资料，但大都比较片面，没有说明特殊情况时的处理，换几组数据计算结果就出错。 有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。 数值范围从 -2147483647 到 2147483647。 而无符号右移，则会影…

一次是因为由于业务线快速发展，现有的项目从一开始的孵化慢慢演变成转转的基础业务，除了要在小程序运行外，还要在app端运行，需要个h5版本，于是我们依据原有的mpvue项目新改造了一个vue项目（mpvue说是可以转换成h5，但是如果页面复杂的话根本没法转换）。 另一次也是因为业…