神灯神灯,我有一个愿望,

我不要金钱、权利;

也不要长生、不老。

我只想要遇到一个女孩,

陪她哭,陪她笑,陪她一起细水长流。

越了解,越喜欢;

越喜欢,越害怕。

你转身向北,

侧脸还是那么美,

我用眼光去追,竟听见你的泪。

置身在灯红酒绿的城市,

站在车水马龙的街道,

灯光的美,

夜晚的静,

更加衬托出了人们的寂寞。

从此故乡再无春秋,

从此青春再无当时。

你爱诗歌,我便学着写作;

你爱远方,我便离开故乡。

欢迎您,您是本站第 0 位访客, 累计已有 0 条评论

Let's Begin

学习折腾出的实例demo

文章导航

×
  1. 1. 实例1. react-todos
  2. 2. 实例2. highextend图表
  3. 3. 实例3. tinyHeart游戏
  4. 4. 实例4. 3D立方体效果
  5. 5. 实例5. 3D照片墙效果

编程写代码是一门艺术,特别是对于前端,总觉得需要做出点什么看得见的,才会有成就感。


实例1. react-todos

react技术现在在前端界是炙手可热的话题,所以我们也得紧跟潮流。最近在学习的过程中,也顺便了解了下webpack打包管理工具和es6的语法,然后使用react+webpack编写了一个todo-list的应用,使用localstorage存储任务数据。

实例2. highextend图表

highextend是基于highcharts和原生js进一步封装的图表组件,组件暴露一个Hxt的全局对象,它有自己的一套默认图表样式,而暴露了我们会经常用到的配置项,另外,还提供了很多个方法来绘制不同的图表,妈妈再也不用担心绘制图表的需求啦!哈哈!。

实例3. tinyHeart游戏

使用h5的API和canvas开发的一个小游戏。源码在github上,down下来就能直接运行。

实例4. 3D立方体效果

使用CSS3的transform属性实现的一个3D立方体的效果,换上照片再加上旋转的动画,真的是酷炫吊炸天!不信就点下面的demo地址。

实例5. 3D照片墙效果

使用CSS3的transform属性实现的一个3D照片墙效果,绝对泡妹纸神奇!哈哈!


如果您觉得我的文章对您有用,请随意打赏。

您的支持将鼓励我继续创作!

¥ 打赏支持