SVG 元素的自定义 transform origin
不要使用 transform-origin 属性 SVG 支持 transform,而且写法似乎与 CSS 中相同,但是它的标准里并不支持 transform-origin 属性。虽然在部分浏览器中,给 SVG 元素指定 transform-origin…
Read more →不要使用 transform-origin 属性 SVG 支持 transform,而且写法似乎与 CSS 中相同,但是它的标准里并不支持 transform-origin 属性。虽然在部分浏览器中,给 SVG 元素指定 transform-origin…
Read more →从《Life is strange》的原声带中发现的瑰宝,来自澳大利亚的兄妹组合 Angus & Julia Stone 的一首略显忧伤的曲子,他俩前几年的曲风,小清新中带着些许迷幻。妹妹声音空灵慵懒,像加州的海风,棕榈叶间斑驳的阳光,和歌词特别配。 原曲使用 Open D…
Read more →前言 构建大型 SPA 应用时,代码分割和懒加载是比较常用的优化手段,在 Vue 生态下,使用 vue-router 很容易实现组件的懒加载。 但应用里除了组件,还有庞大的业务逻辑,这部分如何分割和懒加载比较合适呢? 使用 Vuex…
Read more →在公司项目里的一个小角落,尝试使用 Rust + WebAssembly 加速应用里部分计算 选择 首先要分清项目里 WebAssembly 的定位 应用主体:完成绝大多数逻辑,JS 只作为加载入口和少部分事件绑定桥梁 工具库:分担一些复杂和耗时的计算,由 JS…
Read more →为一个基于 Vue 的项目搭建测试框架,有两个比较成熟的选择,Mocha + Webpack + Karma,或是 Jest。 前者也是 vue-cli 默认脚手架里的测试方案,我们之前的项目也用了它,实际使用起来,感觉成也 Karma,败也 Karma…
Read more →通过 Typescript class 继承 Error 实现自定义错误类型并编译到 ES5 时,遇到了一个坑。 compilerOptions.target 设为 "es5"。 但是运行起来: 原因 使用 Babel/Typescript…
Read more →转到用 Typescript 写 Vue 应用以后,经过一轮工具链和依赖的洗礼,总算蹒跚地能走起来了,不过有一个很常用的功能 mixin,似乎还没有官方的解决方案。 既想享受 mixin 的灵活和方便,又想收获 ts 的类型系统带来的安全保障和开发时使用 IntelliSense…
Read more →写 ES6+ 一定逃不开 babel,也避不开调试 babel 生成的一些代码。 当输入一段 ES6 Class 代码时: 问题 在开发常用的浏览器 Chrome 和 Firefox 里正常工作,但是在 IE10 下会报错 Uncaught TypeError…
Read more →使用对象字面量形式时,隐式地创建了一个以 Object.prototype 作为原型的对象。 以下两种方式等同。 更省事的方法 创建一个不继承任何原型的对象。 如果需要创建一个简单的 map 性质的对象,使用此种方式,在对 o…
Read more →Gulp 的文件监听使用了 gaze,如果只看了 Gulp 的 API 文档可能会漏掉一些参数。 Gulp 文档 中提到: gulp.watch(glob[, opts], tasks) options 包括: interval {integer} Interval to…
Read more →