1、DataV+Vue可视化项目
参考了http://datav.jiaminghi.com/demo/ 使用了全屏容器进行内容缩放,查看时请F11全屏以便于Demo充满屏幕。 使用飞线图等组件,并能实时显示天气。
https://gitxieada.github.io/Demo/datav/index.html 或者 http://htmlpreview.github.io/?https://github.com/Gitxieada/Demo/blob/master/datav/index.html
2、电商平台可视化项目
参考了https://github.com/zoeee97/echartsDemoWithKoa2
使用axios获取本地json数据,实现**地图,点击可以显示各省信息。
https://gitxieada.github.io/Demo/echarts/index.html
3、WebRTC
WebRTC 从实战到未来!前端如何实现一个最简单的音视频通话?
- 局域网一对一实时音视频通话(手动传输本地和远程的SDP等信息来实现 P2P 通信)
https://gitxieada.github.io/Demo/webrtc/index.html#/
- 局域网点对点文件/文本传输(信令服务)
信令服务: https://github.com/Gitxieada/signalServer/releases
后端使用express、socket.io提供信令服务,pkg将NodeJS项目打包exe;
https://gitxieada.github.io/Demo/webrtc/index.html#/signal
1、JS实现人机大战之五子棋(UI篇)---慕课网
2、涉及js及canvas绘图知识
效果:
https://gitxieada.github.io/Demo/js_UI/index.html
3、JS实现人机大战之五子棋(AI篇)---慕课网
参考了xiaomaomiao人机大战五子棋的代码,她的注释很详细。
效果: https://gitxieada.github.io/Demo/js_AI/index.html
4、电商站首页布局 - HTML&CSS实战
教程:电商站首页布局实战 - HTML&CSS实战 - 课时ID-11.x
效果:https://gitxieada.github.io/Demo/11.xie_code/index.html
5、Bootstrap新闻站开发 - Bootstrap实战
教程:Bootstrap新闻站开发 - Bootstrap实战
效果:https://gitxieada.github.io/Demo/15.xie_code/main/index.html
6、使用vue2.0实现购物车和地址选配功能