今天逛知乎发现他们的链接卡片挺好看,就想写一个自己拿来博客用(扒下来知乎的代码),效果如下。
源码放在github,感兴趣的朋友可以自己拿。
html标签
使用vue.js制作carousel跑马灯组件
前几天在掘金上看到一个开源项目(PyUI)在招人,一个基于vue.js的UI库,想着反正页闲着,就硬着头皮加入了(其实我都还没学vue.js)
两天速成了一下,学了点皮毛,就开始撸代码了,组织给我分配的是carousel跑马灯的组件
边学边做,一天半撸完了,效果完全参照iview的跑马灯效果(任务要求)
其实原本只要拿iview的代码过来改一改就好了,但是感觉这样页学不到什么,硬着头皮自己撸了
第一次写vue.js感觉在项目任务的督促下学的还是很快的
Dijkstra单源最短路径算法
算法动态演示地址 今天用c++撸了一遍Dijkstra单源最短路径算法,做个记录,先看下算法的描述
¶问题描述
给定一个带权有向图 G=(V,E) ,其中每条边的权是一个非负实数。另外,还给定 V 中的一个顶点,称为源。现在我们要计算从源到所有其他各顶点的最短路径长度。这里的长度是指路上各边权之和。这个问题通常称为单源最短路径问题。
Dijkstra算法的解决方案
Dijkstra提出按各顶点与源点v间的路径长度的递增次序,生成到各顶点的最短路径的算法。既先求出长度最短的一条最短路径,再参照它求出长度次短的一条最短路径,依次类推,直到从源点v 到其它各顶点的最短路径全部求出为止。
hexo建站笔记之首页文章轮播图
¶设计特点
轮播图UI:模仿简书可以直接在每篇文章的md文件里设置是否要设为轮播图的文章
就是我们每次新写一篇文章,用hexo生成一个md文件,我们只要在头部注明是否要作为轮播图的文章比如这样:
1 | title: hexo建站笔记之首页文章轮播图 |
微信背单词小程序/小鸡单词
前段时间开始学做微信小程序,花了半个月时间算是入门了
个人感觉学习还是挺快的,写了一个背单词打开的小程序,大概十几个页面 本文介绍的是实现每天背单词任务的这一个主要页面
项目做完第一个版本就停止维护了哈哈
前端代码如下:wx:if判断是否显示未背的单词界面