ickedesign / HTML5_WebPage Public

Notifications You must be signed in to change notification settings
Fork 2
Star 2

🚀H5页面制作：包括首页Loading图，生长折线图，饼图，生长柱形图，雷达图，散点图。使用了Fullpage.js，CSS3，Canvas等

2 stars 2 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 15 Commits
css		css
img		img
js		js
node_modules		node_modules
screen_shot		screen_shot
test		test
README.md		README.md
index.html		index.html
package.json		package.json

Repository files navigation

HTML5_WebPage

H5页面组件化开发[Fullpage.js, CSS3, Canvas, JQuery]

页面

首页Loading图
生长折线图
饼图
生长柱形图
雷达图
散点图

组件化开发

内容组件类： H5，在JS文件中添加addPage，addComponent和loader方法，整合fullpage.js，定义链式调用
图文组件类： H5ComponentBase，页面载入载出，输出DOM，接受onLoad和onLeave事件
图表组件类： H5Component，在Base的基础上插入DOM结构或Canvas图形。完成柱图，散点图，雷达图，饼图，折线图等

功能和技术

页面DOM操作，使用JQuery；页面切换使用FullPage.js
柱图和散点图用CSS3实现，折线图，雷达图和饼图用Canvas实现

About

🚀H5页面制作：包括首页Loading图，生长折线图，饼图，生长柱形图，雷达图，散点图。使用了Fullpage.js，CSS3，Canvas等

Report repository

Releases

No releases published

Packages

No packages published

Languages