分类：WEB开发

2016
09-29

必看谷歌 HTML/CSS 规范 HOT

背景这篇文章定义了HTML和CSS的格式和代码规范，旨在提高代码质量和协作效率。通用样式规范协议省略图片、样式、脚本以及其他媒体文件URL的协议部分（ http:,https: ），除非文件在两种协议下都不可用。这种方案称为protocol-relativeURL，好处是无论你是使用HTTPS还是HTTP访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。<!--Notrecommended--><scriptsrc="https://w... 继续阅读 >
2016
09-26

移动端 web 开发小技巧

retina图片兼容这个feature应该不仅仅只关心手机端,而且还包括PC,因为苹果不仅仅在手机端(从iphone4开始),而且在,MAC上也使用了retina.首先,retina的意思就是,dpr(device-pixel-ratio)是普通屏幕的两倍.对比于CSS来说就是,原来在css中设置的是1px,在实际的屏幕显示时,也是1px.但是,在retina下,css的1px就是实际屏幕的2px.这样的结果就是:有同学会想,会啥会这样呢？命名看起来大小一... 继续阅读 >
2016
09-26

jQ选择器汇总

1.#id:根据给定的ID匹配一个元素<pid="myId">这是第一个p标签</p><pid="not">这是第二个p标签</p><scripttype="text/javascript">$(function(){$("#myId").css("color","red");});</script>结果：这是第一个p标签这是第二个p标签2.element:根据给定的元素标签名匹配所有元素<div>这是div标签1</div><div>这是div标签2</div><p>这是p标签</p><scripttype="text/javascript">$(function(){... 继续阅读 >
2016
09-23

【经验】少写代码少填坑？

我不是这个世界上最有才的程序员。是的，我知道这是真的。所以我尝试尽可能少写代码。我写得越少，破坏越少，调整和维护的工作量也就越少。我也很懒，所以觉得一切过得去就行了。然而，事实证明让Web变得高效的唯一行之有效的方法也只是少写代码。精简代码？压缩代码？缓存？好吧，听起来好高级。从源头上竭尽全力拒绝增加代码或者引入别人写的代码？现在你说到点子上了。解决一个问题又会带来另一堆别的问题，你的任务... 继续阅读 >
2016
09-21

前端开发框架对比

近几年随着jQuery、Ext以及CSS3的发展，以Bootstrap为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特点，本文对这些框架进行初步的介绍与比较，希望能够为大家选择框架提供一点帮助，也为后续详细研究这些框架的抛砖引玉。JavaScript&CSS目前前端框架主要采用JavaScript+CSS模式，... 继续阅读 >
2016
09-20

编程的智慧,如何编写简单优雅的代码

 编程的智慧编程是一种创造性的工作，是一门艺术。精通任何一门艺术，都需要很多的练习和领悟，所以这里提出的“智慧”，并不是号称一天瘦十斤的减肥药，它并不能代替你自己的勤奋。然而由于软件行业喜欢标新立异，喜欢把简单的事情搞复杂，我希望这些文字能给迷惑中的人们指出一些正确的方向，让他们少走一些弯路，基本做到一分耕耘一分收获。反复推敲代码既然“天才是百分之一的灵感，百分之九十九的汗水”，那我先... 继续阅读 >
2016
09-16

有关css栅格系统的故事

说到栅格系统（gridsystem），你也许见过这样的概念：像这样，通过固定的格子结构，来进行布局设计。这是一种设计风格，而且一直以来很广泛地应用于网页设计领域。这样的风格清晰、工整，可以让网页具有更友好的浏览体验。而随着响应式设计（responsivedesign）的流行，栅格系统开始被赋予新的意义，那就是，一种响应式设计的实现方式。栅格与响应式响应式的要点是为同一个页面设计多种布局形态，分别适... 继续阅读 >
2016
09-14

效率提升jQuery的25个技巧 HOT

