[置顶] 2015年---移动端webapp知识总结

摘要: 没想到这样又过了5个月了,近期辞职了,所以我有时间来做总结.这段时间里我学习了很多东西,而且都是我们移动端webapp的同学值得去学习的。我先告诉大家我这次写的总结,有以下内容:1.body的背景图,img图片自适应,切图小技巧.2.字体rem自适应问题.3.@media的断点分析.4.页面布局:盒... 阅读全文

posted @ 2015-05-13 00:33 粤Fun享越快樂 阅读(670) 评论(0) 推荐(0) 编辑

2015年12月13日

移动端网站优化指南-WAP篇

摘要: 转载:http://seofangfa.com/mobile-seo/mobile-seo-guide.html1、域名优化:启用短域名,例如:m.abc.com,便于用户记忆,方便搜索蜘蛛查找,减少资源的浪费。2、页面及适配优化:运用xhtml、html5、wml等技术、做好网页对设备适配,并且针... 阅读全文

posted @ 2015-12-13 12:54 粤Fun享越快樂 阅读(844) 评论(0) 推荐(0) 编辑

2015年11月29日

ASO优化总结(基于网络分享的知识总结归纳)

摘要: 如何优化应用标题?注意关键字的长度,尽量保证每一个关键字小于10个字符。保持快速更新,因为每次更新,你都将有机会删除表现不佳的关键字以 及增添新的关键字。在ASO中使用关键字的正确做法标题,并非越长越好:并且能详细描述APP的应用场景,关键字第一目的是让用户搜索的 时候比较好记忆例如:假设你的关键字... 阅读全文

posted @ 2015-11-29 18:11 粤Fun享越快樂 阅读(955) 评论(0) 推荐(0) 编辑

2015年10月12日

验证数字的正则表达式集

