simplify the life

置顶随笔 #

[置顶]了解博主

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

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

2018年9月13日 #

electron-vue 用 electron-packager 打包的问题备忘

摘要: "starskeeper" 的开发渐入尾声,试着将其打包下,但是满屏的 error,记录下防止再次踏坑 首先项目脚手架用的是 "electron vue" 项目,在生成项目脚手架的时候会让你选择打包方式(electron packager OR electron builder),我选择的是前者 查阅读全文

posted @ 2018-09-13 18:42 子迟 阅读(72) 评论(0) 编辑

2018年9月1日 #

获取某用户在 GitHub 上所 star 的项目总数以及 star/unstar api 的一个小坑

摘要: 获取 star 项目总数 由于 "StarsKeeper" 开发需要,需要获取某用户在 GitHub 上所 star 的项目的总数,记录如下。 一开始想到的是 "user" 有关的 api,开发中 headers 头上加上 Authorization Token,其实就是这个 api 。但是这里有 阅读全文

posted @ 2018-09-01 17:30 子迟 阅读(68) 评论(0) 编辑

2018年8月27日 #

Node.js 连接 MySQL 插入 TEXT 类型报错问题

摘要: 由于开发需要存储大量文本(其实是一个结构化对象字符串),考虑到 char 以及 varchar 都不够大,所以打算用 TEXT 类型,顺便记一下 TEXT、MEDIUMTEXT 以及 LONGTEXT 的存储大小: 但是用 Node 连接 MySQL 插入数据库的时候,一直报错如下: google 阅读全文

posted @ 2018-08-27 22:06 子迟 阅读(36) 评论(0) 编辑

2018年8月2日 #

mpvue 初体验之改写车标速查小程序

摘要: "前文" 说到我开发了一个简单的小程序叫做 车标速查(代码以及二维码详见 "这里" ),本文简单讲讲如何将这个小程序转为 mpvue 开发(最终 "成果" ) mpvue 官网的 "文档" 真的是非常简单,不,应该说是简洁,因为依托 Vue,所以很多语法不需要赘述,直接去看 Vue 的文档就好了。m阅读全文

posted @ 2018-08-02 08:24 子迟 阅读(359) 评论(0) 编辑

2018年7月30日 #

微信小程序开发初体验

摘要: 最近因为工作需要入门了一下小程序,边入门也边在思考小程序的应用场景,“用完即走” 四个字一直浮现在脑海。正好最近在学驾照,因为以前一直对车不感冒,所以连奔驰都不认识,正好做个车标速查的小程序,非常符合 “用完即走” 的理念 最终源码点击 "这里" (附小程序码),车标信息数据来自 "车标网" 因为小阅读全文

posted @ 2018-07-30 21:44 子迟 阅读(857) 评论(0) 编辑

2018年7月24日 #

当 position:sticky 遇到 bootstrap 浮动布局时候的踩坑记录

摘要: 当第一次接触到 这个属性,我就意识到之前的不少 js 场景可以用这个 css 属性去改写。譬如 "网站" 右侧的不少广告,滚动上去后需要 fixed,完全就是 sticky 的应用啊。 今天要说的是 "文章详情页" 右侧的目录栏,当页面下滑的时候,它也会固定到页面顶部,之前是用 js 去监听 scr阅读全文

posted @ 2018-07-24 13:41 子迟 阅读(60) 评论(0) 编辑

2018年7月11日 #

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

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

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

2018年7月4日 #

内网 穿透是个好东西

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

posted @ 2018-07-04 21:40 子迟 阅读(306) 评论(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 子迟 阅读(128) 评论(0) 编辑

2018年6月27日 #

Node.js 开发 Alfred workflow 初体验

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

posted @ 2018-06-27 21:34 子迟 阅读(451) 评论(1) 编辑

2018年6月25日 #

pure.css 源码之 grids 篇

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

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

pure.css 源码之 buttons 篇

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

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

2018年6月8日 #

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

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

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

2018年5月28日 #

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

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

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

2018年5月27日 #

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

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

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

2018年5月21日 #

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

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

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

2018年5月7日 #

AnyProxy 使用备忘

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

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

2018年4月27日 #

RESTful API 设计学习笔记

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

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

2018年4月25日 #

Charles HTTPS 抓包备忘

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

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

WebDriverAgent 安装备忘

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

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

导航

统计信息

News