基于APPCAN制作的一款Hibird类型的APP，APP的编程语言是HTML5+CSS3+JavaScript.zip资源-CSDN文库

共183个文件

png：109个

html：38个

js：19个

版权申诉

149 浏览量 2024-02-12 22:14:37 上传评论收藏 1.44MB ZIP 举报

HTML5是一种先进的Web开发技术，它是HTML4的升级版，为网页带来了许多新的功能和特性，使得开发者可以创建更丰富、更具交互性的应用程序。这款基于APPCAN制作的Hibird类型的APP，就是利用HTML5的强大力量，结合CSS3和JavaScript，构建出一款移动端的应用。 1. HTML5新特性： - **离线存储**：通过`AppCache`和`Service Worker`，可以实现离线应用，使得用户在没有网络的情况下也能访问部分内容。 - **Canvas**：提供了画布元素，允许动态图形绘制，常用于游戏和数据可视化。 - **SVG（Scalable Vector Graphics）**：支持矢量图，图像质量高，无论放大多少倍都不会失真。 - **Audio/Video元素**：内建的音频和视频播放器，简化多媒体内容的集成。 - **Web Storage**：包括`localStorage`和`sessionStorage`，提供比Cookie更大的存储空间。 - **Web Workers**：允许后台线程处理复杂计算，不阻塞用户界面。 - **WebSockets**：实现实时双向通信，为在线游戏和实时应用提供可能。 2. CSS3增强： - **选择器**：增加了更多的选择器，如`:nth-child()`, `:not()`, `:hover`, `:active`, `:focus`等，使得样式控制更精确。 - **边框与背景**：引入了圆角边框、阴影效果、渐变背景和多重背景。 - **Flexbox布局**：灵活的盒模型，能方便地处理容器内元素的对齐、排列和响应式设计。 - **Grid布局**：二维网格布局系统，适用于复杂的页面结构。 - **动画**：`@keyframes`规则和`transition`属性可实现平滑的动画效果。 3. JavaScript增强： - **ECMAScript 5/6/7**：引入了模块化（如CommonJS和ES6的import/export）、箭头函数、类、Promise、模板字符串等新特性。 - **AJAX异步通信**：改进了与服务器的数据交换，使得页面无刷新更新成为可能。 - **jQuery库**：简化DOM操作，事件处理和动画效果，提高了开发效率。 - **Vue/React/Angular等框架**：基于JavaScript的前端框架，提供了MVVM或组件化开发模式，优化了大型应用的构建和维护。 4. APPCAN介绍： APPCAN是一款跨平台的移动应用开发工具，它允许开发者使用HTML5、CSS3和JavaScript编写代码，然后通过打包生成原生应用。APP的运行环境不再局限于浏览器，而是可以像原生应用一样安装在手机上，具有更好的性能和用户体验。 5. Hibird类型APP： Hibird应用结合了Web应用的灵活性和原生应用的性能，通常通过WebView组件在原生壳中嵌入HTML5页面。这类APP既能利用HTML5的开发便利性，又能利用原生API，实现如GPS定位、蓝牙连接等功能。这款基于APPCAN的Hibird APP充分利用了HTML5的新特性，结合CSS3和JavaScript，创建了一个多媒体、游戏性质的移动端应用。无论是从开发效率、用户体验还是功能实现方面，都展现出了HTML5技术的强大潜力。

资源推荐

资源详情

资源评论

收起资源包目录

基于APPCAN制作的一款Hibird类型的APP，APP的编程语言是HTML5+CSS3+JavaScript.zip （183个子文件）

font-awesome.min.css 21KB

ui-base.css 7KB

ui-color.css 6KB

appcan.control.css 6KB

appcan.icon.css 4KB

main.css 3KB

rotate.css 3KB

ui-box.css 2KB

ui-color.css 1KB

img.css 1KB

newsdetail.css 989B

sc2.gif 310B

index.html 11KB

edit_forum.html 11KB

resgister.html 11KB

food_content.html 10KB

forum.html 10KB

service.html 10KB

my.html 9KB

shop_detail.html 8KB

news_detail.html 7KB

comment.html 7KB

test.html 6KB

about.html 5KB

food.html 4KB

advice.html 4KB

forum_detail.html 4KB

dianp.html 3KB

service_detail.html 3KB

forum_content.html 3KB

guide_pager.html 3KB

map.html 3KB

index1.html 2KB

food_list.html 2KB

forum_content1.html 2KB

default.html 2KB

mosthot.html 2KB

mostnew.html 2KB

recommend.html 2KB

food_list_content.html 2KB

activity.html 2KB

mircroom.html 2KB

mirclife.html 2KB

learn.html 2KB

inform.html 2KB

race.html 2KB

job.html 2KB

