分类：WEB开发

2015
11-16

JavaScript与PHP中正则写法 推荐

一、JavaScript有个在线调试正则的工具，点击查看工具。下面的所有示例代码，都可以在codepen上查看到。1.创建正则表达式varre=/ab+c/;//方式一正则表达式字面量varre=newRegExp("ab+c");//方式二RegExp对象的构造函1）正则表达式字面量在脚本加载后编译。若你的正则表达式是常量，使用这种方式可以获得更好的性能。2）使用构造函数，提供了对正则表达式运行时的编译。当你知道正则表达式的模式会发生改变，或... 继续阅读 >
2015
11-12

为什么要提升web性能？ HOT

为什么要提升web性能？ 为什么要提升web性能？Web性能黄金准则：只有10%~20%的最终用户响应时间花在了下载html文档上，其余的80%~90%时间花在了下载页面组件上。web性能对于用户体验有及其重要的影响，根据著名的`2-5-8`原则：当用户在2秒以内得到响应，会感觉系统的响应非常快当用户在2-5秒之内得到响应，会感觉系统的响应速度还可以当用户在5-8秒之内得到响应，会感觉系统的响应非常慢，但还可以接受当用户在8秒之后都没有得到响... 继续阅读 >
2015
11-09

HTML5的这些api你知道吗？ HOT

