自从写了第一篇后,最近一直在整理另一个项目的需求,没有继续研究下去,今天晚上终于开始了我的第二篇。本次微信的项目是想基于H5做的,所以现在的想法还是先从前端入手。要做一个移动端H5的网站有很多种方式: 1、使用Html5、css3、js自己从头开始做。 但如果这样,对于目前主要从事项目管理及...
分类:
微信 时间:
2015-04-07 01:57:12
阅读次数:
274
一、背景:
智能终端的普及改变了人们对互联网的使用习惯,终端环境对页面性能有更高的要求,接下来以一张图来分析:1s内渲染一个移动页面
网络整体消耗来分析:
1、服务器响应应该小于200ms
2、尽量少的重定向
3、尽量少的第一次渲染的请求
4、避免过多堵塞的js和css堵塞
j...
分类:
移动开发 时间:
2015-04-06 23:21:34
阅读次数:
483
简介前端开发面试知识点大纲: HTML&CSS:对web标准的理解、浏览器内核的差异、兼容性、hack、css基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 javascript:数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存.....
分类:
Web程序 时间:
2015-04-06 21:41:46
阅读次数:
295
昨天写了个跨域的东西,自己琢磨了下,想到这种方式正好也是之前想的混合app如何交互服务器的解决办法。心里还是蛮开心的。今天又花时间把前端客户端部分的框架做了出来,整合的思路是参照node社区移动端的设计方案,把所有controllers和所有services放到一起,不过请求数据未用$resou.....
分类:
Web程序 时间:
2015-04-06 21:26:37
阅读次数:
4051
今天鼓捣了一天混合app的东西,在node 社区看到这种混合型的项目着实兴奋了一把。可惜的是不知道为何compass在mac上始终无法安装成功,无论我更换gem源,或提前安装好compass相关依赖都无法安装成。希望有大神看到这文章帮忙指导下。今天总结下网络存储的Localstorage.与浏览器缓...
分类:
移动开发 时间:
2015-04-06 20:17:58
阅读次数:
220
上篇分享讲了,书写缓存能很大程度上提高应用的性能。缓存的应用除了写在js代码里还需要相应的服务器做配置比如nginx配置http://linux008.blog.51cto.com/2837805/547236这里说明的比较详细,当然有些时候我们不希望自己的服务器被代理缓存,那么我们可以设置缓存报头...
分类:
移动开发 时间:
2015-04-06 20:12:50
阅读次数:
135
接下来就是第二次访问速度了,第二次访问速度实际上就大多应该用到缓存了,http设计时就已经考虑了缓存,控制Http缓存的方式有三种:新鲜度,验证和实效。新鲜度,也叫做ttl生存时间,我记得这个我们学习网络的时候也用到过,这个是最简单的方式,使用报头,缓存代理会被告知在保持状态和重新获取内容之间需要持...
分类:
移动开发 时间:
2015-04-06 20:12:43
阅读次数:
134
我们平时制作移动端的web项目的时候通常会使用到zept,jqmobile这样的移动端框架,他们都对触摸事件做好了封装,也就是说不论你是鼠标点击或者触摸都能得到响应。但是这些移动的框架有时候会显得过于庞大,对于性能方面也会有影响,所以最好的办法是自己定义触摸事件。 原理是首先检测浏览器的触摸函数,....
分类:
其他好文 时间:
2015-04-06 20:12:19
阅读次数:
136
到了大年初四基本上该拜的年都拜完了,今天天气格外好,阳光明媚,有时候觉得光是简单的晒晒太阳就是幸福,很希望能多多静下心来仔细去思考,然后再去学习。好了不废话了,今天想分享一下自己再前端移动端部分积攒摸索的知识。首先向大家介绍一本书《HTML5触摸界面设计与开发》,这本书并不厚,但讲的东西都是干货,十...
分类:
移动开发 时间:
2015-04-06 20:08:56
阅读次数:
179
今天做一个移动端网站,一块内容中包含两个js效果,一直以为是冲突,导致只能使用一个,后面发现是click事件延迟引起,解决代码如下:(function(){ var isTouch = ('ontouchstart' in document.documentElement) ? 'touchstar...
分类:
移动开发 时间:
2015-04-06 17:12:39
阅读次数:
156