永不放弃的博客

该博客停更了，新博客地址：http://www.jianshu.com/u/253a2dc33161

JS相关：1、FF浏览器下不兼容innerText解决方案：  /** * [innerText的FF兼容] */ if (!('innerText'in document.body)) { HTMLElement.prototype.__defineGetter__('innerT

浏览器安全的基石是"同源政策"（same-origin policy）。很多开发者都知道这一点，但了解得不全面。本文详细介绍"同源政策"的各个方面，以及如何规避它。一、概述1.1 含义1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页

2016十家公司前端面试小记目录前言手写事件模型及事件代理/委托前端性能优化闭包原理及应用手写Function.bind函数手写数组快速排序/去重JS的定义提升跨域JSONP原理将url的查询参数解析成字典对象

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

Google Chrome目前已经是性能最佳，对HTML5/CSS3等网页新技术支持最好的浏览器了，所以我浏览网站，习惯性地总是用Chrome。最近一段时间，我经常用Chrome浏览国外教学视频网站。有时候看完好的视频后，总想把它从浏览器缓存中找出来保存起来，供教学参考。IE和FireFox下，很容易办到。没想到在Chrome下还费了点脑筋。虽说Chrome下提供了一个命令chro

从网易与淘宝的font-size思考前端设计稿与工作流阅读目录1. 问题的引出2. 简单问题简单解决3. 网易的做法4. 淘宝的做法5. 比较网易与淘宝的做法6. 如何与设计协作7. 总结本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作

淘宝弹性布局方案lib-flexible实践阅读目录1. 页面需求2. 引入flexible.js3. 编写CSS4. 结束语2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是

不是所有 Web 开发者都有安全的概念，甚至可能某些安全漏洞从来都没听说过。这就是这篇科普文章的存在意义，希望 Web 开发者在开发时能依此逐条检查代码中的安全问题。注：服务器运维相关的安全注意事项不在本文之列这篇文章主要包含以下内容：前端安全XSS 漏洞CSRF 漏洞后端安全SQL 注入漏洞权限控制漏洞SESSION 与 COOKIEIP

原文出处： qiu deqing   欢迎分享原创到伯乐头条结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师

前端的一大特点和一大难点，就是跟上时俱进的各种技术和库的发展。无论你是不知道到底学React好还是Angular好的初学者，还是总是在纠结Grunt还是Gulp的老鸟，总是会面临这样那样的各种在前端领域中的选择。以下文字是本人关于现在在工作以及自己项目中最喜欢用的最顺手也觉得是目前来说最有前途的前端开发工具，希望能对相关的朋友们有所帮助。一下是关于每个工具上榜的理由，一些众所周知的理由这里

Awesome Mac 这个仓库主要是收集非常好用的Mac应用程序、软件以及工具，主要面向开发者和设计师。有这个想法是因为我最近发了一篇较为火爆的涨粉儿微信公众号文章《工具武装的前端开发工程师》，于是建了这么一个仓库，持续更新作为补充，搜集更多好用的软件工具。请Star、Pull Request或者使劲搓它 issues 给我推荐优秀好用的Mac应用，很显然我是一个资深Mac用户

前端组件化这个主题相关的内容已经火了很久很久，angular 刚出来时的 Directive 到 angular2 的 components，还有 React 的components 等等，无一不是前端组件化的一种实现和探索，但是提上议程的 Web Components 标准是个怎样的东西，相关的一些框架或者类库，如 React，Angular2，甚至是 x-tag，polymer 现在实

太久没有面试过了，第一次难免有点紧张，今天遇到的面试问题，大多数都遇到过，却因为没有充分准备，而没有答好，以后一定好好准备才行。下面记录一下今天的面试问题，加深印象：介绍一下JS的数据类型？简单类型：String、Number、Boolean、Null、Undefined复杂类型：Object&扩展：null与undefined有什么区别答：nu

https://zhuanlan.zhihu.com/p/26141351

前言近期工作生活比较漂泊，从上海换到了成都，这个是以家庭为单位的重大决定，离开一线城市对于职业生涯和技术前沿来说是有一定问题的，但是出于房价考虑（主要是买不起房子）与生活舒适度来说，回蓉似乎是一个比较好的选择，何况成都的互联网也还行。随着能力的提升，负责的工作种类会逐渐增多，考虑的方向也会有所不同，这个时候不太会有太多单独的知识点成为阻碍了，工作中碰到的问题要么太“大”，总结起来费

本博客记录前端学习过程中杂七杂八的知识点，会持续更新….1.

前言React 好像已经火了很久很久，以致于我们对于 Virtual DOM 这个词都已经很熟悉了，网上也有非常多的介绍 React、Virtual DOM 的文章。但是直到前不久我专门花时间去学习 Virtual DOM，才让我对 Virtual DOM 有了一定的理解，以致于要怀疑起很久之前看过的那些文章来。倒不是这些文章讲得不对，而是现在在我看来角度不太好，说得越多，越说不清。

作者 张洋 | 发布于 2012-10-24网站统计 埋点 Web Openresty网站数据统计分析工具是网站站长和运营人员经常使用的一种工具，比较常用的有谷歌分析、百度统计和腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于javascript的。本文将简要分析这种数据收集的原理，并一步一步实际搭建一个实际的数据收集系统。数

作者：小不了链接：https://zhuanlan.zhihu.com/p/23265155来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。鉴于时不时，有同学私信问我（老姚，下同）怎么学前端的问题。这里统一回复一下，如下次再遇到问我此问题同学，就直接把本文链接地址发给你了。首先说句题外话。关于有人管我叫大神的事情。个人感觉这跟你买东西时，人家管

转载自：https://segmentfault.com/a/1190000006672214?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader14欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.c

这是一个移动端工程师涉足前端和后端开发的学习笔记，如有错误或理解不到位的地方，万望指正。Node.js 是什么传统意义上的 JavaScript 运行在浏览器上，这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 HTML + CSS，后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8，它的速度非常

原文地址：http://luopq.com/2015/10/15/learn-markdown/基本语法标题一级标题： # 一级标题二级标题： ## 二级标题三级标题： ### 三级标题四级标题： #### 四级标题五级标题： ##### 五级标题六级标题： ###### 六级标题列表无序列表 ：在文字前加上“-”或“*”123有

先看网站架构图：以上网站架构广泛运用中大型网站中，本文从架构每一层分析所用主流技术和解决手段，有助于初入网站运维朋友们，进一步对网站架构认识，从而自己形成一套架构概念。第一层：CDN国内网络分布主要南电信北联通，造成跨地区访问延迟大问题，对于有一定访问量网站来说，增加CDN（内容分发网络）层可有效改善此现象，也是网站加速的最好选择。CDN把网站页面缓存到全国分布的节点上，用户访问时

Javascript的this用法this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，　　function test(){　　　　this.x = 1;　　}随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this

开始之前，请下载好两个文件jquery-ui-1.11.4.custom和jquery-ui-themes-1.11.41、引入正确的CSS库文件和JS文件，如引入文件夹jquery-ui-1.11.4.custom下的jquery-ui.css和jquery-ui.js文件，此外还要引入jQuery的核心文件jquery.js。（注意要先引入jQuery库文件，再引入jQuery

JSP和Servlet的中文乱码处理前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。一、表单提交时出现乱码：在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以

隐式对象说明out转译后对应JspWriter对象，其内部关联一个PringWriter对象request转译后对应HttpServletRequest/ServletRequest对象response转译后对应HttpServletRespons/Servl

本文主要介绍了CSS2与CSS3布局方式的不同，通过二者的对比得出CSS3布局的优势

本文实现了AJAX的二级联动菜单，并给出了详细的实现步骤

本文简要介绍了AJAX的基础，主要是对XHR对象和JSON的使用作了说明

jquery ui 的所有组件都是基于一个简单，可重用的widget。这个widget是jquery ui的核心部分，实用它能实现一致的API，创建有状态的插件，而无需关心插件的内部转换。$.widget( name, base, prototype )widget一共有2或3个参数。base为可选。这里之所以把base放在第二个参数里，主要是因为这样写代码更直观一

2015阿里巴巴校园招聘前端笔经面经发布于 2014-09-26 16:40:01 | 976 次阅读 | 评论: 4 | 来源: 网友投递本文是一个网友参加2015年阿里巴巴校园招聘前端工程师的面试笔试经历，包括面试题，参考答案和注意事项等，感兴趣的同学参考下。本文是一个网友参加2015年阿里巴巴校园招聘前端工程师的面试笔试经历，包括面试题，参考答案和注意

一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.二.前言Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂,

浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的节点中加入标签，代码如下：html code上述代码的作用是告诉浏览器当前页面不被缓存，每次访问都需要去服务器拉取

引用苏宁前端架构师的一个总结作为开篇编程技术及生态发展的三个阶段最初的时候人们忙着补全各种API，代表着他们拥有的东西还很匮乏，需要在语言跟基础设施上继续完善然后就开始各种模式，标志他们做的东西逐渐变大变复杂，需要更好的组织了然后就是各类分层MVC，MVP，MVVM之类，可视化开发，自动化测试，团队协同系统等等，说明重视生产效率了，也就是所谓工程化处

作为一个一年多的前端工程师，之前的前端老大离职后，自己就扛起了一些前端方面的事务。面试当然是最具挑战的事情了，首先是筛选简历，接着是邀请到公司面对面聊。说说自己的体会吧。筛选简历：偏实习和经验较少的求职者，一般还是抱着求学的态度，但是带人确实是一件很累的事情，公司事情多，人少就不会考虑招这类的求职者。目前我们就是这种情况，所以直接就没怎么考虑了。而且用的技术比较多，实际要求

前端进阶之路：点击事件绑定引言前端之所以被称为前端，是因为它是整个 Web 技术栈中距离用户最近、直接与用户进行交互的一环。而网页界面与用户的交互通常是通过各种事件来达成的；在各种事件之中，点击事件 往往又是最常见、最通用的一种界面事件。本文将介绍我在 “点击事件绑定” 这一场景下的进阶之路。背景我是一个前端小兵，我在一家互联网公司做做一些简单的业务开发。

这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯子的同学可以去看看facebook的页面源代码，体会一下什么叫工程化。接下来，我想从原理展开讲述，多图，较长，希望能有耐心看完。让我们返璞归真，从原始的前端开发讲起。上

超详细并且带 Demo 的 JavaScript 跨域指南来了！本文基于你了解 JavaScript 的同源策略，并且了解使用跨域跨域的理由。1. JSONP首先要介绍的跨域方法必然是 JSONP。现在你想要获取其他网站上的 JavaScript 脚本，你非常高兴的使用 XMLHttpRequest 对象来获取。但是浏览器一点儿也不配合你，无情的弹出了下面的错误信息