分类目录归档：WEB开发

2016
07-15

前端开发正则表达式详解

“\d{4}-\d{7}”验证字符串是否符合常用固定电话号码的常用形式“\d”表示任意是数字字符，”{4}”表示紧邻它前面的元素重复4次，”\d{7}”表示任意7个数字字符组成的字符串，”-“表示普通的连字符“*”表示它前面的元素重复零次或多次，”bc”表示bc作为一个整体出现“(\d)a*\1″表示两个相同的数字中间夹杂另个或多个a建立正则表达式：newRegExp(“pattern”,”flags”)、/pattern/flagspattern是构造好的... 继续阅读 >
2016
07-07

十年WEB技术发展历程

一个小分享，知识有限，抛砖引玉。ajax03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，"您填写的信息有误，请重填"。然后跳转回注册页面，以此循环。我现在时常想，如果当时ajax能普及开来，我就可... 继续阅读 >
2016
07-07

不同优秀程度JavaScript开发者的差别

“优秀绝非偶然.它总是由强烈的意图、真诚的付出以及聪明的行动带来的。优秀代表着明智的选择——选择，而不是机会，它会决定着你的命运。“–亚里士多德我们所有人都想成为自己所在领域的佼佼者，但是很少有人付出时间和努力去实现自己所想。成为优秀的人很难，任何职业都是这样。评估一个JavaScript开发者的优秀程度是非常难的事情。是什么成就一个优秀的JavaScript开发者呢？... 继续阅读 >
2016
07-04

一个靠谱的前端开源项目需要什么？

0.前言写前端代码一段时间之后，你可能会萌生做一个开源项目的想法，一方面将自己的好点子分享出去让更多的人受益，另一方面也可以在社区贡献的环境下学到更多的东西从而快速成长。但是开源项目也有开源项目的玩法，一些可能没有注意的点，也许会让你的好点子和许多人失之交臂，在这里笔者以自身经验出发，聊一聊笔者心目中的靠谱的Github前端开源项目应该具有什么。当然我们讨论的只是一个项目至少需要什么才是靠... 继续阅读 >
2016
06-27

谈一谈越来越难做的前端

我接触前端的时间不长也不短，13年入门，14年初在百度实习，14中正式参加工作，掐指一算4年整。然而这四年间前端的变化已经让很多人摸不着头脑。 昨天还发了一条状态，调侃jQuery是一个坚韧的社区，有人留言问我为什么这么说。记得刚入前端这个坑时，jQuery异常火爆，图书馆的相关书籍俯拾皆是，博客园上的文章介绍多若繁星，jQuery插件铺天盖地，可谓盛况空前。然而，随着多端设备的兴起和界面需求... 继续阅读 >
2016
06-27

JavaScript 创建对象: 方法一览与最佳实践

在JavaScript中“创建对象”是一个复杂的话题。这门语言提供了很多种创建对象的方式，不论新手还是老手都可能对此感到无所适从，不知道应该选择哪一种。不过，尽管创建对象的方法很多，看上去语法差异也很大，但实际上它们的相似性可能比你所以为的要多。本文将带领你踏上一段梳理对象创建方法的旅程，为你揭示不同方法之间的依赖与递进关系。对象字面量我们的第一站毫无疑问就是创建对象最简单的方法，对... 继续阅读 >
2016
06-18

使用 <pre> 标签样式的注意事项

你可能正在使用<pre>标签。这是一个HTML中非常特别的标签，它允许其中的空格真正显示出来。例如：四个空格将真实显示成四个空格。这不同于其他标签通常的做法，其他标签会将之间的空白压缩成一个。从这一点来说，<pre>标签真的是很有用。你在<pre>标签中使用<code>标签吗？<pre>标签的“pre”的意思是“preformattedtext”（预格式化的文本），没有特别规定里面的文本是什么内容... 继续阅读 >
2016
06-18

用 CSS 隐藏页面元素的 5 种方法

用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。你有没有想过，为什么我们要有这么多技术来隐藏元素，而它们看起来都实现的是同样的效果？每一种方法实际上与其他方法之间都有一些细微的不同，这些不同决定了在一个特定的场合下使用哪一个方法。这篇教程将覆盖到那些你需要记住的细小不同点，让... 继续阅读 >
2016
06-17

SSO单点登录三种情况的实现方式详解

单点登录（SSO——SingleSignOn）对于我们来说已经不陌生了。对于大型系统来说使用单点登录可以减少用户很多的麻烦。就拿百度来说吧，百度下面有很多的子系统——百度经验、百度知道、百度文库等等，如果我们使用这些系统的时候，每一个系统都需要我们输入用户名和密码登录一次的话，我相信用户体验肯定会直线下降。当然，对于个人博客这类系统来说根本就用不上单点登录了。假如，我们的系统很庞大，但是... 继续阅读 >
2016
05-25

4类JavaScript内存泄露及如何避免

原文：4TypesofMemoryLeaksinJavaScriptandHowtoGetRidOfThem译文来自：Alon'sBlog本文将探索常见的客户端JavaScript内存泄露，以及如何使用Chrome开发工具发现问题。简介内存泄露是每个开发者最终都要面对的问题，它是许多问题的根源：反应迟缓，崩溃，高延迟，以及其他应用问题。什么是内存泄露？本质上，内存泄露可以定义为：应用程序不再需要占用内存的时候，由于某些原因，内存没有被操作系统或可用... 继续阅读 >
2016
05-10

好代码的科学定义

