Static Blog Built with Vue

博客再次迁移,这次是从 Wordpress 转向静态博客(自建)。 技术栈: 前端:vue + vue-router + vuex + bootstrap + webpack 服务端:没有 数据库:没有 整站打包后,一次加载所有资源(HTML + CSS + JS + DATA)300K 不到(gzip 后 80K+),秒速渲染,与先前真的是天差地别。 图片资源从本地服务器搬迁到免费云。 写作使用 Markdown,从此 IDE 写博客不是梦。 代码地址:https://

D3 Note - Enter, Update and Exit

在 D3 的使用过程中,我们见得最多的应当是类似如下的代码: let div = d3.select('body') .selectAll('p') .data([3, 6, 9, 12, 15]) .enter() .append('p') .text(d => d); 将得到: <body> <p>3</p> <p>6</p> <p>9</p> <p>

Node.js Web Spider Note - 2

Cookie & Session 🔗 HTTP 是一种无状态协议,服务器与客户端之间储存状态信息主要靠 Session,但是,Session 在浏览器关闭后就会失效,再次开启先前所储存的状态都会丢失,因此还需要借助 Cookie 一般来说,网络爬虫不是浏览器,因此,只能靠手动记住 Cookie 来与服务器“保持联系”。 Cookie 🔗 Cookie 是 HTTP 协议的一部分,处理流程为: 服务器向客户端发送 cookie 通常使

D3 Note - Basis

D3 (Data-Driven Documents) 是一个 JavaScript Library,用来做 Web 端的数据可视化实现以及各种绘图。 D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. 学习 D3 需要很多预备知识: HTML / DOM CSS J

WordPress 掉坑记录

忍无可忍,长期更新。 (其实我很想自己重新做一个 blog,但是太麻烦,也没什么实践价值了,无非 CRUD,而且维护起来很容易忽略 blog 本身的目的所在) 关于代码高亮 🔗 本站目前(截至 09/20/2016)使用的是 Crayon 插件,这个插件配合 TinyMCE Advanced 简直神了,用户的数据对它们来说都不是什么东西,反正就随着各自的意愿来搞。其实这样还好,关键是,他俩意愿不一致。这 TM 就很尴尬了。以至于我很多文章,编辑再保存以后,格

Node.js Web Spider Note - 1

项目地址:https://github.com/edisond/zhihu-spider 简介:使用 Node.js 实现的一个简单的知乎爬虫,可以以一个用户为入口,爬取其账号下的一些基本信息,关注者,关注话题等。再通过关注者的 ID 继续爬取其他用户,以此循环。 实现功能:登录知乎(因为调用一些知乎 API 需要保存 session),解析页面,访问 AJAX API,保存到数据库。 执行流程 🔗 蓝色部分的任一流程出现失败或错误,程序都会直接返回到“从

JavaScript Promise

知乎上有一个黑 JavaScript 的段子,大概是说: N 年后,外星人截获了 NASA 发射的飞行器并破解其源代码,翻到最后发现好几页的 }}}}}}…… 这是因为 NASA 近年发射过使用 JavaScript 编程的飞行器,而 Node.js 环境下的 JavaScript 有个臭名昭著的特色:Callback hell(回调地狱的意思) JavaScript Promise 是一种用来取代超长回调嵌套编程风格(特指 Node.js)的解决方案。 比如: getA

WP 2016 主题使用摘要

2016 主题设置里没有提供是否使用摘要的选项,因此如果文章不做任何操作,首页以及归档页都会显示全文,导致页面非常地长。但是,一番机缘巧合,我发现只要在文章里面插入了 more 标签,主题就会自动检测到并且切换到摘要模式。 妄我在 Google 上苦苦探索,搜集到一堆垃圾代码,然而并没有什么用。

令牌软件使用体验

所谓令牌,就是说,一个账号在登录的时候,除了要提供常规密码外,还要提供一组动态密码。而动态密码的来源,可以是实体设备,也可以是软件。 这里就说两个手机 APP:Steam 令牌与网易将军令。 APP 的功能很简单:在用户需要登录的时候提供动态密码。 Steam 令牌会在用户需要的时候主动推送动态密码到通知; 而网易将军令需要用户手动打开软件查看动态密码。 哪一种设计更好呢? 我在用的时候就觉得,为什么将军令这么笨,不懂得直接把密码推送给我呢?每次要自己去打开烦不烦。 网