simplify the life

置顶随笔 #

[置顶]了解博主

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

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

2018年5月21日 #

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

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

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

2018年5月7日 #

AnyProxy 使用备忘

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

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

2018年4月27日 #

RESTful API 设计学习笔记

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

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

2018年4月25日 #

Charles HTTPS 抓包备忘

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

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

WebDriverAgent 安装备忘

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

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

2018年2月9日 #

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

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

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

2018年1月31日 #

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

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

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

2018年1月27日 #

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

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

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

2018年1月16日 #

分享几个写 demo 的思路

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

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

2018年1月7日 #

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

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

posted @ 2018-01-07 13:43 韩子迟 阅读(102) 评论(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 韩子迟 阅读(120) 评论(0) 编辑

2017年12月18日 #

from Require.js to Webpack(why)

摘要: 写在前面: 本文主要参考 "From Require.js to Webpack Part 1 (the reasons)" ,原文作者将项目从 require.js 转移到了 webpack 并详细说明了原因以及好处。 commonjs (webpack 默认 commonjs,很显然,commo阅读全文

posted @ 2017-12-18 09:52 韩子迟 阅读(105) 评论(0) 编辑

2017年11月21日 #

QA: 自闭合标签要不要手动闭合?

摘要: 起 自闭合标签末尾要不要加 ,这个问题一直 "困扰" 着我。但是抱着无所谓的态度,一直没有仔细去看下。 以 img 标签为例,一般有以下三种写法: 一般我用最后一种,习惯的力量总是很强大,因为以前看到的规范中的一条就有这项(自闭合标签用 手动闭合)。 self closing tags 自闭合标签,阅读全文

posted @ 2017-11-21 19:57 韩子迟 阅读(110) 评论(0) 编辑

2017年11月5日 #

基于 Webpack 引入 jquery 插件的笔记

摘要: 如果都是基于 webpack(npm 上有包),那就非常顺利: 这个时候的 html 文件引入打包结果即可: 但是,有时候 jquery 可能只有一个 cdn 地址,可以这样处理。 将 jquery 和 jquery 插件都通过 cdn 引入,js 中继续写逻辑。 html 页面大概这样: 逻辑 j阅读全文

posted @ 2017-11-05 17:40 韩子迟 阅读(254) 评论(0) 编辑

基于 Webpack 引入公共库的几种方式

摘要: 以 jquery 和其插件 jquery modal 为例,记录下引入公共库的几种方式。 为了方便,首先安装 jquery 和 jquery modal: 0. 直接引入 在具体的 js 文件中: 优点:方便。 缺点: 1. 每个需要 jquery 的文件都要写单独引入的代码 2. 打包的时候 jq阅读全文

posted @ 2017-11-05 16:06 韩子迟 阅读(775) 评论(0) 编辑

2017年10月30日 #

基于 webpack 的 chrome 扩展开发探索

摘要: 起 最近利用闲暇时间在进行一款 chrome 扩展 "V2EX HELPER" 的开发(如果巧遇 V 友欢迎试用),今天把它彻底改成了用 webpack 打包依赖的模式,不由得感概 webpack 的强大,记录一二。 古 之前的项目开发是非常传统的 chrome 扩展开发方式,代码可以猛戳 "这里"阅读全文

posted @ 2017-10-30 23:08 韩子迟 阅读(488) 评论(0) 编辑

获取 JavaScript 异步函数返回值的笔记

摘要: wrong action callback promise generator generator + promise promise 解决了回调地狱的痛点,但是还是有回调;generaror 使得异步可以像同步一样书写,但是无法自动执行,需要多次调用 ;async/await 是 generato阅读全文

posted @ 2017-10-30 21:59 韩子迟 阅读(409) 评论(0) 编辑

2017年10月17日 #

CSS3 动画 cheatsheet

摘要: Transition 实例 "参数" transition property transition duration transition timing function(可以 "定制" ) transition delay js 触发 使用注意和局限 不是所有的 CSS 属性都支持 transit阅读全文

posted @ 2017-10-17 20:10 韩子迟 阅读(73) 评论(0) 编辑

2017年9月23日 #

技术选型 — 关于前端路由和后端路由的个人思考

摘要: 前端路由 or 后端路由 关于这个问题,无论是平时工作中,还是业余学习中,都有过思考。到底什么样的项目适合前端路由,什么样的项目适合后端路由?可能我目前的想法还很稚嫩不成熟,欢迎吐槽。 首先需要明确的是,无论前端还是后端路由, 我们看到的 URL 都是马甲 ,需要通过路由触发/执行真实需要执行的逻辑阅读全文

posted @ 2017-09-23 19:17 韩子迟 阅读(1021) 评论(1) 编辑

2017年9月10日 #

后端路由项目由 gulp 改为 webpack 的踩坑实录

摘要: 前言 公司有个后端路由的项目是用 gulp 作为前端自动化构建工具,最近学习了一下 webpack,深感其强大,一狠心将其改成了 webpack 构建,以下是踩坑实录。 gulp 先来说说原来的架构。 该项目是个 后端路由 的项目,我们以域名 为例。假设有以下两个路由 和 , 因为路由后端已经构建好阅读全文

posted @ 2017-09-10 12:20 韩子迟 阅读(416) 评论(1) 编辑

导航

统计信息

News