1、从GoogleCode加载jQueryGoogleCode上已经托管了多种JavaScript类库，从GoogleCode上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽，能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是，如果用户访问那些发布在GoogleCode上的站点后它会被缓存下来。这样做很有意义。有多少站点使用了没有被缓存的相同jQuery副本，而这些很容易做到,引入:<scripttype="text/javascript"src="http:/... 继续阅读 >
2016
09-12

前端安全之路-代码保护

0x00前言在信息安全领域，可信系统（Trustedsystem）是一个让人心动的目标，它指的是一个通过实施特定的安全策略而达到一定可信程度的系统。在计算机中，可信平台模块（TrustedPlatformModule，TPM）已经投入使用，它符合可信赖计算组织（TrustedComputingGroup，TCG）制定的TPM规范，是为了实现可信系统目标的而打造的一款安全芯片。作为可信系统的信任根，TPM是可信计算的核心模块，为计算机安全提供了强有力的保障... 继续阅读 >
2016
09-10

React 入门实例教程

现在最热门的前端框架，毫无疑问是React。React起源于Facebook的内部项目，因为该公司对市场上所有JavaScriptMVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来Web开发的主流工具。这个... 继续阅读 >
2016
09-10

JavaScript 中的面向对象编程

介绍JavaScript是一个强大的面向对象编程语言，但是，并不像传统的编程语言，它采用一个以原型为基础的OOP模型，致使它的语法让大多数开发人员看不懂。另外，JavaScript也把函数作为首要的对象，这可能会给不够熟悉这门语言的开发人员造成更大的困惑。那就是我们决定放在前面作为一个简短前言进行介绍的原因，并且在JavaScript里也可以用作面向对象编程的一个参考。这个文档没有提供一个面向对象编程的规则预览... 继续阅读 >
2016
09-10

20个编写现代CSS代码的建议

