分类：WEB开发

2015
07-08

Web前端知识技能大汇总

项目起源还记得@jayli的这幅前端知识结构图么。图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。可视化效果前端开发知识结构前端工程师浏览器IE6/7/8/9/10/11 (Trident)Firefox&... 继续阅读 >
2015
07-08

IP，PV ,UV 它们认识你，你认识它们吗

今天说说IP，PV，UV这三个互联网产品常用词，具体定义大家可以知之为知之，不知度娘知，我就不粘贴复制了，显得我很没有诚意。估计现在已经没有同行会问你，你们产品的IP了，因为IP是可以改变的，而且它并不能反映一些具体问题，当然它还是有用的，它可以让你大体了解你产品使用用户的分布，是一线城市多，还是二三线城市多，这样做的目的是可以指导你产品设计的时尚程度和接受程度，进行合理的调整，下面主要说说PV和U... 继续阅读 >
2015
07-08

大型网站的优化给大家几个建议可以效仿一下

今天跟大家探讨一下大型电子商务网站或者大型门户站等的优化技巧，大型网站与小企业站点和博客站点优化有很大的差异，大型网站通常要涵盖大量的关键词，做SEO做网站优化必须对企业以及行业的各种行为特征有一定的了解，并且能够合理利用企业的有效资源，从多方面入手，放长线布局，指定有效可行的长远优化策略，从PGC到ugc以及OGC的一个衍生转变。大型网站的优化给大家几个建议可以效仿一下，一个是中关村在线，再一个就是汽车之... 继续阅读 >
2015
07-04

前端开发者必须要知道网页是如何渲染的 推荐

【编者按】其实，有关网页渲染的文章很多，但是相关信息比较分散，且论述并不是很完整。如果要想对这个主题有个大致的了解，我们还得学习很多知识。因此，Web开发者AlexanderSkutin决定写一篇文章。他相信，这篇文章不仅能帮助初学者，也能对那些想要刷新知识结构的高级前端开发者有所裨益。原文地址译文如下：网页渲染必须在很早的阶段进行，可以早到页面布局刚刚定型。因为样式和脚本都会对网页渲染产生关键性的影响。所以... 继续阅读 >
2015
07-01

18个网站优化技巧

快速的页面加载对提升搜索引擎排名、网站转化率和整体的用户体验是非常重要的。网站页面的加载速度也是衡量网站性能的一个重要因素。如果网站不是以最好的性能在运行，迟缓的加载会让你在低的排名和搜索流量上花费更大的代价。页面的加载速度会对用户的行为和转化率产生很大的影响。那么？有哪些简单的方式可以优化加载速度呢？1、图片优化首先，你需要优化你网站上的图片，来获得丝毫加速网站的机会。... 继续阅读 >
2015
07-01

为什么 JavaScript 会在移动端中胜出？

JavaScript并不是世界上最优美的编程语言。正因如此，一个世界级的专家写了一本关于这个语言的“精粹 ”的书。这本书的名字是“深度挖掘javascript的亮点”，因为优秀的东西被埋的相当深。即便如此，它还是迅速地称为世界上最受欢迎的语言之一。这种受欢迎是应得的，因为尽管这种语言存有缺陷，但是javascript提供给开发者其它语言不能给予的重要的优势。有一些优势是在浏览器的开发商同意了Javascr... 继续阅读 >
2015
07-01

为什么我不想成为Web前端程序员

职位名称并不代表技能集作为一个前端开发人员，你是不是认为自己不需要懂很多技能？然而事实可能并非如此。我在一个热门的工作论坛就前端开发工作做了一个快速搜索，发现有一个主题经常反复出现，那就是成为中级/高级前端开发者需要什么技能：（X）HTML（5）、CSS、SASS/ SCSS，LESS。Backbone、Angular、Knockout。响应式网页设计（例如Bootstrap知识、Foundation等）。AdobePhotoshop、Magento... 继续阅读 >
2015
06-28

我在知乎做运营—— 一个知乎离职妹子的感悟 HOT

离开知乎3年了。知乎越来越好了。虽然我离开的日子都已不活跃，也没有多少沉淀的关系，但是知乎的产品和运营机制，还是能给作者激励的。对历史内容和人的传播：我不活跃的几年里，还是每天新增很多的粉丝，还有无数的私信和消息。而且这些都不是原有粉丝给我的消息。我知道这是作为曾经写过好答案的作者，知乎有机制让他们再次曝光：1、新用户注册时的推荐：用户选择感兴趣的领域之后，会推荐领域下的优秀回答... 继续阅读 >
2015
06-24

浅谈大型web系统架构

动态应用，是相对于网站静态内容而言，是指以c/c++、php、Java、perl、.net等服务器端语言开发的网络应用软件，比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。大型动态应用系统平台主要是针对于大流量、高并发网站建立的底层系统架构。大型网站的运行需要一个可靠、安全、可扩展、易维护的应用系统平台做为支撑，以保证网站应用的平稳运行。大型... 继续阅读 >
2015
06-23

想让百度删除不想收录的域名或快照的最快解决方法

个别网站可能会出现以下类似困扰：①、百度收录了自己不想收录的域名，造成内容重复，比如张戈博客，百度近一半的收录是www的域名，而且收录的内容还是重复的！实际上张戈博客的首选域名是不带www，就算一开始就做了301，也被百度无视了；②、网站中途才设置的伪静态，收录正常后发现依然存在旧的动态链接，想删除之；③、百度收录了虚拟主机自带的三级域名，想删除之；④、网站改版，如精简分类数量、修改分类名称，造成了ur... 继续阅读 >
2015
06-16

