文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

WEBAPP开发技巧总结

开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。...WebApp与Native App有何区别呢？ Native App： 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。...web一样，维护比较简单，它其实就是一个站点 Webapp说白了就是一个针对Iphone、Android优化后的web站点，它使用的技术无非就是HTML或HTML5、CSS3、JavaScript，服务端技术...当使用HTML5和CSS3l做UI时，若还是遵循着一般web开发中使用HTML4和CSS2那样的开发方式的 话，这也就失去了WEBAPP的本质意义了，且有些效果也无法实现的，所以在此又回到了我们的主题–...在此所说的移动平台前端开发是指针对高端智能手机（如Iphone、Android）做站点适配也就是WebApp，并非是针对普通手机开发 Wap 2.0，所以在阅读本篇文章以前，你需要对webkit内核的浏览器有一定的了解

3.4K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    webApp开发心得「建议收藏」

    从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！...webapp使用JavaScript修改页面；紧接着再从服务器传递更多数据然后再修改页面，如此循环。...关于页面渲染 浏览器会解析三个东西：HTML、Javascript、CSS 浏览器首先会根据HTML生成DOM Tree，其次会根据CSS生成CSS Rule Tree，javascript可以通过DOM...上面的描述简单而言可以分为以下流程： l 生成DOM树 l 计算CSS样式 l 构建render tree l reflow，定位元素位置大小 l 绘制页面 在这个过程中，若是javascript...设置为none，因为这种元素不会影响渲染，或者操作fragment对象取代操作显示在页面上的DOM l 避免将获取DOM样式属性的操作写在循环中，可能引起重复reflow 内存资源优化 移动端的javascript

    1.2K40

    webapp开发框架「建议收藏」

    1.框架：PhoneGap 官网：http://phonegap.com/ 简介： PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。...phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器，或者说中间件。 2.提供硬件访问控制。...3.可利用成熟javascript框架。如：Ext js、jQuery。 缺点： 1.性能差。运行速度慢，UI反应延时——这是个致命伤。(高端机影响不大) 2.不能完全跨平台。...它提供了很多 UI 组件来帮助开发者开发强大的应用。 5.接近原生。 6.强大的命令行工具 3.可利用成熟javascript框架。如：Ext js、jQuery。...不能完全取代PhoneGap和JavaScript框架的作用 2.需要结合插件使用。

    3.7K20

    WebApp开发-Google官方教程

    概览 你可以使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面 本文档中的技术适用于Android 2.0及以上设备，针对默认的Android Browser中及在...WebView中呈现的页面 如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用，你需要仔细考虑在不同设备上你的页面看起来是怎样的。...为了在所有分辨率下都能提供最好的视觉效果，你需要通过提供你的页面的目标分辨率的viewport元数据来控制缩放，并通过使用CSS或者Javascript来为不同分辨率提供不同图像。...这在你开发一个有着活动大小的web应用的时候是非常合适的，这能使这个web应用的页面好像是固定的（和每个屏幕宽度都精确匹配）。...（如果你想要根据屏幕像素密度来定制你的web页面的话，你就应该如此定义viewport，并使用CSS 或者 JavaScript来为不同像素密度设备提供不同图像。）

    1.6K20

    webapp开发调试环境--weinre配置

    用谷歌调试工具中的手机模拟器模拟手机进行webapp的开发，与真机上的效果还是有些偏差，opera手机模拟器的效果亦不佳。...有时在pc上开发出来的webapp效果良好，在部分真机上就出现了偏差，这时候就需要我们进行微调。     在pc上微调后发布到测试环境再在手机上看效果，开发很慢，效率很低。...Bookmarklet(此方法我没弄成功，如果你们知道怎么弄得，再共享下) 　　　　该方法是将一段js保存到移动设备的书签中，可以在 http://192.168.0.20:8081/ 找到这段js： javascript...webapp时，在PC上全程开发，发布测试版后对手机上错乱的界面且无法利用PC调试的部分用此方法进行调试。...将静态文件上传至自己的服务器空间 比如，可以将静态文件上传至自己的域名空间，然后手机访问域名地址（这样做当然是可以访问的了O(∩_∩)O~）  建议： 1.webapp开发的时候，将可以连接的页面加上跳转链接

    2K110

    webapp开发框架选择注意点

    webapp开发框架选择需要注意： 第一步：开发支持的语言类型 根据前端开发人员的能力，来选择webapp开发框架。 例如：前端人员只会写react 就要求webapp开发框架支持react。...第二步：查看webapp开发框架文档是否齐全 例如：功能性API的详细使用文档和示例等 插件功能 示例代码 第三步：确认webapp开发框架能否满足项目需求 确认APP的功能是否都能满足，开发难易程度...例如：开发身份证识别功能，查看webapp开发框架API能否支持 第四步：确认webapp开发框架调试功能是否完善 1.调试工具 2.调试功能使用文档和使用示例 3.调试工具的使用难易程度 例如...：需要调试页面查看“获取app相关信息”接口的返回数据 调试工具文档 页面调试 调试结果 第五步：确认webapp开发框架测试完成是否可以打包发布 测试完成的APP是否有完整的打包流程，上架流程...例如：测试完成的webapp需要打包 应用打包 打包完成 下载安装包(.apk和.ipa)直接上传应用市场，就可以了。

    1K20

    ​用开发本地tcpip程序的思路开发webapp

    这跟移动开发类似，它们都是linux和一种虚拟机语言双重托管运行下的app，——— 本来嘛，web开发和移动开发是beyond native层面的，也只须这样。...web的设计与缺陷 ----- 在开发上,动态程序的web app是monolith的前后端整合的，叫page app，程序员在后端完成所有的程序开发，Webapp的框架逻辑无非是routing,template...就像Web刚开始一出来其实就是分发静态文档只是后来有人用它来强行运行webapp而已(而且分布式应用开发本来在工业上的实现就很破碎，历史上并不存在一个真正的分布式OS，也不存在一个分布式appserver...就像git的分布式那样，——— 在前面，我们也不断讲到此类思路，比如用静态网站思路来开发webapp，用tcpip来开发b/s。...3）将客户端开发独立成线下，不再将webapp视为一个monolith的appmodel，类c/s web，可以用任何语言实现将html视为编辑器中的asserts，不仅是浏览器了。

    84030

    四、WebApp 基础可视组件（IVX 快速开发教程）

    四、基础可视组件 通过本节你将了解 iVX 开发中的核心—— iVX 组件的使用方法。iVX 的组件是开发应用时所必要的对象，通过这些对象你将快速的完成应用的开发。...在 iVX 应用开发中，所有交互、动画、数据都需要以组件为基础，通过组件之间的编排来完成。例如图片组件可以容纳图片素材，音频组件可以容纳音频素材。...文章目录 四、基础可视组件 4.1 页面添加 4.2 行添加 4.3 列添加 4.4 文本添加 4.5 按钮添加 4.6 图片添加 4.7 输入框添加 ---- 4.1 页面添加 在 WebApp 中，...在一个 WebApp 中可以添加多个页面，这些不同页面之间可以相互跳转。 页面可以被添加在前台、容器（对象组）等父对象下，不能添加在行（列）、横幅、面板、层等对象下。

    1.8K30

    webapp开发实战_html5开发手机app实例

    从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！...webapp使用JavaScript修改页面；紧接着再从服务器传递更多数据然后再修改页面，如此循环。...关于页面渲染 浏览器会解析三个东西：HTML、Javascript、CSS 浏览器首先会根据HTML生成DOM Tree，其次会根据CSS生成CSS Rule Tree，javascript可以通过DOM...上面的描述简单而言可以分为以下流程： l 生成DOM树 l 计算CSS样式 l 构建render tree l reflow，定位元素位置大小 l 绘制页面 在这个过程中，若是javascript...设置为none，因为这种元素不会影响渲染，或者操作fragment对象取代操作显示在页面上的DOM l 避免将获取DOM样式属性的操作写在循环中，可能引起重复reflow 内存资源优化 移动端的javascript

    2.4K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券