1. 优化前提: 业务架构与数据库设计 2.  单页web应用  : ExtJs  backbone  ng  avalon 框架: React Native    , ionic  , Mui, metror,WeeX,device one Meteor(版本: 1.0) 的另一个特点是它会通过手机内存中运行的 miniMongo 数据库在本地维护一个数据拷贝.另外,Meteor 会完成所有电话和服务器之间的数据通信及同步.(miniMongo 是 JavaScript 实现的 MongoDB…

一转眼已一年多不专注前端方面的开发工作,这一年前端方面的技术又是新天地,偶然接到内部团队邀请我给他们做一个前端的讲座,希望能帮助他们快速.且深刻了解前端这个行业以及行业内的知识,这可真有点让我为难,由于不爱写PPT,遂成此文. 乱花渐欲迷人眼 2015年前端界可谓热闹非凡 Google的Angularjs2正式版迟迟未出,牵动着无数前端工程师的心. Facebook的Reactjs像一记猛药,让前端工程师High得不能自已. 同时Facebook的ReactNative让众多iOS,Androi…

单页or多页 本文仅代表个人观点,不足请见谅,欢迎赐教. webapp 小钗从事单页相关的开发一年有余,期间无比的推崇webapp的网站模式,也整理了很多移动开发的知识点,但是现在回过头来看,webapp究竟是好还是不好真是一言难尽哟! webapp使用JavaScript修改页面:紧接着再从服务器传递更多数据然后再修改页面,如此循环. 从性能的角度看,在现代浏览器中单页面Web App已经能够和普通native应用程序相媲美,而且几乎所有的操作系统都支持现代的浏览器. 所以,很多人认为weba…

单页or多页 webapp 现状 优劣之分 网络传输优化 综述 fake页-首屏加速 降低请求数 降低请求量 缓存Ajax/localstorage DOM操作优化 综述 关于页面渲染 减少使用定位属性(fixed/absolute) 奇技淫巧 内存资源优化 体验优化 区域滚动 点击响应 结语 单页or多页 本文仅代表个人观点,不足请见谅,欢迎赐教. webapp 小钗从事单页相关的开发一年有余,期间无比的推崇webapp的网站模式,也整理了很多移动开发的知识点,但是现在回过头来看,webapp…

webapp 不像传统页面,它生命周期更长,在手机端上,硬件环境并没有pc上那么好.所以性能的优化尤为重要. webapp的性能优化主要分为两个方面 网络请求优化 和 页面渲染优化 , 我们对于性能优化主要通过这连个方面来处理. 压缩资源文件 我们在使用某些框架的时候(例如:JQuery), 会发现有两个文件 jquery.js 和 jquery.min.js, jquery.min.js 的体积会小很多,这样在请求的时候会比较快. 所以在项目中使用到的资源文件(js.css.image)在发布…

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_2.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 上一章我们简单地整合了一个gulp任务,但是略显混乱,在任务多,而且任务互相调用的情况下容易出问题. 我们优化的思路是,写一个对象,列出所有任务,如果一个任务需要调用多个子任务,那也为它写一个任务,然后用run-sequence来执行(比如下面的'run.android'),它…

1.有条件可以自己做UI,不要用框架.用框架的话不要用jquery mobile,用sencha touch或者jqmobi(app framework) 2.不要在服务器生成UI,在本地生成. 3.前端尽量少在DOM上插入,删除显示的元素. 4.把页面切换特效关掉,安卓上很多白屏就是这样出现的. 5.避免网络请求,可以用LocalStorage,sqlite数据库,文件等保存在本地. 6.为数据使用本地缓存,如开启ajax的缓存. 7.限制结果集的高度和宽度 8.不要让界面等数据,先加载界面,…

1. 最先加载本地数据,下拉刷新再取最新数据. 2. 图片延后加载.一种方法先<div data-url="xx.png"></div>,先加载一个div,页面加载好后,再让这个div变为图片. 第二种方法echo.js  就是先不显示图片,当滚动到应该看到图片的时候,才去取图片. 3. 设置本地数据过期时间,比如超过一个小时就认为数据过期了,下次就去取最新的,否则每次加载旧数据. 4. 分页啦.…

Crosswalk与WebView的不同 为什么要用corsswalk?由于cordova应用在安卓上运行的时候,都是调用的手机webview,而在不同的安卓机.不同版本的系统上,webview的性能差距很大.此外,即时是4.X的安卓webview,性能也不是非常好,而web app最大的问题慢,就是由此引起的.通过替换掉cordova的webview内核,采用crosswalk的内核,应用在渲染上性能会有极大的提升. WebView组件,如iOS的UIWebview.Android的Webvi…

STEP 1:设置开发环境 与yeoman的所有交互都是通过命令行.Mac系统使用terminal.app,Linux系统使用shell,windows系统可以使用cmder/PowerShell/cmd.exe. 1.1 安装条件 安装yeoman之前,你需要先安装如下内容 Nodejs v4或者更高版本 npm git 通过以下命令检查是否安装node环境以及npm管理工具. $ node -v && npm -v npm默认随node一起安装.有些node版本可能安装的是旧版本的np…