分类：WEB开发

2014
12-09

理解JavaScript中的事件路由冒泡过程及委托代理机制

当我用纯CSS实现这个以后。我开始用JavaScript和样式类来完善功能。然后，我有一些想法，我想使用DelegatedEvents（事件委托）但是我不想有任何依赖，插入任何库，包括jQuery。我需要自己实现事件委托了。我们先来看看事件委托到底是什么？他们是怎么工作的，怎么去实现这种机制。好，它解决了什么问题？我们先看个简单的例子。先假设我们有一组按钮，我一次点击一个按钮，然后我希望被点中的状态... 继续阅读 >
2014
12-09

为什么要网页模块化？

这篇文章讨论的是为什么Web模块化是很有用的，并介绍了现在可以用来实现Web模块化的一些机制。这里有另一篇文章介绍了RequireJS使用的函数包装格式的设计理念。问题§1网站逐渐转化为Webapps代码复杂度逐渐提高组装变的困难开发者想要分离的JS文件/模块部署时可以把代码优化成几个HTTP请求解决方案§2前端开发者需要这样的解决方案：一些这类的API#includ... 继续阅读 >
2014
12-09

25 个超棒的 jQuery 消息提醒插件

jQuery的通知插件帮助您创建各种通知信息，如错误，警告和简单的通知消息。我们选择25个最好的jQuery通知插件，使您能够为您的网站和Web应用创建各种通知消息和警报，并为访客提供更好的用户体验。1.jQueryToastmessage jquery-toastmessage-pluginisaJQuerypluginwhichprovidesandroid-likenotificationmessages.Thetoastedmessagesarrivingonthescreeninaseamlessandnaturalway... 继续阅读 >
2014
12-09

20款最优秀的JavaScript编辑器 哪家强你说了算！

毫无疑问SublimeText，Notepad++，webstorm等，是市面上最主导的编辑器，但当然也有一些更多的JavaScript编辑器提供众多的特性和功能，方便和轻松自由的编码。本文整理了20款JavaScript编辑器，到底哪家强？你说了算！1.WebstormWebStorm是一种轻量级的、功能强大的IDE，为Node.js复杂的客户端开发和服务器端开发提供完美的解决方案。WebStorm的智能代码编辑器支持JavaScript,Node.js,HTML和CSS。WebStorm... 继续阅读 >
2014
12-09

25个顶级的jQuery表格插件

jQuery表格插件可以让你创建各种各样的表格布局，表格布局是报纸和杂志中最常见的布局，现在的网站中也很常见，在这篇文章中，我向大家推荐25个jQuery 的表格插件，你可以任意控制表格的行和列，用文本和图片进行填充。我用了顶级的来形容这个些插件，我可以肯定你了解它们之后会觉得很酷。1.GridifyGridify 是轻量级的jQuery插件，用来创建一个类似Pinterest图片加载网格插件。支持图像加载事件，... 继续阅读 >
2014
12-09

关于编写性能高效的javascript事件的技术

如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，轰动了整个web开发技术界，让神秘的web前端优化问题成为了大街的白菜，web前端优化变成了菜鸟和大牛都能回答的简单问题，当整个业界都知道了惊天秘密的答案，那么现有的优化技术已经不能对你开发的网站产生的质的飞越，为了让我们开发的网站性能比别人的网站更加优秀，我们需要更加... 继续阅读 >
2014
12-09

从Java开发者的视角解释JavaScript

我们无法在一篇博文里解释JavaScript的所有细节。如果你正或多或少地涉及了web应用程序开发，那么，我们的Java工具和技术范围报告揭示了，大多数（71%）Java开发者被归到了这一类，只是你对JavaScript遇到了阻碍。毫无疑问，你已经知道了Java和JavaScript，不管它们有着多么类似的命名，彼此没有共享太多共通之处。Java的静态类型、符合直接规律的简单语法和冗长，与JavaScript的动态、缺乏一致性原则和怪异，有着巨大的... 继续阅读 >
2014
12-09

CoffeeScript？TypeScript？还是JavaScript

请注意本文只是我的偏见，我努力地理解借助CoffeeScript或TypeScript之类的编译器写JavaScript代码的理由。静态编译、强类型语言和框架，我有着这些流行的、丰富的背景。我的上一份工作就是使用TypeScript，因为我不得不使用。那是一段不快乐的时光，我将因此而离开。我很幸运地把自己从这种困境和负担中释放出来，正在完全地使用JavaScript编写代码，我对此感到格外高兴！如果我对于这种变化的热情还不够明显，请让我向... 继续阅读 >
2014
12-09