dianpf_content.html 1KB

dianph_content.html 1KB

allunivlist.js 219KB

appcan.js 125KB

jqery.js 93KB

jquery-1.11.1.min.js 82KB

forum.js 19KB

news.js 10KB

zy_slide.js 9KB

appcan.slider.js 8KB

appcan.optionList.js 7KB

appcan.listview.js 6KB

appcan.control.js 6KB

appcan.treeview.js 5KB

food.js 5KB

zy_click.js 4KB

sha.js 4KB

main.js 4KB

zy_control.js 3KB

appcan.tab.js 2KB

appcan.tab1.js 2KB

background.png 210KB

1.png 186KB

3.png 165KB

my.png 135KB

2.png 38KB

addheadpic.png 24KB

tubiao.png 23KB

liuliang.png 22KB

icon.png 17KB

read.png 14KB

changguan.png 10KB

rili.png 10KB

forum.png 9KB

wangfei.png 8KB

yikatong.png 8KB

zhengjian.png 8KB

huoguo.png 7KB

imageadd.png 6KB

service-act.png 6KB

my-act.png 6KB

forum-act.png 5KB

dayin.png 5KB

tushu.png 5KB

comment.png 5KB

location.png 4KB

phone.png 4KB

xiaoche.png 4KB

service.png 4KB

call.png 4KB

共 183 条

驱动器 C 中的卷是 Windows8_OS 卷的序列号是 90A0-7C85 C:\AppCan\AppCanStudioPersonal\widgetapp\DEMO\phone\css\icons 的目录 2014/10/10 12:30 <DIR> . 2014/10/10 12:30 <DIR> .. 2014/10/09 09:47 2,902 icon-add-act.png 2014/10/09 09:47 2,887 icon-add.png 2014/10/09 09:47 3,515 icon-adduser-act.png 2014/10/09 09:47 3,480 icon-adduser.png 2014/10/09 09:47 581 icon-back-act.png 2014/10/09 09:47 423 icon-back.png 2014/10/09 09:47 2,938 icon-cal-act.png 2014/10/09 09:47 2,927 icon-cal.png 2014/10/09 09:47 3,633 icon-call-act.png 2014/10/09 09:47 3,577 icon-call.png 2014/10/09 09:47 3,585 icon-chart-act.png 2014/10/09 09:47 3,511 icon-chart.png 2014/10/09 09:47 3,142 icon-close-act.png 2014/10/09 09:47 3,111 icon-close.png 2014/10/09 09:47 3,005 icon-disk-act.png 2014/10/09 09:47 3,003 icon-disk.png 2014/10/09 09:47 3,144 icon-download-act.png 2014/10/09 09:47 3,257 icon-download.png 2014/10/09 09:47 3,219 icon-edit-act.png 2014/10/09 09:47 3,243 icon-edit.png 2014/10/09 09:47 3,041 icon-exit-act.png 2014/10/09 09:47 3,036 icon-exit.png 2014/10/09 09:47 3,573 icon-filter-act.png 2014/10/09 09:47 3,549 icon-filter.png 2014/10/09 09:47 620 icon-forward-act.png 2014/10/09 09:47 3,284 icon-forward.png 2014/10/09 09:47 3,191 icon-home-act.png 2014/10/09 09:47 3,146 icon-home.png 2014/10/09 09:47 3,584 icon-map-act.png 2014/10/09 09:47 3,580 icon-map.png 2014/10/09 09:47 2,921 icon-menu-act.png 2014/10/09 09:47 2,884 icon-menu.png 2014/10/09 09:47 2,952 icon-more-act.png 2014/10/09 09:47 2,936 icon-more.png 2014/10/09 09:47 3,042 icon-ok-act.png 2014/10/09 09:47 3,019 icon-ok.png 2014/10/09 09:47 3,583 icon-refresh-act.png 2014/10/09 09:47 3,523 icon-refresh.png 2014/10/09 09:47 3,544 icon-search-act.png 2014/10/09 09:47 3,474 icon-search.png 2014/10/09 09:47 3,734 icon-setting-act.png 2014/10/09 09:47 3,591 icon-setting.png 2014/10/09 09:47 3,381 icon-share-act.png 2014/10/09 09:47 3,363 icon-share.png 2014/10/09 09:47 3,742 icon-submenu-act.png 2014/10/09 09:47 3,571 icon-submenu.png 2014/10/09 09:47 3,500 icon-user-act.png 2014/10/09 09:47 3,449 icon-user.png 2014/10/09 09:47 3,669 icon-warn-act.png 2014/10/09 09:47 3,499 icon-warn.png 2014/10/10 12:30 0 out.txt 51 个文件 157,064 字节 2 个目录 51,446,079,488 可用字节

评论收藏

内容反馈

版权申诉