Laravel Mix – 优雅的前端构建脚手架

我之前写过这篇文章:gulp + browserify + babel + sass 前端脚手架初尝试 。当时之所以没有用 Webpack (一个更强大、更流行的构建工具) ,就是因为完全看不懂它的配置。

Laravel Mix 是随着 Laravel 5.4 一起发布的、基于 Webpack 的前端构建工具。它拥有 Webpack 的强大功能,而配置则像 Laravel 那样简洁、优雅。

下面是一份我正在使用的配置文件:

其中, mix.webpackConfig(); 段是针对 jquery.inputmask 做的 Hack 。也就是说,通常情况下,Laravel Mix 只需要这三行配置:

而且, mix.sass() 不仅仅是编译 sass, 他还自动把 AutoPrefixer 配置好了。

和前面提到的文章中的 gulpfile.js 比一下,再去网上找一份 babel+sass 的 Webpack 配置,你就能感受到 Laravel Mix 的伟大!

另外,对于 CSS 预处理器而言,Laravel Mix 不仅仅支持 sass,还支持 less 和 stylus 。对于 JS,它支持 Vue Component 和 React JSX。

Defective by Design 官方消息:Tim Berners-Lee 拒绝行使权力以阻止 DRM 进入 HTML5。

FUCK HOLLYWEB

把 NexT.Pisces 移植到了 WordPress

GitHub: https://github.com/balthild/wp-theme-next

为合并方便,使用了 git submodule 来引入原主题代码。另对原主题的样式有数处修改,以符合个人喜好。

由于作者用的是多说评论,原主题没有定义自己的评论样式,故我把 WordPress 的 2017 主题的评论 CSS 直接复制过来用了(和这个主题搭配好像还挺不错的)。

若想在 WordPress 上实现原主题的 scheme 特性,就得实现一套独特的主题配置模块,故只移植了要使用的 Pisces. 如以后有空,再考虑把完整的主题都移植至 WordPress.

使用方法:

然后在 WordPress 仪表盘启用主题,并指定侧边栏所用菜单(这一步不做,会导致页面显示空白)。

把一个64位整数序列化成非零 byte 数组(切片)

在使用狗浪的 freecache 库时遇到一个问题,我需要把一个 int64 类型的数存进缓存,但 freecache 只能存储 []byte 类型。如果直接用 encoding/binary 序列化,得到的切片中一个 byte 可能取值 0-255 。联想到 C 语言中字符数组遇到 \0 截断的情况,我担心有 0 在切片的起始或末尾会导致什么问题,于是 参考 base64 的方式,自己实现了一个序列化方法:把原数据从低位开始每6个二进制位截断,再往高位用 1 补足到 8 位得到一堆 byte,每个 byte 可能取值范围就只有 192-255 了(为了能让 []byte 切片直接转成字符串输出时出来的不是乱码,我又把每个 byte 的数值减去了 160)。

PS:后来看了 freecache 的源码,发现我的担心是多余的,存 0 进去不会有问题。

第十八行 _ = b[10] 的作用是,当传入参数的切片长度小于 11 时,安全地触发越界错误。

Mac 的触摸板真是太好用了!

可以称之为我用过的最好用的触摸板,用了一会儿之后我连鼠标都不想用了

想买个 Magic TrackPad(然而没钱

一个基于 Vue.js 和 Firebase 的纯前端单页博客程序

10月6日作者注:我一下脑残以为自己误操作push错了,于是就想删除仓库重新push,结果接着又手残把本地的仓库给删了

还是个残次品

Github: https://github.com/balthild/0x12

演示: https://fbtest-ad97d.firebaseapp.com

数据库结构: https://fbtest-ad97d.firebaseio.com/.json?print=pretty

人人都说 Vue.js 简单,然而研究一天之后的我一副见了鬼的样子

当然,比起 Angular 什么的那是真的简单,毕竟看 Angular 文档两分钟我就不只是见鬼、而且是吃了屎的样子。

(其实真正的原因是我垃圾

gulp + browserify + babel + sass 前端脚手架初尝试

 

今夜,我们都是氪金玩家

Screenshot_20160831-104831

C++ 模板类实现可「继承」的单例模式

如果给每个单例模式的类都写一堆静态方法,那未免有点烦。这样简化之:

要创建单例模式的类时则这样:

看起来就像是它「继承」了Singleton的单例特性。

不过当然,这不是真正的继承,它只是使用了模板。如果让类 Bar 继承 Foo ,那么 Bar::getInstance() 返回的仍然是 Foo 的实例。

我差不多已经是一只废前端了……

这个主题的头部样式是我之前给 NyaCloud 做的,感觉还不错就想搬到 WordPress 上来

但是怎么都设计不好,拖了半个多月,最终草草了事

用的样式大都是 Bootstrap 自带,或是从 Seventeen 复制过来 ,也就是你们现在看到的这个样子

大概是世界上最好的语言写多了,快要从前端被掰成后端了

以及写完这篇文章我才发现忘记把友情链接写上