江湖再见

原文地址：github.com/ruizhengyun…作为前端新人，我们常以菜鸟自居，主要是专业程度不高，还有就是自谦。其实，作为菜鸟的我们也想撕掉这类标签，我们也努力，可还是学不好前端，是真的不适合做这行还是方法不对，没人告诉我们？如果你觉得自己还处在菜鸟阶段的迷茫区，那可以看看本篇文章，希望看完之后你能得到想要的。如果你要阐述你的想法，请在评论区留下你的文字。前端路上我们都会...

我的博客：http://ruizhengyun.cn/#/code/1/content?labels=front-end先啰嗦几句2011年开始从事前端，从一个页面的切图仔到如今还算合格的前端工程师，一路走来，我很清楚要学的很多，其中也学了很多，学的同时也丢了很多（身陷边学边丢，边丢边学的状态）。尤其这3年，前端领域可谓是百家齐放，四面开花。可以说这是最好的时代也是最坏的时代。说它好，这...

有时候，我们在一些网站上会看到一些特殊的字符，这里是个人收集的一些，供大家查询使用。只求留个好评。特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒΒΓΓΓΔΔ&#9

页面布局（结构）页头：header容器（内容）：content/container导航：nav页面主体：main页尾：footer页面外围控制整体布局宽度并居中内容左对齐：wrapper左右中：left right center栏目：column栏目标题：title侧栏：sidebar 导航类导

textarea发布框 textarea{border:1px solid #ddd;} #textareaCount{color:green; margin: 0 4px;}您还可以再输入140个字 $(function(){ $('textarea').keyup(function(event) { /* Act on the event */ var

规范目的为提高团队协作效率，便于前端后期优化维护，输出高质量的文档，特制订此文档。本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请及时提出，经讨论决定后方可更改。基本准则符合web标准，语义化html，结构表现行为分离，兼容性优良。页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度。文

查看地址->

trim 1    2footer/* Creating Elements（创建元素）$('');document.createElement('div');*//* Inserting Elements Before & After（在元素前后插入）$('#1').before('0')document.getElementById('1').i

jquery 内边框设置 *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} img{max-width:100%; width:auto\9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;} body{ fo

相信有很多的朋友会被这几个名词绕的有些头大，很多朋友觉得智能DNS跟双线加速、CDN加速是类似的技术。其实不然，虽然他们的目的都是一个：让用户更快的访问网站。但是他们的应用原理却大相径庭。大家一定很清楚这几种都是比较常见的主机加速的方式。所以文本主要介绍一下“智能dns解析”，“cdn加速技术”，“双线主机的加速方式”的基本加速原理，当你了解了这些就可以从这几种方式中找出一种更适合你的主机的加速方

什么是 DNS Prefetch ? DNS Prefetch 是一种 DNS 预解析技术。

查看地址->

一、更合理的技术选型1、比如技术团队都是用jquery，没必要用其他的类库，减少学习成本；2、需求分解后，模块的边界划分：模块的边界划分，不只是一个人的事情，每个代码的贡献者都有义务提出建议。3、自动化的发布和快速迭代：是非前端技术领域的话题，但是和前端机构密不可分。二、代码层面1、Code reivew和代码规范2、自动化（1）基础：nodejs&grunt（

导读：       你也许会觉得前端开发是一个很简单的工作，对呀，你就是刚刚从网页设计转型过来的。但当你深入其中时，一定会发现好像前端开发不是那么简单，光网站性能优化、响应式、框架就让你焦头烂额，       确实，做前端开发就是先易后难，想成为一个优秀的前端开发，没有那么简单。       不过，天下事难则不会，会则不难，你只需要掌握11项技能就可以成为前端“大拿”，下面，就告诉你这

一口气，买了三本书，作死

LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开

CSS不能编程？用Less、Sass、Stylus、甚至直接用Absurd，框架除了Bootstrap还有很多。JS写多了很麻烦？jQuery。移动开发？Zepto.js。结构不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter还弄了个事件驱动框架Flight。库多了要优化加载？RequireJS。代码质量成问题？Jasmin

jQuery是什么？jQuery是javascript编写一个可重用的JavaScript库。不使用JQuery设置UI文本的JavaScript代码如下：    document.getElementById("txt1").value = "hello"; 用JQuery类库后的的JavaScript代码如下：    $("#txt1").val("Hello"); 可

DOM操作——怎样添加、移除、移动、复制、创建和查找节点1、创建新节点   createDocumentFragment()    //创建一个DOM片段   createElement_x()   //创建一个具体的元素   createTextNode()   //创建一个文本节点2、添加、移除、替换、插入   appendChild()   removeChild

你如何理解HTML结构的语意化?1、去掉或样式丢失的时候能让页面呈现清晰的结构；2.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页；3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）；4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重；5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽

相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发 的，在性能方面，根据yahoo的调查，后台只占5%，而前端高达95%之多，其中有88%的东西是可以优化的。

用户体验，细节决定成败，进度条

Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：选择多

管理Less/Sass项目文件结构

HTML&CSS：    对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript：      数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。其他：   H