simplify the life

置顶随笔 #

[置顶]了解博主

摘要: 韩子迟(网名&花名),常用ID hanzichi/zichi, 常年混迹于 "博客园" , "GitHub" , "SegmentFault" , "V2EX" 。偶尔也水水 "微博" ,逛逛 "知乎" 。 喜欢 JavaScript,习惯 "VanillaJS" ,不擅长使用框架类库。 除了 Ja阅读全文

posted @ 2016-04-16 19:57 韩子迟 阅读(4882) 评论(20) 编辑

2018年7月11日 #

如何在修改 gulpfile.js 文件后自动重启 gulp?

摘要: gulp 非常好用,编写好 gulpfile.js 文件后,一般情况下在命令行用 就能启动开发环境,大大简化了开发流程。但是有一个问题没有解决,就是编写 gulpfile.js 文件过程中,如果这个时候 已经启动,修改 gulpfile.js 文件,进程并不会变化, 我们希望 gulpfile.js阅读全文

posted @ 2018-07-11 11:53 韩子迟 阅读(17) 评论(0) 编辑

2018年7月4日 #

内网 穿透是个好东西

摘要: 前言 注:很奇怪,标题如果带 【内网穿透】会触发莫名的规则,然后文章 404 掉。。 今天接触了一个新的名词「内网穿透」,感觉还是蛮有意思的,记录一二 起因是自己想做一个微信上的提醒工具,比如我现在一天时不时要提醒老婆喝水 via 微信,如果有了这个工具,理想情况下,我设定好时间,到了时间点会自动在阅读全文

posted @ 2018-07-04 21:40 韩子迟 阅读(46) 评论(0) 编辑

2018年6月29日 #

grid 布局初体验

