Winder

puppeteer是一个node库，他能提供一系列操作Chrome的API，通过这些API我们可以用程序代码来操纵Chrome去完成各种操作。 他运行在node环境，由Chorme官方团队在维护，既然是操作浏览器，那么我们可以手动进行的操作在pupeteer上都能进行。 生成页…

浏览器是每一位前端工程师都需要学习的一个模块。了解它，可以让你直到我们的js是怎么跑起来的，页面又是怎么渲染的，同时我怎么布局可以让页面的性能更好，等等。因此决定静下新来好好研究一下。 这个其实并没有标准的答案，只是希望同学们可以自己发散一下假如是你设计一个浏览器你会用单进程还…

因为在电商公司，经常做一些h5的活动，需要实现分享海报功能。海报上会有一些个人定制信息，比如得分、评语等，和背景图合成在一起，做成一张图用于分享或下载。因为每个人字数不一样，让内容绘制在合适的位置，就需要一些“手段”。 如上图中，用户名、已兑换金额是用户当前活动数据，每个人不一…

this是当前执行代码的环境对象，如果在非严格模式下，总是指向一个对象；如果在严格模式下，可以是任意值。 在不同的情况下this的指向也有所不同，接下来我们看一下几种不同情况下this的指向。 f1()调用的时候相当于window.f1()，这里是省略了window。 this…

svg一方面是“图”，一方面又具有完全可编程特性，这让它在网页开发中有很大的想象空间。除了常见的图表、icon之类，还有其它一些好玩的地方。本文就讨论一下svg图片压缩上的应用。常见的相关应用场景有： 高清矢量图。比如logo，icon等几何图形或者由几何图形组合的复杂结构，用…

以上就是jsonp跨域的原理。 当我们的请求中需要带一些cookie信息的时候，需要设置它的值为true，需要注意一点，如果要使用这个属性，那么 Access-Control-Allow-Origin的值不能设置为*。 以上介绍了什么是跨域，以及产生跨域的原因；产生跨域时的几种…

这里介绍了一次在微信WebView中使用Vue做单页应用的过程中遇到的一些问题，也是比较常见的问题。文末有亮点，希望大家都来~ 最近因为快过年了，按照微信以往的尿性，小程序的审核总是有各种条条框框，因此为了让活动在线上正常进行且进行版本的迭代，（主要是为了能得到多一些的开发时间…

其实我个人是不推荐自定义tabbar的，但为什么我还是这么去做了呢？主要原因是我们的业务需要根据客群的不同展示不同的tabbar，如果用原生的tabbar是无法实现的。因此我们最后决定通过自定义的方式来实现。不想看文字也没事，看一下我的示意图你就知道需求了... ...... …

sourceMap 于今前端er来讲，已经不再陌生，因为我们随手都能写出比较超前的代码，为了更好的运行这些代码，我们的代码就会经过各种加工处理，这使得实际运行中的代码跟我们手写的代码存在着很大的gap。时光冉冉，我们终会产生根据报错的行和列找到原文件行和列的需求。sourceM…