• 如何支持 Gitalk 评论功能

    之前博客的评论系统一直用的是 disqus,但是需要翻墙,尤其是移动端访问的时候,根本就加载不了(除非开了 VPN)。国内的一些评论系统: duoshuo、uyan 也都挂了,仅存的一些不知道哪天说不准也关了。既然是技术博客,用 Gitalk 自然是最相符的。基于 GitHub issue 和 Preact 实现...

    如何配置 GitLab CI

    最近在折腾 GitLab CI,想把之前用 Jenkins 执行的 Pipeline 迁移过来(Jenkins 界面实在是。。。),期间遇到一些问题,加上官方文档是纯英文,查询解决的时候花了一些功夫,最后总算满足了项目的持续集成需求。 GitLab CI 的配置文件 新建一个 .gitlab-ci.yml 文件...

    如何在 OSX 上运行 GitLab Runner

    搭建 GitLab Pages 时用到了 GitLab CI/CD 持续集成,需要一个 Runner 来执行任务。尽管按照官方文档搭建,还是遇到了一些坑。。。 安装 gitlab-ci-multi-runner如果安装文档进行安装,会默认安装最新版本的 runner,但现在的私建 GitLab 版本是 8.x,...

    2018 年的总结

    时间过得很快,2018 年已经接近尾声了,圣诞节刚过完生日,已经32张(岁)了 —— 高领码农😳。 工作业务方向转到了后台,其实是接手前同事遗留的项目。现在应该算全栈开发了,从服务端 Node 到前端 React 全家桶,JS 走遍全天下。其间接触了 ES、QConf、Redis 等一系列新的技术,Babel ...

    iOS 上,fixed 元素内的输入元素,获取焦点时的光标错位问题

    RT,如果一个输入元素(input, textarea …)的父容器设置了 position: fixed,当这个元素获取焦点时,会触发底部键盘的弹起。这时在输入框内打字的时候,会发现其光标错位了,一般会跑到下方。 当你专注于一个输入时,浏览器会自动向下滚动,以便将焦点输入突出显示给用户,这就造成了页面内...

    DOM 单触点旋转的探索

    由于 hammerjs 的 rotate 行为不支持单触点,所以只能另辟蹊径。搜索后发现了一个比较好用的 Library Propeller - JavaScript library to rotate elements with mouse or touch gestures. 读了下源码,其实现原理是监听...

    解决 HammerJS 拖拽、缩放和旋转的手势问题

    近期基于 HammerJS 开发了一个贴纸的 React 高阶组件,但是拖拽、缩放和旋转事件一起监听时会有手势问题。。。 开启了 hammerjs 的拖拽、缩放和旋转后,当两个手指触碰屏幕的瞬间,元素会立即旋转180度,但此时并未开始执行旋转,这是由于两个手指的位移差导致触发了旋转事件。另外拖拽和缩放、旋转事件...

    交互式的 NPM Scripts

    尽管 Webpack 2 默认支持从终端传参数到配置文件中来实现定制: –env.x=xxx 但每次开发都需要在命令行输入冗长且难记的各种参数: npm run dev – –env.p=xxx –env.s –env.r … 希望可以屏蔽这些细节,提供一个交互式的终端用户界面。先看一下最终效果: 支持...

    前端项目架构时遇到的问题

    本文涉及到的相关技术点不会讲解基础用法(请参考官方文档),只会针对开发中遇到的痛点展开讨论。 技术概览主要使用了以下技术栈,从环境、编译、开发,再到测试,较为全面的涵盖了目前前端开发中常用的一套流程,可作为脚手架使用。 Yarn - Node 包管理器 ES6 - ECMAScript6,下一代 JS 语法 ...

    如何在 OSX 上运行 QConf

    最近,由于项目需要,需要在 Mac 上安装 QConf,其中的过程真是山路十八弯… 废话不多说,直接上菜! 1.安装 QConf git clone https://github.com/Qihoo360/QConf.git cd QConf && mkdir build && ...