摘要：
最近接到一个需求，微信中用户上传图片生成海报。这个需求比较常规，实现思路也比较简单，通过利用用户的input输入，对所上传的图片进行处理，最后通过第三方库html2canvas合成对应的图片即可。思路虽然简单，但是在实现的过程中会遇到各种各样的小问题，现在就将遇到的问题进行一次总结。 1、iphon 阅读全文
摘要：
做移动web页面，受移动网络网速和终端性能影响，我们经常要关注首屏内容展示时间（以下简称首屏时间）这个指标，它衡量着我们的页面是否能在用户耐心消磨完之前展示出来，很大程度影响着用户的使用满意度。 首屏时间的定义 工信部在《宽带速率的测试方法用户上网体验》规范标准中对首屏时间的定义为： 浏览器显示第一 阅读全文
摘要：
背景 在网页开发的过程中，我们常常需要判断某个元素是否进入了"视口"（viewport），即用户能不能看到它。 一般采用这样的方法实现，兼容scroll事件，然后调用方法获取目标元素的坐标，判断是否在视口之内。代码不仅繁琐，而且由于scroll事件密集发生，计算量很大一不小心没有函数去抖就又可能导致 阅读全文
摘要：
当我们用vue在开发的过程中，经常会遇到以下问题 多个vue组件共享状态 Vue组件间的通讯 在项目不复杂的时候，我们会利用全局事件bus的方式解决,但随着复杂度的提升，用这种方式将会使得代码难以维护，因此vue官网推荐了一种更好用的解决方案Vuex。 Vuex是什么 Vuex 是一个专为 Vue. 阅读全文
摘要：
最近在看新浪体育网球频道（http://sports.sina.com.cn/tennis/）的时候，看到了下面的劳力士广告的时钟是用canvas做的，于是也实现了一个简单的canvas时钟。直接上代码： 这里的实现还是比较简单的。利用Date对象，获取当前的时间，然后画出当前时间点的钟表状态，最后 阅读全文
摘要：
不同浏览器对于有些css3属性名字定义的时候，会带上特有的前缀，所以在css编写的时候，经常会一个属性写多个不同的前缀进行兼容。比如： 有时候，我们需要通过js动态控制css3属性，这时候就需要根据不同的浏览器添加不同的前缀。当然，我们也可以将所有的前缀全部设置，就像以下这种方式： 这种方式能够设置 阅读全文
摘要：
现在很多app都是通过webview内嵌H5的页面，这种方式的好处就是无需发版就能更新线上的内容，而且可以做到多平台的统一开发，节约开发成本。但是这种模式也带来了一定的问题，web开发很大程度依赖于网络，而移动端的网络千差万别，H5页面对于网络属于强依赖，因为各种请求都需要走网络，所以在弱网的情况下 阅读全文
摘要：
上一篇我们写了前端路由，这几天比较闲，抽空研究了vue.js官方路由的vue-router的实现。 本文主要是以vue-router2.7.0（https://github.com/vuejs/vue-router）版本的源代码进行分析。 首先我们来看一下目录结构 这里，先大概说明一下各个文件的作用 阅读全文
摘要：
什么是路由 对于没有后端项目经验或者SPA项目来说，路由可能会比较陌生。这里的路由不是指硬件路由，也不是我们通常所说的网络协议中的路由，但是它们表达的思想都是一样的，就是路径和资源的识别。 我们先来看访问一个网站，假如我们访问这三个页面： http://sports.sina.com.cn/nba/ 阅读全文
摘要：
作为费德勒的铁杆粉丝，每天早上都会在新浪体育里面的网球频道浏览费德勒新闻。由于只关注费德勒的新闻，所以每次都要在网页中大量的新闻中筛选相关信息，感觉效率好低，所以用node写了一个简单的爬虫程序通过每天定时发送邮件的方式来通知。 这个需求仔细看有3个功能点，信息爬虫，定时发送，邮件通知 信息爬虫 信 阅读全文