PhoneGap恐怕是最老的一个框架了,相信很多人都已经听说过甚至使用过它,但是PhoneGap是基于开源的Cordova商业版本。第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。创建它的一个主要动力是基于一个几乎每一个单独的iPhone开发新手都要面对的简单事实:Objective-C是一个对Web开发人员来说非常陌生的环境,并且Web开发人员的数...
移动端开发主要针对手机,ipad等移动设备,随着地铁里的低头族越来越多,移动端开发在前端的开发任务中站的比重也越来越大。各种品牌及尺寸的手机也不尽相同。尺寸不同就算了分辨率,视网膜屏自动的各种内核的浏览器,想想头都大了。先说下浏览器。在中国有多少种浏览器?ie、百度、360、搜狗、火狐、欧朋、Chrome、谷歌、行者无疆、财猫省钱、遨游、Wise光速、UC、智慧、QQ、海豚……(大概有70-...
我们就不去深入研究标签云带来的效率上的提升和可用性的细节,仅仅在外观上带来的美感和对全站或一整篇文章所起到的高度概括的作用就不容忽视了。接下来,我们将讨论如何用HTML和CSS来创建标签云效果。注意,我们仅仅讨论如何实现这种UI效果而不去深究标签的权重或受欢迎程度是怎么算出来的。前面说了,标签云就是一个连接列表。所以从语义化的视角,使用无序列表来表达每个标签是合理的,不用考虑按欢迎程度去排列,...
对于零基础的人而言,要怎么学习web前端呢?1、前端页面重构。主要内容为PC端网站布局、Photoshop工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局,可实现响应式布局,一套代码适配PC端、移动端、平板设备等。2、前后端网页交互。主要内容为JavaScript语法全面进阶、ES6到ES10新语法实践、jQuery应用及插件使用...
一、移动web开发现状:当下人们使用频率最高的设备莫过于手机了,大家对网站的认知是越来越清晰,网站建设已成为企业宣传与营销的重要途径,随之移动端网站建设也成趋势。移动web开发指的是需要适配移动设备的网页开发。移动web开发与pc端web开发没有本质的区别,使用的还是HTML/CSS/JavaScript的技术。二、移动端与pc端web开发的区别1、浏览器不同移动端的浏览器与pc端不同谷歌...
形象工程:官网形象,官方example,githubstar,issue处理,技术层面:技术栈,技术文档,性能测评生态周边:工具链支持,社区反馈,成熟产品基于上述评判标准,接下来开始大面积搜集信息。边搜集边下结论,过滤掉一些不太合适的,使结论趋于收敛。说明:表格数据未经严格验证-不是此处的重点。jpg对表格做下展开:Three.js:作为老牌的3D库,它已经有众多案例,在PC多网页3D中...
基于webgl的3D框架也算吧?众所周知,WebGL作为OpenGL的子集,在HTML5中有很大的支持力度,不过webgl是很底层的一种技术,不容易形成3D开发概念,所以有很多基于webgl的3D框架产生,常见的有three.js、thingjs、d3.js等等。thingjs是近两年的新兴框架,比three.js更为顶层,相当于不需要任何3D专业知识储备,只懂得js,html5,ca...
首先,还是从场景的搭建开始,这个界面是在body体上添加了三个部分:3d组件,表单组件以及拓扑组件(2d组件)。添加的方式是这样的:为了最外层组件加载填充满窗口的方便性,HT的所有组件都有addToDOM函数,其实现逻辑如下,其中iv是invalidate的简写:HT的组件一般都会嵌入BorderPane、SplitView和TabView等容器中使用,而最外层...
在网络拓扑图GraphView的2D图形上,呈现各种图形是通过style中的shape属性决定的,HT在3D上提供了shape3d属性预定义多种3D形体。shape3d属性的默认值为undefined,图元显示为六面立方图形,当shape3d指定值时,则显示为shape3d指定的形体,接下来我们来一一介绍3D模型的各个形体。1.box:立方体,不同...
【一、项目背景】随着HTML5CSS3的出现和发展,使得我们的网页可以实现更加复杂的效果,也使得我们的浏览体验更加丰富,所以今天我们将制作一个正方体的3D效果。【二、项目分析】想要利用CSS3实现3D立方体,就要清楚立方体是由六个面组成,分上下左右和前后,考虑这些可以帮助我们更好的融入CSS3的代码。因此我设置了6个div,作为立方体的6个面。因为定位的原因,一开始所有的盒子都是面对着屏幕这...