最近想买需要开发微站,微信公众号内嵌入的移动web,总结方法可以使用css3直接使用百分比布局,也可以使用bootstrap做响应式布局等多种方法,个人感觉看项目需要,笔者使用rem.js进行移动前端布局,感觉容易接触,挺好用,下面简单介绍一下相关知识。 先上效果图: 实例下载地址:http://w ...
分类:
移动开发 时间:
2017-08-10 19:23:52
阅读次数:
192
swipe.js--移动WEB页面内容触摸滑动类库 参考http://www.jiawin.com/swipe-mobile-touch-slider 1、swipe只提供简单轮播切换,底部的圆点颜色切换需要重新写html,自定义方便。 2、当你用点击或者手势控制了之后,轮播图就不会自动滚动了,需要 ...
分类:
其他好文 时间:
2017-08-06 23:11:44
阅读次数:
363
看到项目上的移动框架,网上寻找了一下,发现原来这些一開始都有。于是,找了个演示样例開始构建一个移动平台的CMS——墨颀 CMS,方便项目深入理解的同一时候。也能够自己维护一个CMS系统。构建框架尝试过用AngularJS和EmberJS。发现对于使用AngluarJS以及EmberJS来说,基本的问 ...
分类:
移动开发 时间:
2017-08-02 15:00:47
阅读次数:
201
我们把数据可视化出来,为的就是进行一些针对数据的操作。这里介绍一下DataView的排序功能和搜索功能。掌握这两个技能,能够让写出的数据界面内的数据能够依据要求进行排序,能够进行数据的搜索显示灯功能。 一、排序 当我们想依据数据的某一个字段排序时,能够调用sort方法: store.sort(‘la ...
分类:
移动开发 时间:
2017-08-01 12:35:24
阅读次数:
151
上一篇讲了PC端的部分:前端性能优化(PC端),这次继续说移动端的。相对于PC端的,移动web浏览器上有一些明显的特点:设备的屏幕小、新特性兼容性较好、支持一些比较新的HTML5和CSS3、需要与Native应用交互等。但移动端可用的CPU资源和网络资源极为有限,因此要做好移动端web上的优化往往需 ...
分类:
移动开发 时间:
2017-07-31 19:58:17
阅读次数:
319
高清图片:100px*200px的图片 设置100px*100px的大小,会被拉大,变模糊,应该用100dp*100dp(物理像素)去渲染。 一像素边框: 相对单位rem: 多行文本溢出。 ...
分类:
移动开发 时间:
2017-07-31 18:57:45
阅读次数:
172
1.响应式布局的概念 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念。简而言之。就是一个站点可以兼容多个终端——而不是为每一个终端做一个特定的版本号。这个概念是为解决移动互联网浏览而诞生的。 响应式布局能够为不同终端的用户提供更加舒适的界面和更好的用户体验。并且随着眼下大屏 ...
分类:
移动开发 时间:
2017-07-31 17:50:48
阅读次数:
183
越来越多的开发者热衷于使用html5+JavaScript开发移动Web App。不过,HTML5 Web APP的出现能否在未来取代移动应用,就目前来说,还是个未知数。一方面,用户在使用习惯上,不喜欢在浏览器上输入复杂的网址;另一方面,Html5 Web App 存放在服务器端,在每次使用时需要进 ...
分类:
移动开发 时间:
2017-07-31 15:43:41
阅读次数:
225
css3是移动Web开发的主要技术之中的一个。当前。CSS3技术最适合在移动Web开发中使用的特性有增强的选择器、阴影、强大的背景设置 、圆角边框 接下来我们主要解说增强型的选择器。主要分两种,属性选择器和伪类选择器 1、属性选择器 1.1全然匹配选择器 语法:[attribute=value] < ...
分类:
移动开发 时间:
2017-07-29 21:27:30
阅读次数:
266
本地缓存是HTML5出现的新技术,这个技术的出现使得移动web的开发成为了可能。我们都知道。要想打造一个高性能的移动应用,速度是关键。而在HTML5之前。仅仅有cookie可以存储数据,大小仅仅有4kb。这严重限制了应用文件的存储,导致web开发的移动应用程序须要较长的载入时间。有了本地存储,让we ...
分类:
移动开发 时间:
2017-07-29 12:46:24
阅读次数:
112