201510-27 前端优化带来的思考,浅谈前端工程化 HOT 重复优化的思考这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚:传输层面:减少请求数,降低请求量执行层面:减少重绘&回流传输层面的从来都是优化的核心点,而这个层面的优化要对浏览器有一个基本的认识,比如:①网页自上而下的解析渲染,边解析边渲染,页面内CSS文件会阻塞渲染,... 继续阅读 >
201510-26 【专访 PHP 之父】PHP7 性能翻倍关键大揭露 20岁老牌网页程序语言PHP,最快将在10月底释出PHP7新版,这是十年来的首次大改版,最大特色是在性能上的大突破,能比前一版PHP5快上一倍,PHP之父RasmusLerdorf表示,甚至能比HHVM虚拟机下的PHP程序性能更快。HHVM是脸书为自家网站特性而量身客制的PHP优化机制,不见得适用任何网站。但RasmusLerdorf表示,新版目标之一就是要让任何网站开发者,就连使用开发框架Drupal、开源电子商务系统Opencart时,都能有不输使... 继续阅读 >
201510-26 关于网站性能优化准则 这几日拜读了SteveSouders的《高性能网站建设指南这本书》,虽然这本书可能已经有些老了,但薄薄的一个小册子里提出的网站性能优化的准则还是非常有价值的。这些规则都有个共同点,就是用很小的工作就能获得很明显的性能提升,性价比极高。废话不多说了,总结一下书里的几点性能优化规则。首先有一点需要说明的是书中所写的性能黄金法则:只有10%~20%的响应时间花在了下载HTML文档上,其余的80%~90%时间花在了下载页面... 继续阅读 >
201510-26 从MVC到前后端分离 1.理解MVCMVC是一种经典的设计模式,全名为Model-View-Controller,即模型-视图-控制器。其中,模型是用于封装数据的载体,例如,在Java中一般通过一个简单的POJO(PlainOrdinaryJavaObject)来表示,其本质是一个普通的JavaBean,包含一系列的成员变量及其getter/setter方法。对于视图而言,它更加偏重于展现,也就是说,视图决定了界面到底长什么样子,在Java中可通过JSP来充当视图,或者通过纯HTML的方式进... 继续阅读 >
201510-26 程序员跳槽的最佳时机选择 HOT 常有程序员问我什么时候辞职合何,如果现在辞职是不是一个好选择。这个问题我一般都不会决定性意见,因为这有可能会对你的职业和生活造成影响。一些程序员怕被贴上不稳定、爱跳槽的人,所以常选择在一个公司一待就是好多年,但有些程序员就是只有不如意就会选择另谋职业,两者相比,总是呆在一个公司的程序员,他们经验和前景发展远不如后者。我之前也说过,有些公司还是很愿意看到一些积极的人员流动,不是你们想的较稳定的人员... 继续阅读 >
201510-25 程序员加薪的新方法 推荐 我的朋友A君是个典型的.NET开发人员,技术不错,人品也不错,在一家小公司(姑且称为甲公司)做项目开发,是技术骨干。3个月前,他找到我说想跳槽,让我帮忙介绍工作。我说为什么想跳了?1.为什么想离职?他简单说了一下他在甲公司当时的状况:A君在甲公司做了两年多,这两年多完成了一个大项目,作为开发的核心主力,开发压力很大,特别是项目上线前的几个月是非常辛苦,几乎每晚都要加班到12点以后,周末最多只有一天休息... 继续阅读 >
201510-24 干货:8小时搞定一款app的关键词优化 HOT 本文作者苏畅(微信ID:sumoren),文章内容是根据其所在公司深圳市零一互动举办的一场ASO分享整理成文。分享中,两位ASO大牛分别分享了iOS和安卓应用的搜索优化。相信有些朋友对aso不是特别熟悉,我在这里做下解释。Aso原意是app在iOS端的优化,后来慢慢演变成了app在iOS、安卓的各个渠道的优化。在iOS端,因为苹果的AppStore霸占了绝大多数的市场,所以一般优化策略都是针对AppStore市场,而安卓端... 继续阅读 >
201510-24 十个网页设计技巧详解 推荐 你在网页设计所学到的大多数教训都来自工作经验。学习是一个反复持续的过程,并且没有比犯错更好的方式来获得知识(从错误中学习)。在本文中,我们将讨论10个重要并常规的技巧,这是每位网页设计师新手都应该知道的。1. 优化图片,获得更好的页面加载速度学习如何通过选择正确的格式,来优化网页图片,并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带,但仍然有人是拨号上网。此外,虽然移动装置技术的... 继续阅读 >
201510-24 程序员应该怎样去学习和掌握计算机英语呢? HOT 干程序员是一项很辛苦的工作,要成为一个高水平的程序员尤为艰难。这是因为计算机软件技术更新的速度越来越快,而这些技术大多来源于英语国家,我们在引进这些技术时往往受到语言障碍的制约,严重影响到对新技术的理解和消化。首先编程本身就依赖于英语,虽然现在技术的发展,可以使得某些开发工具在变量名和字段名中支持中文,但还未发现能够完全使用中文的编程语句。其次,软件开发中的技术文档和资料大都是来自英文,即使有翻... 继续阅读 >
201510-24 如果你身边有程序员 今天对他好一点 HOT 10月24日是中国的程序员节,因为1024是程序员的一个常用数字。腾讯科技讯5月12日国际护士节,9月10日教师节,9月30日国际翻译日……似乎各行各业都有了自己的节日,那程序员们的节日又是哪一天呢?2002年,俄罗斯程序员ValentinBalt收集签名,向俄罗斯联邦政府请愿将9月13日设定为程序员节。2009年9月11日,俄罗斯总统梅德韦杰夫在节日安排方案上签了名,“程序员节”从此成为了俄罗斯的一个正式节日。除了俄罗斯之外,其... 继续阅读 >
201510-23 项目目录结构规范 简介该文档主要的设计目标是项目开发的目录结构保持一致,使容易理解并方便构建与管理。编撰李玉北、erik、黄后锦、王杨、张立理、赵雷、陈新乐、刘恺华。本文档由商业运营体系前端技术组审校发布。要求在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST)。关键字"MUST","MUSTNOT","REQUIRED","SHALL","SHALLNOT","SHOULD","SHOULDNOT","RECOMMENDED","MAY",and"OPTIONAL"被定义在rfc211... 继续阅读 >
201510-23 Less 编码规范 简介该文档主要的设计目标是提高Less文档的团队一致性与可维护性。Less代码的基本规范和原则与CSS编码规范保持一致。编撰erik、顾轶灵、黄后锦、李玉北、赵雷。本文档由商业运营体系前端技术组审校发布。要求在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST)。关键字"MUST","MUSTNOT","REQUIRED","SHALL","SHALLNOT","SHOULD","SHOULDNOT","RECOMMENDED","MAY",and"OPTIONAL"... 继续阅读 >
201510-23 JavaScript编码规范 推荐 1前言2代码风格2.1文件2.2结构2.2.1缩进2.2.2空格2.2.3换行2.2.4语句2.3命名2.4注释2.4.1单行注释2.4.2多行注释2.4.3文档化注释2.4.4类型定义2.4.5文件注释2.4.6命名空间注释2.4.7类注释2.4.8函数/方法注释2.4.9事件注释2.4.10常量注释2.4.1... 继续阅读 >
201510-23 HTML5 Charset能用吗? 前一段某项目中页面在IE6突然出现了乱码,当时做了各种排查,最终推测是使用了HTML5的DOCTYPE和Charset以及中文注释的问题,于是临时采用旧的Charset方法来修复了下,后面乱码再没出现。其实一直不太确定HTML5的Charset能否被IE6识别,于是做了一些测试。先说下两种Charset声明方法,其实大家应该都很熟悉的:后面我们简称第一种方法为HTML5方法,第二种方法为HTML4方法。测试环境:WindowsXPSp2,中文版+英文版两个版本的... 继续阅读 >
201510-23 HTML编码规范 1前言2代码风格2.1缩进与换行2.2命名2.3标签2.4属性3通用3.1DOCTYPE3.2编码3.3CSS和JavaScript引入4head4.1title4.2favicon4.3viewport5图片6表单6.1控件标题6.2按钮6.3可访问性(A11Y)7多媒体8模板中的HTML1前言HTML作为描述网页结构的超文本标记语言,在百度一直有着广泛的应用。本文档的目标是使HTML... 继续阅读 >
201510-23 产品规范开发流程 推荐 开发准备了解产品和设计参加需求、交互、视觉会议,了解产品设计和项目成员。了解产品面向的设备和平台。了解产品对兼容性的要求以及是否采用响应式设计等。了解产品要使用的技术(WEB技术、桌面技术、APP技术、模板语言、混合模式等)。提出疑问和见解在交互或视觉会议中结合技术要求,提出疑问和见解。提出可能存在的问题(技术实现问题、性能问题等),协商解决方案(如优雅退化... 继续阅读 >
201510-22 PHP 性能优化 php是一个很流行的脚本语言,现在很多公司(新浪、优酷、百度、搜狐、淘宝等等)在使用这种语言进行网站开发。我的这篇文章,我只是希望能够提高你的php脚本性能。请记住你的php脚本性能,很多时候依赖于你的php版本、你的webserver环境和你的代码的复杂度。优化你代码中的瓶颈Hoare曾经说过“过早优化是一切不幸的根源”。当你想要让你的网站更快运转的时候,你才应该去做优化的事情。当你要改变你代码之前,你需要做的事... 继续阅读 >
201510-22 程序员怎样写好文档? 在软件项目中,文档既是一项的重要成果,也是项目管理的有力工具。通过文档,可以稳定、明确的传达信息,实现项目内的有效沟通。所以写文档对项目经理来说,是一项必备的技能。然而很多项目经理害怕写文档,似乎这是一个很麻烦、很困难的工作。其实会不会写文档,只是一种外在的表现,通过一个人写文档的情况,可以看出他对工作的理解程度,发现潜在的问题和风险。一个合格的项目经理,不但不会怕写文档,而且会觉得这是一件... 继续阅读 >
201510-22 yii2.0 使用Plupload实现多图上传(带缩放功能) 这是我学习plupload的相关代码,实现了ajax多图同时上传,然后将图片进行缩放,最后显示图片。1、文章视图中调用Plupload<?=\common\widgets\Plupload::widget(['model'=>$model,'attribute'=>'cover_img','url'=>'/file/upload',//处理文件上传控制器])?>2、\common\widgets\Plupload组件<?phpnamespacecommon\widgets;usebackend\assets\UploadAsset;useyii;useyii\helpers\Html;useyii\base\Exception;cl... 继续阅读 >
201510-22 26个Jquery使用小技巧 下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。... 继续阅读 >
201510-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种模式创... 继续阅读 >
201510-22 编写高质量JavaScript代码 推荐 才华横溢的StoyanStefanov,在他写的由O’Reilly初版的新书《JavaScriptPatterns》(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存length(长度),遵循代码阅读,以及更多。此摘要也包括一些与代码不太相关的习惯,但对整体代码的创建息息相关,包括撰写API文档、执行同行评审以及运行JSLint。这些... 继续阅读 >
201510-22 10个必须把握的jQuery小技巧 推荐 收集的10个jQuery小技巧/代码片段,可以帮你快速开发。1.返回顶部按钮你可以利用animate和scrollTop来实现返回顶部的动画,而不需要使用其他插件。//Backtotop$('a.top').click(function(){$(document.body).animate({scrollTop:0},800);returnfalse;});<!--Createananchortag--><aclass="top"href="#">Backtotop</a>改变scrollTop的值可以调整返回距离顶部的距离,而animate的第二个参数是执行返回动... 继续阅读 >
201510-21 shell awk 检查程序是否执行 推荐 通过shell结合awk可以很好判断某一进程是不是运行,或者某一程序文件是否被执行,下面以php为例来说明一下。定义一个crontab,每一分钟执行一次,时间间隔为一分钟,可能下一次执行的时候,上次还没有执行完,所以我们要做一下判断。一、test.php在运行的情况,查看进程#ps-ef|greptest.phproot2988429881010:48?00:00:00awkNR==1{\?if($8=="grep"){\?system("cd/home/test/cron&&phptest.php")... 继续阅读 >