全栈开发实战:用Vue2+Koa1开发完整的前后端项目(更新Koa2)

简介

本文从一名新手的角度(默认对Vue有了解,对Koa或者Express有了解)出发,从0开始构建一个数据通过Koa提供API的形式获取,页面通过Vue渲染的完整的前端项目。可以了解到Vue构建单页面的一些知识以及前端路由的使用、Koa如何提供API接口,如何进行访问过滤(路由)、验证(JSON-WEB-TOKEN)以及Sequelize操作MySQL数据库的一些知识和技巧,希望能够作为一篇入门全栈开发的文章吧。

更新:文末给出的github仓库已经更新Koa2版本。请使用Node.js v7.6.0及以上版本体验~

Read more
【译】Having fun with Html5 Canvas

本文翻译自Having fun with Html5 Canvas,感谢作者

本篇教程我们将会构建一个齿轮系统,用HTML canvas和JavaScript描述出来。

本教程适合刚学习JavaScript以及对齿轮系统只有最基本了解的读者。

Read more
2016小结

终于又到了一年一度的春节啦。旧的一年的总结当然是要放在农历新年之前啦,这才是过年吧。

Read more
一周一部好电影Ⅲ【WEEK143】浪潮

2016-12-20 WEEK143 浪潮

浪潮——————————————Die Welle
浪潮

Read more
element-ui默认主题二次开发小记

element-theme-default 语法解析

我fork了官方的仓库,方便进行二次开发:https://github.com/Molunerfinn/theme-default

element-theme-default提供的工具和文档只能通过修改element-variables.css这个文件进行一些局部样式调整,比如整体的颜色风格,一些长宽、边距、圆角尺寸等。如果需要进行定制、二次开发的话,单纯修改element-variables.css是不够的。还需要修改element-theme-default的源码。在查看element-theme-default源码的时候发现了一些有趣的东西。记录如下,方便二次开发。

Read more
markline.js——轻量级canvas绘制标记线的库

这段时间要做的是一个数据可视化的小型项目。其中最基本要求是实现两点之间的迁徙关系(比如同一个用户不同时间上网的地点)用一条有向线段(markline)联系在一起。很自然的我一开始想的就是采用百度的echarts里的一个地图工具实现这个方案,并且百度给出的方案里默认的样式已经很漂亮了。
But,除了基本要求之外,还有一些深层次的要求:1.用户自定义背景图案,2.鼠标触摸上markline时,显示的内容可以自定义等等。
于是我发现了echarts不支持自定义比如jpg的背景图案——就这点就必须让我放弃使用echarts了。于是我必须考虑自己实现一下echarts里markline的样式了。

Read more
2016年毕业季-笔记本选购建议

又到了一年一度买电脑的时节。每年这个时候总会有一堆的对电脑不太熟悉的同学们不知道从何下手,对于电脑的配置可以说是一窍不通。呐,近来闲来无事,在解决了些许同学的选购方面的问题后,我决定授人以鱼不如授人以渔,可能会不会来得有点迟?。。特写一篇文章来告诉那些对于选购电脑有所困惑的同学。当然,这仅仅是自己这几年来对于选购电脑的经验之谈,如有说错之处,也请大家指出。

Read more