Sublime Text 插件推荐系列 —— 用 Sublime 开发 Laravel

1. BladeSnippets：提供Blade模板自动补全2. Laravel4BladeHighlighter：提供Blade关键字高亮3. LaravelGenerator：提供超高效率Laravel工作流这就是之前教程里面说过的 way/generators的Composer包的另一个版本，是运行在编辑器里的。不过还是推荐使用命令行版，因为可以方便地读取历史记录，并加以修改。注意，这个插件要求PHP版本5.4以上。4. ClipboardHistory：剪贴板历史，Sublime超级插件第二5... 继续阅读 >
2015
06-13

为什么整个互联网行业都缺前端工程师？

现在，几乎整个互联网行业都缺前端工程师，不仅在刚起步的创业公司，对上市公司乃至巨头这个问题也一样存在。没错，优秀的前端工程师简直比大熊猫还稀少。每天，100offer的HR群都有人在吐槽招不到前端工程师。实话说对这些需求，Betty也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。不仅在国内的互联网行业，在国外，前端工程师一样是需求旺盛、供不应求的香饽饽。举个例子，... 继续阅读 >
2015
06-13

十大免费教程资源帮助新手快速学习JavaScript

“JavaScript”的名头相信大家肯定是耳熟能详，但只有一小部分人群了解它的使用与应用程序构建方式。这“一小部分”人指的当然是技术过硬的有为青年、网络程序员以及IT专业人员。但对于一位新手或者说外行人而言，“JavaScript”只不过是复杂计算机编程学科当中的另一个不知所云的术语。那么，JavaScript到底是什么？如果各位拥有在计算机领域的工作经验，那么绝对不能错过强大的JavaScript... 继续阅读 >
2015
06-09

Vim - 适合自己的 才是最好的

Vim被称为编辑器之神，是我用过之后才体会到的，用之前实在不敢对它做出什么评价。在大学时代，Vim的大名就已如雷贯耳，但由于它陡峭的学习曲线，一直望而却步。等真正开始学习之后，发现并没有想象中的复杂，也没有所谓的瓶颈，只要在实际写代码中强迫自己使用就可以了，无形中就会形成习惯。最初的不适，换来的是效率的飞升。这和我当初学习双拼的感觉一样。下图是我的Vim界面：学习方式我一开始也是看了很多... 继续阅读 >
2015
06-07

前端，我为什么不要你

今年一月份以前端主管的身份进入现在的公司，到现在为止陆陆续续面试了十几个应聘者，惊讶地发现前端这个细分岗位的市场行情竟如此奇怪，一方面是各种公司争相聘请，导致价格高的浮躁；一方面是从业者大多经历尚浅，浅到没什么技术积累，没什么项目经验，更可怕的是没什么进取心。这里总结一下，自勉。一年经验重复用这个是最可怕的，如果不仔细了解，你很难分辨工作经验里面的水分。我面试过的人里面大多有4-5年... 继续阅读 >
2015
06-02

javascript客户端检测技术

1.Firefox Gecko是firefox的呈现引擎。当初的Gecko是作为通用Mozilla浏览器一部分开发的，而第一个采用Gecko引擎的浏览器是Netscape6；我们可以使用用户代理检测下：如下JS代码：varua=navigator.userAgent;console.log(ua);在windows下firefox下打印如下：Mozilla/5.0(WindowsNT6.1;WOW64;rv:38.0)Gecko/20100101Firefox/38.0上述是为Netscape6编写的代理字符串一些构成：如下：... 继续阅读 >
2015
05-27

十个JavaScript中易犯的小错误，你中了几枪？

序言在今天，JavaScript已经成为了网页编辑的核心。尤其是过去的几年，互联网见证了在SPA开发、图形处理、交互等方面大量JS库的出现。如果初次打交道，很多人会觉得js很简单。确实，对于很多有经验的工程师，或者甚至是初学者而言，实现基本的js功能几乎毫无障碍。但是JS的真实功能却比很多人想象的要更加多样、复杂。JavaScript的许多细节规定会让你的网页出现很多意想不到的bug，搞懂这些bug，对于成为一位有经验... 继续阅读 >
2015
05-15

css中单位 px、em 的区别

在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神，直接原因可能是因为有一部法律来约束他们... 继续阅读 >
2015
05-15

应不应该使用inline-block代替float

CSS布局创建网站,浮动绝对占据了很大的比例.大块区域如主内容及侧边栏,以及在其中的小块区域,都可以看到浮动的影子.这里浮动是唯一的解决方案吗?浮动通常表现正常，但有时候搞起来会很纠结。特别是处理内部容器中的浮动，比如对一排图片使用浮动后对齐出现问题。Inline-block是我们的另一种选择。使用这种属性可以模拟部分浮动的特征，而不需要处理一些浮动带来的问题。Inline-block不是什么新鲜话题了，估计你也用... 继续阅读 >
2015
05-13

短链接URL系统是怎么设计的？

最烂的回答实现一个算法，将长地址转成短地址。实现长和短一一对应。然后再实现它的逆运算，将短地址还能换算回长地址。这个回答看起来挺完美的，然后候选人也会说现在时间比较短，如果给我时间我去找这个算法就解决问题了。但是稍微有点计算机或者信息论常识的人就能发现，这个算法就跟永动机一样，是永远不可能找到的。即使我们定义短地址是100位。那么它的变化是62的100次方。62=10数字+26大写字母+26小写字母。无论这个数多... 继续阅读 >