webpack3 升级 4 采坑记

公司的项目,最早是用 ES6 写的,直接手写 webpack1 进行打包的。由于是 jsp 的页面,还做了单独的页面压缩,资源 hash 处理。后续也跟上了一些升级脚步,把webpack 逐步升级到 2,之后又是 3。现在看来也算是先见之明。

在后续业务中,逐步使用了 vue,使用 vue 主要是考虑到能够通过 cdn 等形式直接引入项目,省去了 webpack 的配置工作。现在同一个项目,后续我决定采用 react 进行开发,对原有项目进行了 3 次重构,终于把老代码独立到一个文件夹了,未来 react 的新代码可以在单独的文件夹下开发。最终发包时候合并在一起。

对于 react 我还是比较积极的,版本上从 16.5 直接更新到了 16.6。为了后续方便,也就筹划着把 webpack 升级到 4。

阅读更多

入手明基 ScreenBar Plus 台灯

十一期间正好看到一则推荐(还真不是广告),就去天猫逛了下,觉得正合适。对于明基这个品牌,算是早有耳闻了,做工优秀,外观漂亮,关键是上档次。嗯,是非常实用。

一直没有下手买台面台灯,一方面公司还能凑合有点灯光,家里也还凑合用大灯。这不赶巧,公司的管灯坏了1根,一直没人修,最后没几天不知啥情况,剩余的两根也坏了。我的工位一到下午四点就变成了夜间模式。

阅读更多

useragent 详解

因为工作需要,稍微认真的了解了下 useragent,发现它的配置理想和现实还是差距很大的。至于历史什么的,详细的就不多说了,很多网站可以搜索到。总之,各个浏览器厂商为了能所谓的页面兼容,useragent 也越来越相似。

也正是因为现行技术实现上,这些所谓的适配,大部分时候都是根据正则表达式来匹配相关字段,匹配成功即认定当前设备符合预期。但鲜有文章去详谈 useragent 每个字段的具体含义。这也正是本文要做的事情。

由于没有找到相关的资料,有的结论论断和理解方式,只是我自己的想法,可能与实际有出入。

阅读更多