摘要: grid 布局是真正的 css 框架,和 flex 相比,它是二维的,而 flex 是一维的 几个 cheat sheet: "A simple visual cheatsheet for CSS Grid Layout" "学习 CSS 网格布局" (附之前我写的一个 "flex cheat sh阅读全文

posted @ 2018-06-29 21:37 韩子迟 阅读(52) 评论(0) 编辑

2018年6月27日 #

Node.js 开发 Alfred workflow 初体验

摘要: 本文简单记录下如何用 Node.js 开发一个 Alfred workflow 的过程。 之前开发过自己用的小工具,这次打算开发 "CDNSearcher" ,用了半天才回忆起来开发流程,我在想如果之前简单记录了下,或许这次就不用花那么长时间回顾了,遂写此文。 该 workflow 使用方式如下:(阅读全文

posted @ 2018-06-27 21:34 韩子迟 阅读(271) 评论(0) 编辑

2018年6月25日 #

pure.css 源码之 grids 篇

摘要: grids,中文翻译为栅格(并不是 grid 布局),用过 BootStrap 应该不会陌生。pure.css 提供了类似的类,具体文档在 "这里" 具体使用也非常简单, 类似 BootStrap 中的 。Bootstrap 是 12 等分的,pure.css 支持 5 等分以及 24 等分。 我们阅读全文

posted @ 2018-06-25 20:50 韩子迟 阅读(36) 评论(0) 编辑

pure.css 源码之 buttons 篇

摘要: 心血来潮,打算抓个 css 框架看看,雅虎出品的轻量级框架 "pure.css" 非常符合我的要求。 首先看它的 "Buttons" 部分,真的是麻雀虽小五脏俱全,该有的都有了。源码分别在 "buttons core.css" 以及 "buttons.css" ,其中前者主要涉及到一些属性的重置(防阅读全文

posted @ 2018-06-25 13:44 韩子迟 阅读(30) 评论(0) 编辑

2018年6月8日 #

chrome 下视频全屏播放后自定义控件无法使用的问题探究

摘要: chrome 63 升级到 64 后,我司旗下产品 "讲堂" 出现了一个说大不大说小不小的 bug:自定义控件在全屏模式下失效了。 将代码简化如下: 假设 button 为自定义控件,chrome 浏览器下,全屏后,该控件将无法使用(但依然可见)。其他浏览器表现不尽相同,firefox 下控件直接不阅读全文

posted @ 2018-06-08 10:31 韩子迟 阅读(54) 评论(0) 编辑

2018年5月28日 #

开发 chrome 扩展 GitHub-Remarks 的一些想法以及遗憾

摘要: 前文 "对于单页应用中如何监听 URL 变化的思考" 说到我在开发 chrome 扩展 "GitHub Remarks" 中遇到的一个问题,本文来聊聊开发这个扩展的前后心路历程。 为什么开发这个扩展?前文说到: 开发这个扩展的原因是我在 GitHub 中所 star 的项目实在太多了(截止目前 67阅读全文

posted @ 2018-05-28 08:56 韩子迟 阅读(327) 评论(4) 编辑

2018年5月27日 #

对于单页应用中如何监听 URL 变化的思考

摘要: 周末开发了一个在 GitHub 中给 repo 增加自定义备注的 chrome 扩展。 开发这个扩展的原因是我在 GitHub 中所 star 的项目实在太多了(截止目前 671 个),有的项目过个几天回来看就忘了为什么 star 了,有的轮子想找的时候发现忘记叫什么了,这么多一个个找实在浪费时间。阅读全文

posted @ 2018-05-27 22:52 韩子迟 阅读(770) 评论(1) 编辑

2018年5月21日 #

pointer-events: none 的两个应用场景

摘要: 简介 真是个神奇的属性。 该属性有什么用?借用 "CSS3 pointer events:none 应用举例及扩展" 的总结来说: 顾名思义,就是鼠标事件拜拜的意思。元素应用了该 CSS 属性,链接啊,点击啊什么的都变成了 “浮云牌酱油”。 的作用是让元素实体 “虚化”。例如一个应用 pointer阅读全文

posted @ 2018-05-21 20:15 韩子迟 阅读(139) 评论(0) 编辑

2018年5月7日 #

AnyProxy 使用备忘

摘要: "AnyProxy" 是一个开放式的 HTTP 代理服务器,也可以像 Charles 一样用来抓包。 最初看到这个项目是在 "这个" 微信小游戏外挂项目中,外挂的思路是,改变 HTTP/HTTPS/WebSocket 请求/响应的内容,使得在游戏中能够快速分辨答案。以 "这个" 为例,AnyProx阅读全文

posted @ 2018-05-07 18:39 韩子迟 阅读(138) 评论(0) 编辑

2018年4月27日 #

RESTful API 设计学习笔记

摘要: 本文主要参考阮一峰的 "RESTful API 设计指南" 1. 协议 API 与用户的通信协议,总是使用 HTTPs 2. 域名 应该尽量将 API 部署在专用域名下: 如果 API 很简单,不会有进一步扩展,可以考虑放在主域名下: 3. 版本 应该将 API 的版本号放入 URL: 另一种做法是阅读全文

posted @ 2018-04-27 20:23 韩子迟 阅读(78) 评论(0) 编辑

2018年4月25日 #

Charles HTTPS 抓包备忘

摘要: PC PC 上的设置比较简单,共两步。 首先下载证书: 然后添加 ssl 规则【Proxy SSL Proxying Settings...】: 这个时候在浏览器打开 HTTPS 的网站就可以捕获请求了(注意 Proxy 要改到 macOS Proxy,然后本机要关闭所有代理) iPhone 手机设阅读全文

posted @ 2018-04-25 21:00 韩子迟 阅读(81) 评论(0) 编辑

WebDriverAgent 安装备忘

摘要: A WebDriver server for iOS that runs inside the Simulator. Andriod 有个类似的工具叫做 adb。目前为止我对它的认识是,可以将真机与电脑相连,然后用代码模拟操作真机,比如这个 "跳一跳外挂" iOS 版 就是用的 WDA,截屏分析像素阅读全文

posted @ 2018-04-25 14:33 韩子迟 阅读(70) 评论(0) 编辑

2018年2月9日 #

填坑:在 SegmentFault 开发单页应用之图片引用的问题探索

摘要: 前言 前段时间, "SegmentFault" 低调上线了 "技术号" 模块,方便用户对数据进行集中管理。在开发过程中,第一次引入了 MV 框架。 SF 的基本架构还是后端路由,这也使得页面频繁地整体请求,体验非常不好。而技术号这个模块,不依赖 SEO,侧边导航又具有非常强烈的可切换性,所以适当地引阅读全文

posted @ 2018-02-09 11:59 韩子迟 阅读(143) 评论(0) 编辑

2018年1月31日 #

助力开发:Vue 在 SegmentFault 中的初次体验

摘要: 最近,SegmentFault 低调上线了 "技术号" 功能。何为技术号?其实就是一个小型的方便用户的 后台管理入口 ,在这里,可以对自己发表的内容(文章和头条)、讲座、专栏等进行简单的设置管理,逐渐以取代之前不集中的一些设置入口。在这个功能的开发中,第一次引入了前端 MV 框架。 SegmentF阅读全文

posted @ 2018-01-31 14:17 韩子迟 阅读(111) 评论(0) 编辑

2018年1月27日 #

拥抱变化,渴望挑战 - 记我的 2017

摘要: 年终 唯一永远不改变,是不停地改变。 2017,改变了太多太多,也经历了太多太多的第一次,在人生的长河中终究会成为最重要的一年之一。 翻翻 "去年的年终总结" ,很惭愧,很多计划并没有实现,但是也做了很多未预料到的事情。 杭州 2017 最重要的事情,无疑是从上海回到了杭州,为什么用回字呢?因为楼主阅读全文

posted @ 2018-01-27 17:16 韩子迟 阅读(1133) 评论(10) 编辑

2018年1月16日 #

分享几个写 demo 的思路

摘要: 好久没有动笔,最近发现了一个新的写 demo 的思路,非常有意思。仔细一想,自己仿佛积累了不少写 demo 的思路和想法,总结一下,抛砖引玉。 本文所说 demo 主要分以下三种: 本地 demo 外链 demo 文章中带 demo 本地 demo 楼主在工作和学习中是比较喜欢写 demo 的,抛出阅读全文

posted @ 2018-01-16 21:25 韩子迟 阅读(881) 评论(2) 编辑

2018年1月7日 #

feed 流数据请求时机的两个思路

摘要: 最近 "SF 首页" 进行了大改版,效果如下: 其他地方都没什么难点,中间的 feed 流思考了不少时间,效果需要类似微博或者知乎 feed 流。之前一直没有做过类似的功能,现总结两个方案。 方案一 方案一也是目前线上方案,核心代码如下: 500 为阈值,也就是提前 500px 去请求数据。$(do阅读全文

posted @ 2018-01-07 13:43 韩子迟 阅读(147) 评论(0) 编辑

2017年12月27日 #

千万别在开发阶段用 uglify 插件了!(from Requirejs to Webpack)

摘要: webpack 各种好用,打算把 sf.gg 的前端构建工具从 gulp+requirejs 尝试着迁移到 webpack,没想到刚迈出第一步随即翻车。 因为 sf.gg 本质是个后端路由项目,每个页面一个打包的 js 文件,所以需要多个入口,即 multi entry points。简单地修改了三阅读全文

posted @ 2017-12-27 14:23 韩子迟 阅读(182) 评论(0) 编辑

导航

统计信息

News