HTML5的这些api你知道吗？ 以下是之前学习的一些HTML5API的总结，在HTML5中有许多功能和接口很值得我们去了解和学习。页面可见性API--pageVisbility全屏API--fullScreen获取MediaAPI--getUserMedia电池API--battery资源预加载API--linkPrefetchingPageVisibility页面可见性API该API可以用来检测页面对于用户的可见性，即返回用户当前浏览的页面或标签tap的状态变化。在最小化浏览器、切换tap页面时生效.(如需对app... 继续阅读 >
2015
11-09

css设计中的不变与可变 推荐

“人活一世,有人成了面子,有人成了里子,都是时势使然。”——《一代宗师》如果重构分里子与面子的话，那么html应该是负责里子的，而css就是负责面子了。在上篇html结构的拆与合说了html之后，我们继续来说下css，这次我们从可变与不变的角度分析。一个面试题首先这是一个面试题，其次反正我是没做过这个面试题，最后忘了是哪个厂的面试题。具体的要求我忘了，大概的意思就是要这个内容在视窗内垂直方向居中，以图片为参考，文... 继续阅读 >
2015
11-08

UI设计师该如何学习前端？ 推荐

笔者的经历在知乎就可以看到，大学专业是数字媒体艺术，大一实习过动效设计师，大二拿到了人生第一个大公司的offer是交互设计师，后来转岗到淘宝旅行的前端团队，现在在微信电影票做前端研发。也是走过了不少野路子，不过还好有小右哥@尤雨溪这样艺术/设计转前端的大神在前面做典范，也证明这条路是玩的通的接下来就说说自己的学习建议吧，一个小教程，也是自己走过的流程，仅供参考哈————背景篇在这个时代学习新东西... 继续阅读 >
2015
11-05

我们程序员为什么要关注 JavaScript ？

受这周我在企业中看到的JS现状的启发，我写了这篇文章。10年之前，我从来没有想过现在的JavaScript竟然会变得几乎无处不在。下面是几个你之所以要关注JavaScript的原因。首先，我认为JavaScript能够得到普及的主要原因之一是，JavaScript非常易于接近。学习JavaScript，对于初学者而言，相对比较容易，对于高级用户而言，又非常强大，可以用它来构建复杂又可靠的系统。其次，之所以要关注JavaScript是因为现今的Jav... 继续阅读 >
2015
11-05

前端工程师的兴起

前端工程师的兴起 在很久很久以前，是没有前端工程师的，那时候，前后端是不分离的，页面由JSP、PHP等工程师在服务端生成，浏览器负责展现。基本上是服务端给什么浏览器就展现什么。有时候甚至由设计师直接用dreamweaver拖出一张网页来。但这种前端开发模式局限性太大，而且性能差，代码冗余。不适合开发大型项目。随着互联网的极速发展，业务变得越来越复杂，传统的前端开发模式已经无法胜任需求。各... 继续阅读 >
2015
11-04

使网站显得业余的10个错误 HOT

使网站显得业余的10个错误 使网站显得业余的10个错误网页设计中有一些低级错误，细微的差异就可能导致网站看起来很不专业。创建自己的网站对于资金拮据的企业主似乎是个好主意。可以以后再找设计师，等你的创业项目取得了一定的地位，那时你才会开始考虑这些无意义的事情。是这样吗？事实证明，对于初具雏形的业务，设计远比你想象得重要。当你运营线上业务时，访客的判断往往取决于设计中的小细节。顾客都是三心二意的。他们对一... 继续阅读 >
2015
10-27

前端优化带来的思考，浅谈前端工程化 HOT

前端优化带来的思考，浅谈前端工程化 重复优化的思考这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：传输层面：减少请求数，降低请求量执行层面：减少重绘&回流传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如：①网页自上而下的解析渲染，边解析边渲染，页面内CSS文件会阻塞渲染，... 继续阅读 >
2015
10-26

关于网站性能优化准则

这几日拜读了SteveSouders的《高性能网站建设指南这本书》，虽然这本书可能已经有些老了，但薄薄的一个小册子里提出的网站性能优化的准则还是非常有价值的。这些规则都有个共同点，就是用很小的工作就能获得很明显的性能提升，性价比极高。废话不多说了，总结一下书里的几点性能优化规则。首先有一点需要说明的是书中所写的性能黄金法则：只有10%~20%的响应时间花在了下载HTML文档上，其余的80%~90%时间花在了下载页面... 继续阅读 >
2015
10-24

干货：8小时搞定一款app的关键词优化 HOT

干货：8小时搞定一款app的关键词优化 本文作者苏畅（微信ID：sumoren），文章内容是根据其所在公司深圳市零一互动举办的一场ASO分享整理成文。分享中，两位ASO大牛分别分享了iOS和安卓应用的搜索优化。相信有些朋友对aso不是特别熟悉，我在这里做下解释。Aso原意是app在iOS端的优化，后来慢慢演变成了app在iOS、安卓的各个渠道的优化。在iOS端，因为苹果的AppStore霸占了绝大多数的市场，所以一般优化策略都是针对AppStore市场，而安卓端... 继续阅读 >
2015
10-23

项目目录结构规范

简介该文档主要的设计目标是项目开发的目录结构保持一致，使容易理解并方便构建与管理。编撰李玉北、erik、黄后锦、王杨、张立理、赵雷、陈新乐、刘恺华。本文档由商业运营体系前端技术组审校发布。要求在本文档中，使用的关键字会以中文+括号包含的关键字英文表示：必须(MUST)。关键字"MUST","MUSTNOT","REQUIRED","SHALL","SHALLNOT","SHOULD","SHOULDNOT","RECOMMENDED","MAY",and"OPTIONAL"被定义在rfc211... 继续阅读 >
2015
10-23

Less 编码规范

简介该文档主要的设计目标是提高Less文档的团队一致性与可维护性。Less代码的基本规范和原则与CSS编码规范保持一致。编撰erik、顾轶灵、黄后锦、李玉北、赵雷。本文档由商业运营体系前端技术组审校发布。要求在本文档中，使用的关键字会以中文+括号包含的关键字英文表示：必须（MUST）。关键字"MUST","MUSTNOT","REQUIRED","SHALL","SHALLNOT","SHOULD","SHOULDNOT","RECOMMENDED","MAY",and"OPTIONAL"... 继续阅读 >
2015
10-23

HTML5 Charset能用吗？

前一段某项目中页面在IE6突然出现了乱码，当时做了各种排查，最终推测是使用了HTML5的DOCTYPE和Charset以及中文注释的问题，于是临时采用旧的Charset方法来修复了下，后面乱码再没出现。其实一直不太确定HTML5的Charset能否被IE6识别，于是做了一些测试。先说下两种Charset声明方法，其实大家应该都很熟悉的：后面我们简称第一种方法为HTML5方法，第二种方法为HTML4方法。测试环境：WindowsXPSp2，中文版+英文版两个版本的... 继续阅读 >
2015
10-23

产品规范开发流程 推荐

开发准备了解产品和设计参加需求、交互、视觉会议，了解产品设计和项目成员。了解产品面向的设备和平台。了解产品对兼容性的要求以及是否采用响应式设计等。了解产品要使用的技术（WEB技术、桌面技术、APP技术、模板语言、混合模式等）。提出疑问和见解在交互或视觉会议中结合技术要求，提出疑问和见解。提出可能存在的问题（技术实现问题、性能问题等），协商解决方案（如优雅退化... 继续阅读 >
2015
10-22

26个Jquery使用小技巧

下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。... 继续阅读 >
2015
10-22

浅谈 JS 创建对象的 8 种模式 HOT

1.Object模式varo1={};//字面量的表现形式varo2=newObject;varo3=newObject();varo4=newObject(null);varo5=newObject(undefined);varo6=Object.create(Object.prototype);//等价于varo={};//即以Object.prototype对象为一个原型模板,新建一个以这个原型模板为原型的对象//区别varo7=Object.create(null);//创建一个原型为null的对象在chrome里查看各个新建对象的区别:可以看出前6种模式创... 继续阅读 >
2015
10-22

编写高质量JavaScript代码 推荐

才华横溢的StoyanStefanov，在他写的由O’Reilly初版的新书《JavaScriptPatterns》(JavaScript模式)中，我想要是为我们的读者贡献其摘要，那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素，例如避免全局变量，使用单变量声明，在循环中预缓存length(长度)，遵循代码阅读，以及更多。此摘要也包括一些与代码不太相关的习惯，但对整体代码的创建息息相关，包括撰写API文档、执行同行评审以及运行JSLint。这些... 继续阅读 >