webapp开发框架，web前端技术功底不够如何去面试工作

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

html5最主要的优势：

1、一套HTML5 APP 即可同时适用安卓及IOS平台，甚至WP平台，适配性和统一体验较好。

2、版本服务器端更新，用户永远看到的都是最新的APP端信息。

3、手机客户端及存储数据较少，节约用户手机空间

4、技术难度较低，开发工作量小，开发成本低。

局限性：

用户体验大幅落后于原生APP，操作的流畅度，程序的执行效率，与原生APP都有较大差距；HTML5 APP 受网速的影响较大，在网络情况较差的情况下，HTML5 APP 往往连打开都困难，而原生程序，基本都能顺利打开运行（只是速度较慢）。

因公司项目需求，近端时间研究html5 app开发框架，发现有很多，查资料总结下。

1.框架：PhoneGap

官网：http://phonegap.com/

简介： PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。

优点：

1.可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器，或者说中间件。

2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。

3.可利用成熟javascript框架。如：Ext js、jQuery。

缺点：

1.性能差。运行速度慢，UI反应延时——这是个致命伤。(高端机影响不大)

2.不能完全跨平台。不同平台代码需要微调。

3.内存消耗大。

4.调试难度大。

2.框架：Ionic

官网：http://ionicframework.com/

简介： Ionic 是一个强大的 HTML5 应用程序开发框架，号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术，比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。

优点：

1.追求性能 运行速度快

2.轻量级框架

3.基于 Angularjs，支持 Angularjs的特性， MVC ，代码易维护

4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。

5.接近原生。

6.强大的命令行工具

3.可利用成熟javascript框架。如：Ext js、jQuery。

缺点：

1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用

2.需要结合插件使用。

3.框架：Hbuilder（国产）

官网：http://dcloud.io/

简介： HBuilder是DCloud推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。

优点：

1、HTML5语法、HTML5+语法、三大浏览器扩展语法，尽收HBuilder中。

2、每个浏览器发布新版后，一周内，其新增语法就收录入HBuilder。

3、强大到令你震惊的Jquery语法提示！

4、每个语法在哪个浏览器、哪个版本上是否可运行，这里都有。

5、没有比这里更全的语法库，也没有比这里更全的浏览器兼容性数据库。

缺点：

1.云端编译，无法保证安全性。

2.不能完全跨平台。不同平台代码需要微调。

4.框架：appcan（国产）

官网：http://www.appcan.cn/

简介：AppCan是国内Hybrid App混合模式开发的倡导者，AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用”不流畅”和”体验差”的问题。使用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近Native App的体验。

与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制，让开发者可以像最传统的网页开发一样，通过页面链接的方式灵活的开发移动应用。基于这种机制，开发者可以开发出大型的移动应用，而不是只能开发简易类型的移动应用。

AppCan提供强大的设备调用能力，电话、短信、相机、LBS、传感器、数据库等常用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。

优点：

1.跨平台：同时支持iOS、Android、Symbian、Windows Phone

2.原生体验：引入原生UI控件与交互支持（如Action Sheet等）

3.开发工具：基于Eclipse的开发工具，集成UI控件与应用管理

4.UI框架：提供强大的UI框架，更加易于实现页面布局与交互

5.设备API：支持各种手机设备调用，如电话、相机、传感器、定位等

6.本地打包：无需配置环境，无需编译，本地一键打包

7.插件机制：支持第三方原生插件，支持JS插件

8.代码加密：基于密钥的加密方式，无法破解，像混编一样保护html代码

统计分析：应用分平台安装数统计，应用启动和使用情况统计

9.开放平台：更具本土优势，已经对接Sina、QQ、百度等开放平台

10.技术支持：技术支持及时响应，重视开发者建议和反馈

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）**
[外链图片转存中…(img-YU9zhwGE-1713409670523)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！