simplify the life

置顶随笔 #

[置顶]了解博主

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

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

2018年2月9日 #

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

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

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

2018年1月31日 #

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

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

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

2018年1月27日 #

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

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

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

2018年1月16日 #

分享几个写 demo 的思路

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

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

2018年1月7日 #

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

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

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

2017年11月21日 #

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

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

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

2017年11月5日 #

基于 Webpack 引入 jquery 插件的笔记

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

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

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

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

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

2017年10月30日 #

基于 webpack 的 chrome 扩展开发探索

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

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

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

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

posted @ 2017-10-30 21:59 韩子迟 阅读(289) 评论(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 韩子迟 阅读(69) 评论(0) 编辑

2017年9月23日 #

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

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

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

2017年9月10日 #

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

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

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

2017年9月6日 #

使用 requirejs 打包 jQuery 插件 datetimepicker 的问题记录

摘要: 网站之前用的时间选择 UI 实在太丑,而且功能单一,决定全站改用 里面有好几个 js,奇怪的是,只有 /build 目录下的 full.js 可用,其他的引用后报错如下: 那就用 full.js 吧,无所谓,能用就行。 本地采用 requirejs 模块化,没问题,用 r.js 打包后,报了个这样的阅读全文

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

2017年9月5日 #

keynote 代码高亮

摘要: 1. (同时会安装 Lua 和 Boost) 2. test.html 为文件路径, 不可少,不然如果有中文会失效, 字号, 主题, 显示行号 3. command+v 复制到 keynote 4. keynote 中,样式 填充 设置背景色 其他: 查看安装的主题,可以取代 后面的参数 "官网"阅读全文

posted @ 2017-09-05 13:01 韩子迟 阅读(98) 评论(0) 编辑

2017年7月25日 #

rjs 合并压缩完 js 后 js 不压缩的问题

摘要: 线下用 requirejs 开发完后,代码上线前要用 rjs 将多个有依赖关系的 js 文件压成一个,然后某天居然发现压成一个的 js 文件,没有压缩!!!几万行的 js!!! 很显然,是 uglify 没有生效,为何没有生效?一开始以为是模块没有按照 AMD 规范来写,后来排除,逐个模块逐行代码排阅读全文

posted @ 2017-07-25 15:07 韩子迟 阅读(75) 评论(0) 编辑

2017年7月17日 #

python 版本管理工具 pyenv 使用备忘

摘要: 安装步骤 1. 安装 xcode select 以及 homebrew(前者在安装 git 的时候装过,后者 mac 开发必备无需解释) 2. 安装 pyenv ,用 验证是否安装成功 3. "添加如下几行" 到相应 shell 的配置文件(比如我的 文件),如果不生效,用 source 命令 常用阅读全文

posted @ 2017-07-17 20:32 韩子迟 阅读(95) 评论(0) 编辑

2017年5月6日 #

macOS 中 apache vhosts 配置备忘

摘要: 1. 修改 apache 服务器指向的根目录 macOS 默置了 apache,有以下几个常用命令: 当我们启动 apache 后,在浏览器地址栏输入 localhost,看到 "It works!" 字样就对了。这个 html 文件位于 下,该目录也就相当于 wampserver 下的 www 目阅读全文

posted @ 2017-05-06 00:50 韩子迟 阅读(112) 评论(0) 编辑

导航

统计信息

News