想做web开发 就学JavaScript

有一天我被问到，为了快速地在web开发工作上增加优势，应该学习什么语言。我的思绪回到了大学，那时候我用Pascal、Fortran、C和汇编语言，不过那个时候有不同的目标。鉴于当前的状况和趋势，答案相对容易给出来：学习JavaScript。四周看看，曾经低端的浏览器脚本语言现在变得随处可见，从服务器端到客户端，每天好像有更多的选择。出身低微我记得数年前投入web开发，学习了HTML、用Perl开发CGI脚... 继续阅读 >
2014
12-09

分享22款响应式的 jQuery 图片滑块插件

响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件，它们能够帮助你在Web项目中实现有吸引力的图片滑块效果。1.Slides.jsSlidesJS是一款响应式的 jQuery 幻灯片插件，经过多年的发展，已经成为一款功能齐全，设计精巧的幻灯片插件。支持循环、自动播放功能和淡入... 继续阅读 >
2014
12-07

高级运营和普通运营的区别

初级运营的工作流程高级运营的工作流程初级运营的工作状态高级运营的工作状态广义的概念，是一切围绕着网站产品进行的人工干预都叫运营，所以从这个层面上说，互联网产品公司只有3个业务部门：产品，技术，运营。（电子商务网站我觉得不能叫互联网产品，只是借用了互联网渠道的商品公司）细一点的会分为市场运营，用户运营，内容运营，社区运营以及商务运营。我不喜欢像传统公司那样把市场和运营分开，有的公... 继续阅读 >
2014
12-03

《大型网站SEO优化实践》学习分享

本文主要内容源自2013年阿里技术嘉年华中阿里巴巴周文君分享《大型网站SEO优化实践》。学习过后，受益匪浅，特作笔记，经常回顾吸收学习。大型网站SEO的特点&优势&挑战特点页面数量巨大SEO流量高，长尾流量占比大数以百计的Web应用跨团队、多团队协作优势页面内容丰富，数量多（UGC）域名初始权重高无需刻意进行linkbuilding，用户会主动帮忙进行链接建设和推广网站安... 继续阅读 >
2014
12-03

一个10年SEO工作者的35个SEO经验

当我第一次开始搜索引擎优化就好像是在昨天，但实际上我已经做了整整十年。十年是一个相当长的时期，即使世事变迁，也有了一些我了解到的经过了时间考验的经验，我决定分享给大家，这样你就不会犯同样的错误。1、无法保证这并不是我学到的第一件事，但肯定是SEO中最重要的其中之一。搜索引擎优化就像生活中的其他许多领域，也不能保证-永远。不管你做出什么样的奇迹，你都不能保证排名到搜索引擎顶部的位置，特... 继续阅读 >
2014
12-03

如何缓解网站流量下降？

之前说到过搜索引擎依然是网站最主要最有价值的流量来源，搜索引擎流量的占比虽有所下降，但依然在企业网站流量来源中占据绝对的比例，而且来自搜索引擎的用户更容易发生转化。这一点目前也受到越来越多企业的重视，然而搜索引擎上的自然流量是比较不稳定的，比如会因为失误降权、季节性的变化、竞争对手等受到影响，导致网站流量下降，那如何缓解网站流量下降，将损失缩到最小呢？1、流量来源多样化如果企业只有... 继续阅读 >
2014
12-03

每个程序员必知之SEO

似乎因为受这篇文章的影响 http://katemats.com/what-every-programmer-should-know-about-seo/ 于是我也觉得我应该写一个每个程序员必知之SEO，作为一个擅长前端兼SEO的设计师。搜索引擎是如何工作的如果你有时间，可以读一下谷歌的框架：http://infolab.stanford.edu/~backrub/google.html这是一个老的，有些过时纸，但非常平易近人，甚至在我们中间的非白皮书的读者图标微笑什么每个程序员都应该知... 继续阅读 >
2014
12-03

SEO中常见的七个错误

SEO作为一个战略营销服务多年来它的效果一直都是非常不错的。许多营销人员用过了都说好。他们通过给网站进行深度优化从而使网站流量得到了质的提升。SEO的主要优势在于：转化率的显著提升给客户的最大的投资回报更好的站点管理客户群更多元化品牌的曝光度和知名度的提升这些理由足以让营销人员将SEO作为主要的在线营销策略了。然而，需要仔细调整SEO来适应客户企业以及目标用户的分布特征。否则，无... 继续阅读 >
2014
12-03