明白何谓MarginCollapse不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习:.square{width:80px;height:80px;}.red{background-color:#F44336;margin-bottom:40px;}.blue{background-color:#2196F3;margin-top:30px;}在上述例子中我们会发... 继续阅读 >
2016
09-10

超级有用的前端基础技术面试问题收集

说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定的域名... 继续阅读 >
2016
09-10

调试 CSS 的方法

我经历过许多CSS代码的调试工作，有别人写的也有自己写的，有移动端平台的也有标准桌面浏览器的，从陈旧的IE到最新的基于Webkit的每日构建。经验告诉我，很多人并没有一个标准的CSS调试流程。我发现在大多数情况下，拥有专业的解决问题的方法，能够节省花在bug上的时间。下面是我总结的经验。我不保证这是最适合的调试CSS的方法，但是确实对我很有效。如何CSS不是你的主要编程语言，调试它可能就像暗黑艺术一样... 继续阅读 >
2016
08-31

如何实施代码重构？

阅读《重构》的笔记献上。重构的定义重构是在不改变软件可观察行为的前提下改善其内部结构。重构的节奏以微小的步伐修改程序。如果你犯下错误，很容易便可发现它。一个方法里面，不应该有很多的代码，我们可以通过分解后重组。好的代码应该清楚的表达出自己的功能，变量名称是代码清晰的关键。尽量减少临时变量，大量参数被传来传去，很容易跟丢，可读性差。提炼出逻辑代码，以便功能复用。... 继续阅读 >
2016
08-29

想成为一个高效的Web开发者吗？来看看大牛分享的经验吧~

作为一个软(ku)件(bi)工(de)程(ma)师(nong)，你有没有觉得做什么事都没时间？没时间学习新东西，没时间去回顾、整理原来写的烂代码，没时间写单元测试，没时间给接管你项目的家伙写文档，没时间思考，没时间喘气，没！时！间！ 额……如果你肯花点时间看看这篇文章，我相信你会明白应该把时间花在哪。我曾以为成为一个技术大牛的唯一途径是玩命地学习与工作。这个想法差点毁了我。身体越来越差，... 继续阅读 >
2016
08-29

为什么说编程是有史以来最好的工作

在过去的16年中，我一直都是一名开发者。不久前，公司的一位实习生问我，做一名开发者，最酷的事情有哪些。以下就是我给出的回答：1.你是真正的实干家。在瑞典这样的国家，劳动者会收到非常好的保护，自己真正的去劳动，要比依靠其他人的才智更有价值。“老板”是一句脏话。2.收入高。这是一个需求量非常高的工作，企业会使劲浑身解数去吸引并且留住优秀的人才——果篮、免费的早中午餐、免费... 继续阅读 >
2016
08-25

为什么我要说 JavaScript 对象字面量很酷？ HOT

在 ECMAScript2015 之前，JavaScript里的对象字面量（也叫对象初始化器）功能很弱。它只能定义两种属性：普通键/值对 {name1:value}Getters {getname(){..}} 以及 setters {setname(val){..}}，用来设置和获取需要计算的值。令人心痛地，对象字面量的所有用法只用一个简单的例子就能囊括：TryinJSBinvarmyObject={myString:'value1',getmyNumber(){ret... 继续阅读 >
2016
08-25

设计和构建你自己的JavaScript代码库：提示与技巧 推荐

代码库：我们一直在使用它们。代码库是开发者把他们会在项目中使用到的代码打包起来形成的，这总能节省时间和避免重复造轮子。拥有一个可重复使用的包，不管是开源的还是闭源的，总比重复构建一样特性的包或者从过去的项目中手动复制粘贴要好。来自作者的更多文章StopMaimingBodies:ThePerilsofPixelFont-SizeES2016:ShouldtheFutureofJavaScriptBeDeveloper-Driven?除了被打包的代码，还可以更精确的形... 继续阅读 >
2016
08-22

试试这４个CSS动画解决方案和资源

随着移动设备的大量使用和CSS3兼容性在浏览器中的普及，越来越多的程序猿开始设计和使用基于CSS3的动画效果解决方案，但是自己编写基于CSS3的动画效果也是一件比较让人纠结的事情，为了快速的完成项目，大家也可以考虑使用一些现成的CSS3的动画效果库，今天这篇文章中，给大家介绍五款比较流行的CSS3类库和资源，希望大家能够喜欢~~Animate.cssanimate.css是我经常在项目中使用的动画效果类库，包含了很丰富的动画过... 继续阅读 >
2016
08-22

JavaScript里的循环方法：forEach，for-in，for-of

JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的：for(varindex=0;index<myArray.length;index++){console.log(myArray[index]);}自从JavaScript5起，我们开始可以使用内置的forEach方法：myArray.forEach(function(value){console.log(value);});写法简单了许多，但也有短处：你不能中断循环(使用break语句或使用return语句。JavaScript里还有一种循环方法：for–in。for... 继续阅读 >
2016
08-22

搞懂了这几点，你就学会了Web编程

做了那么多年Web编程，仔细想想，其实本质上就那点事儿，你抓住了几个重点问题，学起来一点都不难。1.理解浏览器/服务器结构(B/S)B/S是从90年代的客户端/服务器端发展而来，共同点都是由一个（或一组）服务器来服务多个客户端。差别在于：首先，C/S结构的客户端可能是由不同语言编写的，例如VB,Delphi,PowerBuilder等，B/S结构中浏览器成为了一个通用的客户端，程序以Web的方式呈现，不需要安装，服务器端的升级就意味着所有... 继续阅读 >
2016
08-19

前端CSS一些小细节 HOT

英文原文：LearningtoLovetheBoringBitsofCSS未来的CSS太让人兴奋了：一方面，是全新的页面布局方式；另一方面，是酷炫的滤镜、颜色等视觉效果。这些CSS，受开发者追捧，被杂志和博客文章铺天盖地地介绍。如果说这些特性是CSS华丽的一面，那我们来看看它朴实的一面：很不起眼的东西，如选择器、单位、函数（方法）。我经常说这是繁琐的东西，但我意思是它们能干漂亮的活，这就是我要分享的。怎么说呢，让... 继续阅读 >
2016
08-19

前端基础的技术面试问题汇总

说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定的域名下... 继续阅读 >