你如何定义好的代码？本文通过咨询65个开发人员同一个问题从而得出了一个伪科学的答案  =-=！。首先我们相信写好代码是非常重要的。为什么呢？首先，好代码比差代码更有趣，成本更低。其次，代码好，就意味着你正在构建的产品有可能会更好。第三，也是非常关键的一点，写出好的代码是我们的职责：毕竟，我们的工作就是写代码。方法此65名开发人员都是某个职位的应聘者，并且大多偏向于使用Java或Scala技能，通... 继续阅读 >
2016
05-06

2016 年后 Web开发趋势是什么 HOT

近二年的进展前端发展日新月异,甚至有一句戏言:"每六星期重写一个前端框架",行业是像火箭一样,但我们前端工程师该何去何从呢?我们来谈谈这个问题.先来看看最流行的几项技术栈:AngularJS首创的双向数据绑定,以及内置的模块注入,以及组件化的支持,种种优势,使得它迅速发展起来.在2014-2015年,有调查显示,在使用了前端框架的项目,有50%以上采用了AngularJS.但到底值不值我们继续学... 继续阅读 >
2016
04-24

CSS之父：Web事业未竞，尚需前赴后继

提到Web设计，很少有人的影响会超过HåkonWiumLie。在CERN与Web之父TimBerners-Lee一起工作的Lie，发明了CSS。如果没有那次大胆的提议，我们今天谈论的Web设计很可能是完全不同的一回事。正如Lie所说：“这个技术可能会被一家公司占有，比如法国电信，比如微软。很可能会掌控在私人手中。”“当时的Web还比较混乱，有不少乱七八糟的东西，但同时那也正是人性的反映。而且所有人都可以免费使... 继续阅读 >
2016
04-20

Web动效研究与实践

随着CSS3和HTML5的发展，越来越多狂拽炫酷叼炸天的动效在网页设计上遍地开花，根据最新的浏览器市场份额报告，IE6的份额已经降到了5.21%，这简直是一个喜大普奔的消息，做动效可以完全不care低端浏览器的时代已经在向我们招手了。俗话说得好，颜值不够，动效来凑，Web动效已经不仅仅是网页设计的润滑剂了，它的功能更多的体现在了交互逻辑、视觉渲染和创新实践上，上能引人注目，下能潜移默化。下面将通过经典的黄金圈法则来... 继续阅读 >
2016
04-16

十条jQuery代码片段助力Web开发效率提升

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的... 继续阅读 >
2016
04-12

前端进阶成大神之路

在几年前，天空一声巨响,ajax闪亮登场.前端宝宝们如获至宝~已经表单提交神马的,真的太心累了.有了ajax之后,网页的性能可大幅提升，告别刷新，告别如水的流量.不过，长江后浪推前浪，一代更比一代强.由于ajax被同域限制着,导致,多服务器配置，云服务资源的存储没办法充分利用.所以,业界想到另外一种方法--JSONP.JSONP实际上和ajax没有半点关系，唯一相同的就是都是异步执行，而且JSONP完美解决了CD(crossdomain)... 继续阅读 >
2016
04-11

你真的了解H5吗？

H5广告，包括H5广告的设计流程，究竟有什么讲究，和阶段。为了能帮助更多的人了解H5广告，我专门做了一个讲义。同时，也让我意外的收到了非常好反馈和认！这是对我的极大鼓励！我的讲义内容仍然还有不少不完善和有待系统的内容。但是，我相信你在现在的互联网上应该很难再找到像是我这种体量的带有系统性的H5广告讲解内容了～希望能对这个行业作出微薄的贡献！目前互联网上最为全面的H5普及知识分享干货内容讲义！ 对H5的最初... 继续阅读 >
2016
04-11

深入理解PHP对象注入

0x00背景php对象注入是一个非常常见的漏洞，这个类型的漏洞虽然有些难以利用，但仍旧非常危险，为了理解这个漏洞，请读者具备基础的php知识。0x01漏洞案例如果你觉得这是个渣渣洞，那么请看一眼这个列表，一些被审计狗挖到过该漏洞的系统，你可以发现都是一些耳熟能详的玩意（就国外来说）WordPress3.6.1Magento1.9.0.1Joomla3.0.3Ipboard3.3.5除此之外等等一堆系统，八成可能大概在这些还有其他的php程序中还有很... 继续阅读 >
2016
04-11

CSS Grid布局指南

简介CSSGrid布局（又名"网格"），是一个基于二维网格布局的系统，主要目的是改变我们基于网格设计的用户接口方式。如我们所知，CSS总是用于网页的样式设置，但它并没有起到很好的作用。刚开始的时候我们使用表格(table)，然后使用浮动(float)、定位(position)和内联块(inline-block)，但所有这些方法本质上来讲都是hacks，存留了很多需要实现的重要功能问题(例如，垂直居中)。虽然Flexbox可以起到一定的补救作用，但是它只可... 继续阅读 >
2016
04-10

选好关键词，是SEO优化的第一步

关键词定位决定了该网站的内容主题，一般来说我们定位网站关键词多是根据企业的产品信息。对于新站而言，单纯做产品词其范围广，做到搜索引擎首页困难比较大，前期我们多会定位区域词来带动产品词。选好关键词网站排名优化才能有所根据，但是如何来选站内关键词呢！之前笔者小丹说过，关键词选择一般是选择1—2个核心关键词，而后根据最新用户需求延伸该词汇。针对现在算法的更改，我们最好还是结合竞争对手和工具的力量来选择关... 继续阅读 >