更好地理解网页-Google的搜索引擎优化建议

注*此文发自GoogleWebMaster（站长工具）团队博客，其中介绍了一些SEO（搜索引擎优化）技术,我们之前提过，像AngularJS之类的单页页面的最大缺陷之一就是SEO，不过目前来看已经逐渐开始得到解决。在1998年，当我们的服务器在SusanWojcicki’s车库里运行时,那时我们并不是很关心JavaScript或CSS。他们那时侯用的还不多,或者说JavaScript只是用来创建页面元素...一眨眼!现在很多东西都变了.现在的网页充满... 继续阅读 >
2014
12-03

如何将改版后的收录损失降到最低

站长们都知道，网站改版对网站的SEO各方面都有影响。但是为了更好的用户体验和技术的革新，站长们都会改版自己的网站，那改版是做些什么可以使网站改版带来的损失降到最低呢？4月中下旬，站长学院发出文章《如何将改版后的收录损失降到最低》，被广大站长以及SEO从业人员转载学习。三个月过去了，我们的工具也发生了多次升级，为了方便大家学习操作，今日特意对文章内容进行了更新，具体内容见下:为了改变站点运营... 继续阅读 >
2014
12-03

谷歌搜索一年改进890多次 核心算法一天一变

8月21日，谷歌搜索业务负责人艾米特·辛格哈尔（AmitSinghal）日前在Google+上发表文章称，仅在去年一年，谷歌就对搜索进行了超过890次改进。2009年，谷歌曾表示过去一年对搜索进行了350次到400次改进；2010年又表示过去一年进行了550次改进。2010年，谷歌著名工程师马特·卡茨（MattCutts）在一段视频中介绍说，他们每天都要对核心搜索算法进行一次修改。另外，谷歌每天都会测试数百种修改，但只有一... 继续阅读 >
2014
12-03

识别“百度权重”作弊的方法

所谓的“百度权重”，指的是爱站、站长工具等网站推出的针对网站关键词排名预计给网站带来流量而划分的评估数据。“百度权重”并不是像谷歌的PageRank那样的对网站的综合评级的算法，而只是针对关键词排名方面给网站带来的欢迎度进行评级，因此非常容易作弊。百度官方就曾经发布过一个公告，告诉大家世界上并没有所谓的“百度权重”，百度搜索引擎使用的衡量网站价值的打分体系，是由近百种策略组成，而且分值是动态的... 继续阅读 >
2014
12-03

提升网站转化率的四步优化方案

网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。本文转自月光博客，文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分享一个简单有... 继续阅读 >
2014
12-03

互联网高手教你如何搜集你想要的信息

写在前面几个月前，团队邀我做次内部的分享，主题是如何有效搜索信息。这是因为平时工作中，我经常会分享一些专业学习文档，而这些文档的出现往往很及时，回应一些我们自己项目的困惑，所以大家会好奇我如何及时找得到那么专业且对口的参考资料。这些资料有些来自网络搜索，有些却是来自我的“个人资料库”，它分门别类，容易检索，所以很轻易就能够翻出来示人。所以后来，这次分享便从“搜索术&rdq... 继续阅读 >
2014
12-03

处理网站中的重复内容问题

网站中的重复页面问题主要来自于多个网址的相同页面被搜索引擎收录。重复的问题无论站内或站外都有可能会发生。站内主要来自于相似内容出现在复数页上的问题，而站外则是与其他网站有存在相似内容的问题。而重复页面的问题将会造成搜寻引擎难以去判断哪一个页面将列入排名。以下是常见的重复内容问题，可尝试去修正他：重复内容问题重复内容问题将造成搜爬率减少–主要原因在于会造成Google机器... 继续阅读 >
2014
12-03

如何用30条稿件换300倍流量

这是一个略带励志的真实、平凡、小故事，没太大值得炫耀的内容（换3000倍流量才有意思），但有可圈可点的地方。背景介绍平台：这是一个比较普通的消费类资讯频道，非网站主打内容频道编辑：人数×1，每天更新30条左右稿件，外加海纳系统抓稿件300+条（目前未有良好展示位置）肉馅1、跳出率频道跳出率60%左右，是一个比较不错的数值，归功于一个很简单的设置，尽可能对长稿件进行合理分页... 继续阅读 >