引言： 转前端一年了，期间工作较忙，也没时间整理一些知识体系，此系列文章是对前端基础的一些回顾与总结。本文主要总结一下前端需要关注的web安全。

注意arr.map(parseInt)是错误的，输出结果为：[-1,NaN,NaN]由于map()接收的回调函数可以有3个参数：callback(currentValue, index, array)，通常我们仅需要第一个参数，而忽略了传入的后面两个参数。不幸的是，parseInt(string, radix)没有忽略第二个参数，导致实际...

结果是[1, NaN, NaN]。经过查阅Array.prototype.map()的文档，深入了解了map()函数的作用机制，由于map()接收的回调函数可以有3个参数：callback(currentValue, index, array)，通常我们仅需要第一个参数，而忽略了传入的后面两个参数。不幸的是，parseInt(string, r...

七月虽然不是一个丰收的季节，但却是一个十分酷热的月份。不知有多少小伙伴跟我一样，顶着大太阳奔波在各种面试的征途中。面试是一个漫长的过程。但是也是一个让你快速提升的过程。其中包含了无数的血与泪。去面试前首先我们必须有牢固的基础知识，足够丰富的项目经...

收集的一些前端面试题 从面试题发现不足，进而查漏补缺，比通过面试更难得 1 BAT及各大互联网公司2014前端笔试面试题--Html,Css篇 2 BAT及各大互联网公司2014前端笔试面试题--JavaScript篇 3 javascript面试题 4 javascript puzzlers 5 9个JQuery和5个JavaScript经典...

红宝书上给出的定义是：闭包是指有权访问另一个函数作用域中的变量的函数，看到另外一个理解是：函数和函数内部能访问到的变量（或者环境）的总合，就是一个闭包。创建一个闭包最常见的方式就是在一个函数内部创建另一个函数。下面写一个例子：

UI：user interfaceGUI : graphical user interfaceCLI : command line interfaceAPI : application interface

计算宽度cal 使用float+BFC方法 触发BFC，建议大家多去了解BFC，很多时候布局都会用到。 flex方案 使用absolute+margin-left方法 float+margin-left方案 table方案

关键点：利用了padding-top和flex-wrap:wrap，当设置background-color时，是包括盒子模型中的content和padding的，但是为什么不设置height呢？因为父元素没有高度，所以定义height:30%是没有用的，且若想每个block都为正方形，最好的方式就是设置padding-top/padding...

关键点：利用了padding-top和flex-wrap:wrap，当设置background-color时，是包括盒子模型中的content和padding的，但是为什么不设置height呢？因为父元素没有高度，所以定义height:30%是没有用的，且若想每个block都为正方形，最好的方式就是设置padding-top/padding...

计算宽度cal 使用float+BFC方法 触发BFC，建议大家多去了解BFC，很多时候布局都会用到。 flex方案 使用absolute+margin-left方法 float+margin-left方案 table方案

聊聊三栏布局----左右定宽，中间自适应。 效果图： 圣杯布局 {代码...} 双飞翼布局 {代码...} 注意：一定要在要在main中再包裹一个<div>并设置它的margin:0 180px 0 200px。 Flex布局 {代码...} 最重要的还是要理解浮动和负margin技术以及width:100%。

2018年8月25日更新，目前 webpack 已经更新值 4.17.1 ，本文所用到的各种库或多或少有些过时，跟着代码操作下来可能会遇到各种问题，不过 webpack 的主体思想没变，所以还是希望本文对新学 webpack 的你，有所帮助。此外用基于 webpack 4.17.1 写了一个简单的demo，...

浏览器第一次向一个web服务器发起http请求后，服务器会返回请求的资源，并且在响应头中添加一些有关缓存的字段如：Cache-Control、Expires、Last-Modified、ETag、Date等等。之后浏览器再向该服务器请求该资源就可以视情况使用强缓存和协商缓存。

我们所熟知的面向对象语言如 C++、Java 都有类的的概念，类是实例的类型模板，比如Student表示学生这种类型，而不表示任何具体的某个学生，而实例就是根据这个类型创建的一个具体的对象，比如zhangsan、lisi，由类生成对象体现了抽象模板到具体化的过程，这叫做基于...

本文主要参阅了以下两篇文章，对JS的Event Loop运行机制基础知识进行了整理。从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理JavaScript 运行机制详解：再谈Event Loop背景知识进程与线程大家都知道JavaScript是单线程的，这就引申出一个问题，进程与线程是什...

Ajax用一句话来说就是无须刷新页面即可从服务器取得数据。注意，虽然Ajax翻译过来叫异步JavaScript与XML，但是获得的数据不一定是XML数据，现在服务器端返回的都是JSON格式的文件。

如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我写的还不够清晰，我来改。。。

谈起js的基础，绕不过去的坎就是：原型链、作用域链、this（em...好吧，还有闭包），今天总结一下关于原型对象的一些知识，供自己和大家复习。

秋招已经如火如荼的展开了，即将奔赴战场前，该对自己所学的知识进行一下温习和整理了，开始学习JavaScript就是从数据类型入手的，所以从数据类型开始对知识进行复习，查漏补缺。