h5 移动弹窗插件

俗话说，一个合格的Web前端开发工程师，自然会使用很多工具，让自己的工作变得高效。下面，我给大家分享十个Web前端学习需要知道的HTML5开发工具。1.LungoLungo是一个基于HTML5的开发框架，专门为希望设计、构建和共享跨设备应用的开发者准备。支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视和桌面设备。

Lungo提供了一个强大的API，这样你就可以完全控制你的WebAPP应用了。2.AnimatronAnimatron是一个简单而强大的在线工具，通过它你可以创建令人惊叹的HTML5动画和交互式内容。使用非常直观的Animatron编辑器来设计和发布完美的移动产品。同时，你还可以在任何地方播放电影和信息图，从桌面浏览器到移动设备，无需编码，所见即所得。

Use impress . js插件！很不错的一个h5slide插件！演示地址:。可以去速课网，也可以做H5页面，但是ppt可以直接转换成H5，还是挺方便的。ISpring这个不错，是国外的，但是牌照费400多元有点贵。Swiper很好用。HTML5可以调用CSS样式播放PPT，步骤如下；1.调用JS 插件 code: impress()。init()；2.添加CSS样式代码:。

H5指的是HTML5，它是万维网的核心语言，是标准通用标记语言下超文本标记语言(HTML)的第五个主要修订版。HTML5提供了一些新元素和属性，比如(站点导航块)和。这种标签将有利于搜索引擎的索引，并帮助小屏幕设备和视障人士更好地使用它。此外，它还为其他浏览元素提供了新的功能，如标签。它有以下改进:1 .一些过时的HTML4标签，包括那些纯粹用于显示的标签，如和，已经被CSS取代。

要使用rem，我们需要设置rootfontsize。一般我们只需要设置rootfontsize等于设计稿宽度的十分之一即可。例如，对于宽度为750px的设计草稿，将rootfontsize设置为75px。也就是说1rem75px要先根据页面大小的变化设置rootfontsize，然后根据设计稿计算px和rem的对应关系，再写rem。

iOS 插件主要内容分为三个部分:与h5的原生交互的实现，封装插件获取app的生命周期能力，以及插件。现在很多功能，比如支付宝，第三方分享，都需要插件来获取生命周期的能力，开发过程中任何部分都可以单独使用。wkwebview原有的链接拦截和addScriptMessageHandler就不介绍了。

网上已经有JSContext交互实现方法的介绍，但是都没有结合runtime实现插件的即插即用功能，可以利用runtime编译成框架。打包前可以查看具体的插件实现即插即用功能演示地址。可以看到对象PluginDemo1及其demo1alert方法首先在js中声明，最后通过交互对象_JSCHandler_的execute方法实现rutern的实现。

Bootstrap是目前最流行的前端开发框架。最新的Bootstrap3提出了移动优先。Bootstrap框架主要针对桌面市场，在布局、排版、控件、特效等方面都非常令人满意，可以极大地丰富界面效果，方便前端工程师的开发。目前主流的火狐、Chrome、Opera、Safari、IE8浏览器都非常兼容。在框架扩展方面，随着Bootstrap的广泛使用，扩展插件和组件也非常丰富，涉及显示组件、兼容性、图表库等多个方面。Vuejs是一套用于构建Web界面的渐进式框架，也是唯一支持CLl的混合预处理器，

JSX等业界公认的概念可以完美实现，在业内移动开发者中很受欢迎。大型互联网公司都在用，比如阿里巴巴，饿了么等，AngularJS是一个优秀的前端JS框架，旨在简化前端应用的开发。它可以快速构建企业级web应用，目前流行的Bootstrap和ionic都是基于Angular JS，只有60K，兼容主流浏览器，配合jQuery也很好。