初识flutter

偶然看见了移动端跨平台开发的深度解析这篇文章,里面提到的React-Native和weex或多或少都有了解,关于Flutter却了解甚少,于是决定体验一下。这篇文章主要用于初步尝试flutter开发的整理,包括开发步骤和遇见的一些问题。

在学习过程中写了一个练手的demo,放在github上了~

阅读全文

Chrome扩展程序之自动更新

最开始听到产品的Chrome插件需求时,由于用户较少,优先的关注点是功能的实现,并未过多考虑如何部署插件。每次更新都是提供一个压缩包,然后让用户使用开发者模式下加载本地压缩包的方式进行更新;后来用户逐渐增多,功能迭代也比较快,每次分发压缩包并重新安装,因此就有了插件自动更新的需求~

下面总结了两个插件实现的自动更新的一些整理和心得。

阅读全文

使用spritejs操作canvas

大概是一个多月前,从掘金推荐上了解到spritejs这个canvas库,碰巧中秋活动需要做一个比较复杂的canvas游戏,因此决定在项目中尝试使用spritejs。

这篇文章并不是介绍spritejs相关api或者使用方法,而是用于记录使用经验,包括相关项目以及踩过的坑,除此之外还有一些在canvas项目中常见的问题。

阅读全文

在微信小程序中使用webview

在小程序并不支持webview的时候,小程序业务与web业务共用一套代码是比较繁琐了。在之前的项目中使用了注入wepympvue等开发框架,在某种成都上实现了业务代码的复用,不过在某些地方还是需要区分平台,进行小程序的适配。

小程序在1.6.4开始支持web-view组件,这样就可以在小程序中直接接入web业务了。下面整理了在小程序项目中引入webview的开发心得。

阅读全文

编写gulp、webpack与fis3插件

在工作中接触了不少打包和环境构建工具,如gulpwebpack以及现在公司使用的fis3等,每个工具都有自己的社区和生态,并提供相关的功能插件,如编译sass、babel转移、压缩代码等。

在某些特定的需求和开发环境下,社区的插件并不能很好地满足开发生产需求(比如需要自定义打包过程的控制台输出、在编译scss文件前注入公共的scss变量代码等),因此需要了解对应工具的插件编写,这里整理一下。

阅读全文

初识Docker

在去年年底的时候,由于刚换电脑,需要重新安装开发环境,觉得十分繁琐,因此查询了解到Docker,当时觉得相关概念晦涩难懂,且本地开发环境也已经搭建完毕,因此没有继续学习Docker相关知识。

近来在开发中遇见一个问题:多个功能工单同时进行测试时,需要在多个开发测试环境之间切换,包括项目分支切换、host修改、nginx配置修改等,应该探索下更方便地开发环境切换方案,加之公司的提测环境也是使用Docker进行搭建,于是决定重新学习Docker相关知识,最终目标是一劳永逸地解决本地开发环境切换的问题。

阅读全文

canvas动画之粒子效果

在《canvas动画系列》前两章分别介绍了基础知识和绘制动画的思路,最近在某个项目活动中,需要使用canvas绘制酷炫的爆炸效果,因此这里整理canvas绘制粒子动画,作为canvas动画系列的第三篇。

阅读全文

记一次小程序的websocket开发经历

最近的项目中,需要为小程序添加一个实时邀请好友对战的游戏活动,初步评估开发方案使用webSocket进行,之前没有正儿八经的webSocket开发经历,途中遇见了一些问题,包括最坑的“Android手机中wss协议不走wifi代理”,这里一并整理,用作回顾和总结。

阅读全文

写一个搭建本地mock服务器的命令行工具

之前一直使用mockjs模拟接口返回数据,由于其内部是改写XHR实现,因此存在一些局限性,比如无法拦截JSONP请求、无法直接在小程序中使用,最近恰好有点时间,因此决定写一个工具解决这些问题。

阅读全文