Vue-Router Note

Vue Router (https://github.com/vuejs/vue-router) 使用笔记。虽然官方文档比较详尽,但实际用起来依然有些地方需要特别注意的(其实主要是我的个人需求)。 Scroll Behaviours 🔗 文档上有 scroll behaviours 的示例,但实际上用起来不太完美,还需要自己改造一下。需要注意的是 scrollBehavior 必须搭配 history 模式,否则代码无效且无任何错误信息。 上面说到不完美的地

Limit Prerender Plugin Workers By Webpack

Prerender SPA Plugin 是一个可以将 Vue 页面预渲染为静态 HTML 的 webpack 插件,对静态小站(比如博客)来说很棒棒。但是最近用的时候总发现一个问题:它的 build 失败率越来越高,尤其是在 CI 上。后来在其 repo 的一个 issue 中发现了问题所在,就是它没有限制 PhantomJS workers 的数量,导致页面一多就直接全部卡死不动,然后超时。 (Workers) Default is as many workers as

Better Documents

这篇文章记录了我是如何一步步地把 https://github.com/wxsms/uiv 这个项目的用户文档变得更优雅的。实际上,如何以一种高效又优雅的方式编写实例文档一直是我的一个疑惑,比如主要的问题体现在: 如何使文档更易读? 如何使文档更易于维护? 如何减少编写文档的工作量? 实例代码无可避免地需要手工维护吗? 最后一点是让我最头疼的地方。举个例子,我想要给用户展示一个组件的使用方式,以下代码可以在页面上创建一个 Alert: <alert type=suc

CORS Headers Note

CORS HTTP Header 是解决 Ajax 跨域问题的方案之一。详情查看:MDN 这篇文章主要是记录使用过程中遇到的问题以及解决方案。 客户端 🔗 客户端正常情况无需特殊配置。但有一些需要注意的地方。 请求预检 🔗 CORS 请求与非跨域请求不一样的是,它会将请求分成两种类型:Simple Request(简单请求)与Preflighted Request(预检请求)。 Simple Request 🔗 满足所有条件的

终于要放假了

最近事情有点多,导致好久没有更新过博客。过完后天终于要到国庆假期了,希望可以多点时间在家休息(睡觉)。经常加班到 10 点,周末也时常单休,连续下来还是挺累人的。 公司的饭菜开始吃腻了,每天都能找到不想吃的菜(或者找不到想吃的菜)。 假期一定要抽空把这几个月学到的东西总结一下。

Koa Note

Koa是一个类似于 Express 的 Web 开发框架,创始人也是同一个人。它的主要特点是,使用了 ES6 的 Generator 函数,进行了架构的重新设计。也就是说,Koa的原理和内部结构很像 Express,但是语法和内部结构进行了升级。 —— 阮一峰博客 想要达到使用 Koa2 的完整体验,需要将 Node 版本升级到 v7.6+ 以支持 async 语法。 为什么是 Koa 而不是 Express 4.0? 因为 Generator 带来的改动太大了,相当于推倒

为 Vue 组件库实现国际化支持

其实这部分代码主要是参考着 element ui 和 iview 做的(iview 又是抄的 element),对关键代码进行了一些简化。主要需要实现的需求有: 用户可以更改、切换组件库使用的语言(应用级别) 用户可以自定义组件使用的措辞 兼容 vue-i18n 这个库 关键代码 🔗 src/locale/lang/en-US.js 🔗 首先是 Locale 文件,把措辞映射到一个 key 上面去,比如说英文: export defaul

Travis CI in Github

Travis CI 是一款免费的持续集成工具,可以与 Github 无缝集成。能够自动完成项目代码的日常测试、编译、部署等工作。现在,我把它应用到了我的两个项目中。 首先,要在这个平台上做持续集成的前提是到它上面 https://travis-ci.org/ 去注册个账号。实际上直接用 Github 账号进行 OAuth 登录就行了。登录以后可以在首页找到自己的所有仓库,在需要进行持续集成的项目前面的开关打开即可。开启后,Travis CI 会监听项目的代码推送与 PR,当发

基于 Vue 2 与 Bootstrap 3 的组件库 uiv 发布啦

一点微小的工作。 Demo: https://uiv.wxsm.space Github: https://github.com/wxsms/uiv NPM: https://www.npmjs.com/package/uiv 项目使用 MIT 许可,随便用。 简单介绍 🔗 做这个东西的初衷是,想要一些简单的、基础的、常用的基于 Vue 2 与 Bootstrap 3 的可重用组件。因为我还有一个目标:一个灵活健壮的、类似 MEAN.js 这样的 Vue +