SVG 元素的自定义 transform origin

#SVG

不要使用 transform-origin 属性 SVG 支持 transform,而且写法似乎与 CSS 中相同,但是它的标准里并不支持 transform-origin 属性。虽然在部分浏览器中,给 SVG 元素指定 transform-origin…

Read more →

Goodbye My Santa Monica Dream 🎵

#吉他#音乐

从《Life is strange》的原声带中发现的瑰宝,来自澳大利亚的兄妹组合 Angus & Julia Stone 的一首略显忧伤的曲子,他俩前几年的曲风,小清新中带着些许迷幻。妹妹声音空灵慵懒,像加州的海风,棕榈叶间斑驳的阳光,和歌词特别配。 原曲使用 Open D…

Read more →

Vuex 模块动态注册的一些实践经验

#Vue#Vuex

前言 构建大型 SPA 应用时,代码分割和懒加载是比较常用的优化手段,在 Vue 生态下,使用 vue-router 很容易实现组件的懒加载。 但应用里除了组件,还有庞大的业务逻辑,这部分如何分割和懒加载比较合适呢? 使用 Vuex…

Read more →

Try Rust WebAssembly

#WebAssembly#Rust

在公司项目里的一个小角落,尝试使用 Rust + WebAssembly 加速应用里部分计算 选择 首先要分清项目里 WebAssembly 的定位 应用主体:完成绝大多数逻辑,JS 只作为加载入口和少部分事件绑定桥梁 工具库:分担一些复杂和耗时的计算,由 JS…

Read more →

用 Jest 单元测试基于 Vue 的项目

#Test#Vue

为一个基于 Vue 的项目搭建测试框架,有两个比较成熟的选择,Mocha + Webpack + Karma,或是 Jest。 前者也是 vue-cli 默认脚手架里的测试方案,我们之前的项目也用了它,实际使用起来,感觉成也 Karma,败也 Karma…

Read more →

在 Typescript 中使用可被复用的 Vue Mixin

#Typescript#Vue

转到用 Typescript 写 Vue 应用以后,经过一轮工具链和依赖的洗礼,总算蹒跚地能走起来了,不过有一个很常用的功能 mixin,似乎还没有官方的解决方案。 既想享受 mixin 的灵活和方便,又想收获 ts 的类型系统带来的安全保障和开发时使用 IntelliSense…

Read more →

使用 Object.create(null) 创建空对象

#Javascript

使用对象字面量形式时,隐式地创建了一个以 Object.prototype 作为原型的对象。 以下两种方式等同。 更省事的方法 创建一个不继承任何原型的对象。 如果需要创建一个简单的 map 性质的对象,使用此种方式,在对 o…

Read more →

给开发减压的 gulp.watch 配置

Gulp 的文件监听使用了 gaze,如果只看了 Gulp 的 API 文档可能会漏掉一些参数。 Gulp 文档 中提到: gulp.watch(glob[, opts], tasks) options 包括: interval {integer} Interval to…

Read more →