web前端文章
关注
分享
扫一扫
文章平均质量分 87
chenfujian87
这个作者很懒，什么都没留下…
展开
-
转 谈谈HTTP协议中的短轮询、长轮询、长连接和短连接
原文：http://web.jobbole.com/85541/引言最近刚到公司不到一个月，正处于熟悉项目和源码的阶段，因此最近经常会看一些源码。在研究一个项目的时候，源码里面用到了HTTP的长轮询。由于之前没太接触过，因此LZ便趁着这个机会，好好了解了一下HTTP的长长短短。了解的方式主要都是LZ在网络上获取的，这里只是谈一下LZ对于这四种叫法最直观的理解。如果你之前不懂的话，可以...原创 2016-04-22 12:05:19 · 163 阅读 · 0 评论 -
从输入 URL 到页面加载完成的过程中都发生了什么事情？
原文 http://fex.baidu.com/blog/2014/05/what-happen/原创 2016-01-22 20:38:43 · 73 阅读 · 0 评论 -
jQuery 小技巧
原文http://web.jobbole.com/84028/一个简单技巧的集合，帮你提升 jQuery 技能。Matt Smith 发起的一个小项目，目前已有 15 个 小技巧。伯乐在线会持续跟进更新。回到顶部按钮预加载图片检查图片是否加载完毕自动修复损坏的图片Hover 上的 Class 开关禁用 input 字段停止链接加载淡入淡出/滑动开关简...原创 2016-01-22 20:42:48 · 80 阅读 · 0 评论 -
JS开发者常用的10个Sublime Text插件
原文http://web.jobbole.com/84167/作者 伯乐在线Sublime Text 是每个开发者工具箱中都应该有的一个强大的应用。它是一个跨平台的、高定制化的、高级的文本编辑器，在功能强大的 集成开发环境（众所周知地消耗资源）和类似于 Vim 或 Emacs 的命令行编辑器（学习成本非常高）之间取得了很好的平衡。使得 Sublime 如此强大的原因之一就是其可扩展的...原创 2016-01-22 20:52:51 · 216 阅读 · 0 评论 -
转 前端工程与性能优化
原文：http://fex.baidu.com/blog/2014/03/fis-optimize/每个参与过开发企业级 web 应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎 14 条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目 染，基本都能一一列举出来。这些性能优化原则大概是...原创 2016-01-24 14:29:21 · 459 阅读 · 0 评论 -
转 快速提升前端性能
原文：http://web.jobbole.com/83550/ 最小化请求所有在你的网站加载时用来渲染页面（外部CSS或JS文件、web字体、图片等等）的资源，都是不同的HTTP请求。一般的网站平均有 93个请求！我的目标是减少HTTP请求。一种方法是分别编译或连接（组合、合并）CSS和javascript到一个文件中。让这个过程自动化（例如使用构建工具 Grunt 或 Gu...原创 2016-01-24 14:31:47 · 138 阅读 · 0 评论 -
前端性能优化-资源预加载
原文 http://web.jobbole.com/84256/原创 2016-01-24 14:38:36 · 136 阅读 · 0 评论 -
转 Web应用组件化的权衡
原文https://github.com/xufei/blog/issues/22作者徐飞（@民工精髓V） 1. 基本概念什么是Web应用？所谓Web应用，指的是那些虽然用Web技术构建，但是展现形式却跟桌面程序或者移动端原生应用类似的产品。这类产品的特点是逻辑较重，交互复杂，通常也是单页式的。主要包括：交互占比较高的页面体系以各种Hybrid技术构建的应...原创 2016-01-24 14:43:46 · 147 阅读 · 0 评论 -
HTTP协议简介
原文：http://blog.jobbole.com/88199/HTTP的定义和历史在一个网络中。传输数据需要面临三个问题:1.客户端如何知道所求内容的位置？2.当客户端知道所求内容的位置后，如何获取所求内容？3.所求内容以何种形式组织以便被客户端所识别？对于WEB来说，回答上面三种问题分别采用三种不同的技术，分别为:统一资源定位符(URIs),超文本传输协议(HTTP...原创 2016-01-27 09:36:43 · 121 阅读 · 0 评论 -
web应用上线之前应该了解的技术细节
原文http://blog.jobbole.com/86786/作者：伯乐在线 问题Web 应用上线前，程序员应考虑哪些技术细节呢？ 如果 Jeff Atwood 忘记把 HttpOnly cookies、sitemaps 和 cross-site request forgeries 放在同一个网站，那我会把什么重要的东西也会忘掉呢？我以一个 Web 开发人员的角度思考这个问题，...原创 2016-01-27 09:40:59 · 141 阅读 · 0 评论 -
转 最佳的 JavaScript 前端框架、库和工具
原文http://web.jobbole.com/84644/作者伯乐在线 - cucrAngularJSAngular 是流行的企业级框架，许多开发人员都在使用它来构建 和维护复杂的 web 应用程序。Angular 的人气非常高，包括 Domino’s Pizza, Ryanair, iTunes Connect, PayPal Checkout, 谷歌等企业都在使用它。Ang...原创 2016-01-28 09:50:38 · 171 阅读 · 0 评论 -
转 URL详解与URL编码
作为前端，每日与 URL 打交道是必不可少的。但是也许每天只是单纯的用，对其只是一知半解，随着工作的展开，我发现在日常抓包调试，接口调用，浏览器兼容等许多方面，不深入去理解URL与URL编码则会踩到很多坑。故写下此篇文章，详解一下 URL 。 URL 与 URI很多人会混淆这两个名词。URL：(Uniform/Universal Resource Locator 的缩写...原创 2016-01-29 09:17:50 · 469 阅读 · 0 评论 -
转 如何挑选适合的前端框架？
摘要：前端框架不断推新，众多IT企业都面临着“如何选择框架”，“是否需要再造轮子”的抉择。去哪儿网前端架构师司徒正美分析了各主流行框架优劣点、适用场景，并针对不同规模的公司、项目给出了相应的前端技术选择方案。最近几年，前端技术迅猛发展，差不多每年都会冒出一款主流的框架。 每次新开业务线或启动新项目时，首先第一件事就是纠结：使用什么框架，重造什么轮子？我很高兴应优快云的邀请谈我的看法。...原创 2016-01-29 09:18:00 · 210 阅读 · 0 评论 -
现代浏览器的工作原理
原文http://blog.jobbole.com/12749/原创 2016-02-03 09:03:19 · 100 阅读 · 0 评论 -
自己对前端的一些总结
前端一些框架当前比较流行的：bootstrapreactJSAngularJS之前比较流行的：FlexextjseasyuiGWTDWZGrunt：前端自动化工具，提高工作效率less css：优秀的CSS预处理器前辈总结的前端编程的经验：1 拒绝插件不要遇到一个交互效果就想着扒个插件来用，想想它会怎么实现然后试着去写出来。遇到困难了不着急，参考下别人的插件是怎么实现的。个人觉得“写插件”...原创 2016-02-04 08:45:09 · 136 阅读 · 0 评论 -
转 浏览器缓存知识小结及应用
作者：流云诸葛出处：http://www.cnblogs.com/lyzg/浏览器缓存，也就是客户端缓存，既是网页性能优化里面静态资源相关优化的一大利器，也是无数web开发人员在工作过程不可避免的一大问题，所以在产 品开发的时候我们总是想办法避免缓存产生，而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理，是开发web应用的基础， 本文着眼于此，学习浏览器...原创 2016-02-06 09:53:45 · 130 阅读 · 0 评论 -
10 个 CSS3 代码生成工具
英文：Jake Rocheleau英文地址：http://webdesignledger.com/free-css3-generators译者：开源中国社区原文http://www.oschina.net/translate/free-css3-generators 1. CSS3 GeneratorCSS3 Generator 是最受欢迎的用于代码生成的 w...原创 2016-01-22 20:32:48 · 189 阅读 · 0 评论 -
常见浏览器内核介绍
转自http://web.jobbole.com/84826/内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解...原创 2016-01-18 11:18:15 · 172 阅读 · 0 评论 -
javascript一些框架库和工具
参考原文：http://web.jobbole.com/84644/永远记住持续更新你的框架和库。最新版本的框架和库通常具有最好的跨浏览器和跨设备的支持。你可以使用工具， 比如scanner 来帮助判断一个旧版本是否兼容这一大批设备AngularJSAngular 是流行的企业级框架，许多开发人员都在使用它来构建和维护复杂的 web 应用程序。Angular 的人气非常高，包括 Domino...原创 2016-01-18 10:57:02 · 147 阅读 · 0 评论 -
转 浅谈浏览器http的缓存机制
原文：http://www.cnblogs.com/vajoy/p/5341664.html针对浏览器的http缓存的分析也算是老生常谈了，每隔一段时间就会冒出一篇不错的文章，其原理也是各大公司面试时几乎必考的问题。之所以还写一篇这样的文章，是因为近期都在搞新技术，想“回归”下基础，也希望尽量总结的更详尽些。那么你是否还需要阅读本篇文章呢？可以试着回答下面这个问题：我们在访问百度...原创 2016-04-22 12:39:08 · 191 阅读 · 0 评论 -
腾讯全端 AlloyTeam 团队 Blog 地址
腾讯全端 AlloyTeam 团队 Bloghttp://www.alloyteam.com/2012/03/web-cache-1-web-cache-overview/原创 2016-04-22 12:42:20 · 245 阅读 · 0 评论 -
web前端的一些框架名称和简介
几款web前端框架0 Bootstrap来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less...原创 2015-10-31 21:12:05 · 208 阅读 · 0 评论 -
程序员应该自问的10个问题
1.此处有没有模式？研究在哪些情况下行得通，哪些情况下行不通的设计模式，能够让我们发现潜在的规则，了解看似不相关的概念和行为。为了更深层次地了解工作，你需要时不时地问问自己，“此处有没有设计模式？”。这句话适用的不只是你的代码。在根据业务要求而变的类型变化中有没有模式？技术发展有没有模式？你是否经常看到同样类型的bug连连弹出？ 理解其实就是一种感知模式。——以赛亚·伯林2.如何让它变得简单...原创 2015-11-01 19:09:23 · 150 阅读 · 0 评论 -
一个前端er写在2015年末的话
转自：http://www.cnblogs.com/vajoy/p/5040365.html写惯了技术类的文章，这种总结和唠嗑型的我基本也就在年末才来一篇。说实话，这种轻松类的文章往往比技术类的要受欢迎的多，因为其受众更广，看起来也不烧脑。说来愧疚，这一年其实产出有点低，大致就写了不到二十篇技术随笔，特别下半年入职腾讯后就更少有时间动笔了。但再忙也没打算摒弃写文章的习惯，一来是为了自己沉淀...原创 2016-01-15 09:57:32 · 182 阅读 · 0 评论 -
构建单页Web应用
转自http://www.tuicool.com/articles/ruInam单页应用是什么？让我们先来看几个网站：codingteambitioncloud9注意这几个网站的相同点，那就是在浏览器中，做了原先“应当”在客户端做的事情。它们的界面切换非常流畅，响应很迅速，跟传统的网页明显不一样，它们是什么呢？这就是单页Web应用。所谓单页应用，指的是在一个页面...原创 2016-01-15 09:58:08 · 109 阅读 · 0 评论 -
一个人结合个人经历总结的前端入门（来自github）
https://github.com/qiu-deqing/FE-learninghttps://github.com/qiu-deqing/FE-learning 结合个人经历总结的前端入门方法http://www.open-open.com/lib/view/open1449542023941.html 前端技能汇总https://github.com/Jackso...原创 2016-01-16 17:21:47 · 176 阅读 · 0 评论 -
转 近几年前端技术盘点以及 2016 年技术发展方向
原文http://www.barretlee.com/blog/2015/12/10/after-framework-we-gonna-to-hug-data/Web 发展了几十个春秋，风起云涌，千变万化。我很庆幸自己没有完整地经历过这些年头，而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代，而是一次又一次的变革，一次又一次的创造。这几年的前端，更为之甚！我从...原创 2016-01-16 17:22:11 · 524 阅读 · 0 评论 -
JavaScript 资源大全中文版
JavaScript 资源大全中文版https://github.com/jobbole/awesome-javascript-cn#qa-toolshttp://www.open-open.com/lib/view/open1450791728776.html原创 2016-01-16 17:22:37 · 91 阅读 · 0 评论 -
前端入门必备的一些技能
前端必备的技能以下是个人觉得入门阶段应该熟练掌握的基础技能：HTML4，HTML5语法、标签、语义CSS2.1，CSS3规范，与HTML结合实现各种布局、效果Ecma-262定义的javascript的语言核心，原生客户端javascript，DOM操作，HTML5新增功能一个成熟的客户端javascript库，推荐jquery一门服务器端语言：如果有服务器端开发经验，使用已经会的语言即可，如...原创 2016-01-17 10:50:00 · 145 阅读 · 0 评论 -
less.js简介
http://www.1024i.com/demo/less/http://less.bootcss.com/一 什么是LESS CSSLESS CSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESS CSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。变量：变...原创 2016-01-17 11:10:04 · 272 阅读 · 0 评论 -
Grunt功能简介
Grunt是什么Grunt是一个基于JavaScript上的一个很强大的任务管理器(task runner)，或许这么一说让很多人觉得费解，简单来说就是你可以在你的终端机上，用JavaScript去执行一些程序来完成一些任务。比如说验证HTML、CSS、JavaScript的语法，压缩CSS、JavaScript、图像，Sass、LESS和Stylus编译成CSS等等，这些东西佛教徒吧很适合用Gr...原创 2016-01-17 11:49:53 · 529 阅读 · 0 评论 -
Bootstrap简介
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap...原创 2016-01-17 12:47:54 · 79 阅读 · 0 评论 -
node.js简介
JavaScript是一种运行在浏览器的脚本，它简单，轻巧，易于编辑，这种脚本通常用于浏览器的前端编程，但是一位开发者Ryan有一天发现这种前端式的脚本语言可以运行在服务器上的时候，一场席卷全球的风暴就开始了。Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和...原创 2016-01-17 17:46:16 · 94 阅读 · 0 评论 -
14款基于javascript的数据可视化工具
转自：http://www.afenxi.com/post/4882 （数据分析网）俗话说，一图胜千言。图形化的信息可以让人们对数据有更加直观清晰的理解，让信息发布者更加高效地展示自己的核心内容。在前端开发中，如果缺少合适工具，制作数据可视化图表会十分复杂。然而随着数据可视化概念逐年火热，有较多优秀的图表开源库和制作工具脱颖而出。下面，我们就拿其中比较有名的 14个产品进行简要介绍。An...原创 2016-01-18 10:23:40 · 353 阅读 · 0 评论 -
cookie和session的区别
http://blog.youkuaiyun.com/fangaoxin/article/details/6952954http://blog.sina.com.cn/s/blog_85b0ae450101iy1f.htmlhttp://www.cnblogs.com/shiyangxt/archive/2008/10/07/1305506.html原创 2016-02-21 18:56:28 · 120 阅读 · 0 评论