摘要: 验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数:^[0-9]+(.[0... 阅读全文

posted @ 2015-10-12 17:52 粤Fun享越快樂 阅读(164) 评论(0) 推荐(0) 编辑

2015年9月22日

个人的浏览器重置样式表(总结)

摘要: @charset"utf-8";/*以下的写法是去取浏览器默认样式,目的是为了使用大多数浏览器显示的样式效果保持一致性.(特殊的浏览器有渲染内核的除外---UC要针对该浏览器去论坛找问题.)*/ a,body,img{-webkit-touch-callout:none}/*禁止选择文本*/b... 阅读全文

posted @ 2015-09-22 19:14 粤Fun享越快樂 阅读(524) 评论(0) 推荐(0) 编辑

微信或移动端网页的meta

摘要: 针对微信: 针对移动端网站: ... 阅读全文

posted @ 2015-09-22 16:39 粤Fun享越快樂 阅读(839) 评论(0) 推荐(1) 编辑

app的meta

摘要: 阅读全文

posted @ 2015-09-22 16:33 粤Fun享越快樂 阅读(232) 评论(0) 推荐(0) 编辑

2015年8月20日

移动端字体和字体大小规范

摘要: 我们一般情况下,设计师有自己的规范,前端也有自己的规范。设计师用的一般是方正字体,而我们前端用的往往是系统默认字体。那么如何才可以达到最佳效果呢?如何才可以做到所有移动设备上看到的字体和字体大小效果达到一致(最佳效果)?1,使用网络提供的webfont字体库,比如是:http://www.iconf... 阅读全文

posted @ 2015-08-20 09:50 粤Fun享越快樂 阅读(9714) 评论(0) 推荐(1) 编辑

2015年8月13日

min-device-pixel-ratio

摘要: Devices with -webkit-min-device-pixel-ratio: 2.0All Macs with Retina displaysApple iPhone 4Apple iPhone 4SApple iPhone 5Apple iPhone 5cApple iPhone 5s... 阅读全文

posted @ 2015-08-13 22:09 粤Fun享越快樂 阅读(333) 评论(0) 推荐(0) 编辑

2015年8月10日

Emmet语法实例(帮助快速开发)

摘要: 写完命令后按键 tab 就可以生成了.应用于大多数已经内置或可以安装emmet的编辑器下级元素命令 >p--> 同级元素命 +上级元素命令 ^p>span^a--> 分组命令 ()(header>ul>li)+footer>p--> ... 阅读全文

posted @ 2015-08-10 22:48 粤Fun享越快樂 阅读(240) 评论(0) 推荐(0) 编辑

2015年6月21日

Git学习总结

摘要: Git教程:http://www.liaoxuefeng.com 点击Git教程大家可以先到这个网站学习下,我这边的都是笔记,主要是我看教程没解决的问题!1,常用的指令:git init:命令把这个目录变成Git可以管理的仓库git add:告诉Git,把文件添加到仓库,后面添加文件名或*git ... 阅读全文

posted @ 2015-06-21 16:42 粤Fun享越快樂 阅读(320) 评论(0) 推荐(1) 编辑

2015年6月17日

AngularJs基础总结(1.4版本)

摘要: 注明:现在用的是最新的1系列1.4版本.一、细节方面入手:1,ng-app根节点,一般别写在html上面,最多也就写在body就行了,因为我们难免会忘记这个写在哪里,然后复制一些案例代码却总报错. 基础入门 ... 阅读全文

posted @ 2015-06-17 00:53 粤Fun享越快樂 阅读(1257) 评论(0) 推荐(0) 编辑

2015年6月15日

移动端基础知识总结--从0开始

摘要: html整体结构 ... 阅读全文

posted @ 2015-06-15 21:02 粤Fun享越快樂 阅读(386) 评论(0) 推荐(0) 编辑

2015年6月2日

JavaScript模板引擎实现数据交互

摘要: 经过1年的磨练,近期终于稍微明白到,前端是怎么做到企业要求的:数据交互.1,ajax+json这个是必须学的,但没问题,我们可以通过这个博客来慢慢了解怎么回事?2,可以通过JS框架和JS模板来实现,但最后还是要用到ajax+json的.注意:个人建议如下:假如项目页面数量是少于50-100个的,那么... 阅读全文

posted @ 2015-06-02 23:56 粤Fun享越快樂 阅读(484) 评论(0) 推荐(0) 编辑

2015年5月24日

移动H5前端性能优化指南

摘要: 概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因,除加载外渲染速度也... 阅读全文

posted @ 2015-05-24 22:22 粤Fun享越快樂 阅读(161) 评论(0) 推荐(0) 编辑

高效率http页面优化法则一【JS对DOM的操作】

摘要: 高效http页面优化法则一很多人都认为JS的效率太慢了,都不愿意用js来实现相对困难一点的程序逻辑。在这里我要说的是其实js的效率并不慢,慢的是DOM,如果操作好DOM,你的js效率将提高接近千倍(这并不是什么夸张的数字)。1. 批量增加Dom:使用修改innerHTML的方式尽量使用修改inner... 阅读全文

posted @ 2015-05-24 20:31 粤Fun享越快樂 阅读(295) 评论(0) 推荐(0) 编辑

2015年2月4日

webapp中的meta

摘要: 阅读全文

posted @ 2015-02-04 19:45 粤Fun享越快樂 阅读(279) 评论(0) 推荐(0) 编辑

2015年2月1日

移动WebApp利用Chrome浏览器进行调试

摘要: 详细的请看这个(HBuilder是我长期使用,而且值得支持的国内前端开发编辑器)http://ask.dcloud.net.cn/article/151http://ask.dcloud.net.cn/article/69对于上面教程要注意的问题:1,不需要考虑run in device问题,因为他... 阅读全文

posted @ 2015-02-01 23:08 粤Fun享越快樂 阅读(470) 评论(0) 推荐(0) 编辑

2015年1月21日

WAMP启动失败简单解决方法

摘要: 一般情况下,直接选择安装,突然出现问题了:提示:msvcp110.dll或msvcr110.dll问题,那么你直接复制这个来百度就行。在百度会提示让你一键安装并且修复的。或者你可能会看网上其他教程来改端口,把dll复制到某个文件夹等等,但结果还是不行。我最后就是把这些都做了,然后直接卸载WAMP,重... 阅读全文

posted @ 2015-01-21 12:47 粤Fun享越快樂 阅读(366) 评论(0) 推荐(0) 编辑

2015年1月13日

在nodejs下express 从安装到运行的全过程

摘要: 安装过程:npm install -gd expressnpm install -g express-generatorexpress -V //查看版本,现在一般都是4.x系列的express ejs myapp //创建一个ejs模板项目或者express myapp//这创建的是jade模板,... 阅读全文

posted @ 2015-01-13 09:35 粤Fun享越快樂 阅读(352) 评论(0) 推荐(0) 编辑

2015年1月12日

webapp中fixed问题解决方案

摘要: 主要问题:1,头部输入框固定后,只要再滑动内容的话,输入框会随着滑动内容而滑动。2,在低端机:2.3以下的安卓机,你会发现怎么解决都不行的,系统浏览器是不会支持的,头部底部固定的话会滑动内容而滑动。flex模拟fixed(推荐使用) flex模拟fixed ... 阅读全文

posted @ 2015-01-12 11:04 粤Fun享越快樂 阅读(556) 评论(0) 推荐(0) 编辑

2015年1月7日

MEAN组合框架搭建教程

摘要: 1,我们先走在官方github里面下载个包文件:git clone https://github.com/linnovate/mean.git (是慢了点)2,我把这个文件解压后文件名叫mean,大家注意下我的路径:同样是解压,只是解压方式不一样!3,你去下载git软件,百度“git 1.9.4下载... 阅读全文

posted @ 2015-01-07 16:12 粤Fun享越快樂 阅读(2822) 评论(0) 推荐(0) 编辑

2014年12月31日

2014年---移动端webapp个人年度总结

摘要: 我今年是由零基础开始入门的,刚好我第一家公司入职后就马上让我接手做ipad版的专题app了。(一入门就是移动端开发,是幸运也是艰辛的开始)。 我是自学前端的,当然,对Bootstrap,JQuerymobile这2个UI框架肯定是熟悉他们是怎么使用,只是没必要再深入了。因为我当时应聘介绍自己懂... 阅读全文

posted @ 2014-12-31 11:26 粤Fun享越快樂 阅读(2817) 评论(6) 推荐(2) 编辑

导航