前端乱炖

这一次，完全弄懂 JavaScript 执行机制

本文的目的就是要保证你完全弄懂javascript的执行机制，若是读完本文还不懂，能够揍我。 不论你是javascript新手仍是老鸟，不管是面试求职，仍是平常开发工做，咱们常常会遇到这样的状况：给定的几行代码，咱们须要知道其输出内容和顺序。由于javascript是一门单线程…

成为专业程序员路上用到的各类优秀资料、神器及框架

成为一名专业程序员的道路上，须要坚持练习、学习与积累，技术方面既要有必定的广度，更要有本身的深度。

如何给老婆解释什么是 RESTful

老婆常常喜欢翻看我订阅的技术杂志，她总能从她的视角提出不少有趣的问题。

Mockjs,不再用追着后端小伙伴要接口了

相信你们都存在这样的一个困扰,在先后端分离的大环境下, 前端须要后端的接口去完成页面的渲染, 可是大部分的状况下,先后端须要同时进行开发, 这种状况下,后端还没完成数据输出，前端只好写静态模拟数据。 那么问题就来了 数据太长了，将数据写在js文件里，完成后挨个改url。 某些逻辑…

16种方法实现水平居中垂直居中

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候可以信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 如果行内元素, 给其父元素设置 text-align:center,便可实现行内元素水平居中. 2) 如果块级元素, 该元素设置 ma…

正向代理与反向代理

最近工做中用到反向代理，发现网络代理的玩法还真很多，网络背后有不少须要去学习。而在此以前仅仅使用了过代理软件，曾经为了访问google，使用了代理软件，须要在浏览器中配置代理的地址。我只知道有代理这个概念，并不清楚代理还有正向和反向之分，因而赶忙学习一下，补充一下知识。首先弄清…

RESTful 接口实现简明指南

在先后端分离的 Web 应用架构中，前端专一于页面，同时与后端进行数据交互；然后端则专一于提供 API 接口。在这样的结构下，REST 是一个很流行的先后端交互形式的约定。这只是一套约定，并非某个技术标准，因此在实际的应用中，对器实现程度彻底取决于后…

从0到1配置eslint (全部人一看就懂)

从0到1配置eslint

19 个 JavaScript 经常使用的简写技术

原文连接，最近很火的一篇文章 1. 三元操做符 当想写 if...else 语句时，使用三元操做符来代替。 const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is les…

深刻理解 JavaScript Errors 和 Stack Traces

本文做者是著名 JavaScript BDD 测试框架 Chai.js 源码贡献者之一，Chai.js 中会遇到不少异常处理的状况。跟随做者思路，从 JavaScript 基本的 Errors 原理，到如何实际使用 Stack Traces，深刻学习和理解 JavaScript Errors 和 Stack Traces。文章贴出的源码连接也很是值得学习。

先后端分离开发模式的 mock 平台预研

投稿文章从先后端分离的项目开发方式出发，针对这种开发模式下前端的编码和自测依赖后台真实接口，致使没法提升效率的问题，回顾了各类 mock 数据方案，并总结出较好的实践方式。

前端同窗必需要了解关于通讯方面的知识

经过个人前端经验告诉我掌握下列通讯知识，前端足够了1.head、options、get、put、post、delete含义与区别2.常见的 GET 和 POST 的区别（浅比较）3.get和post更底层的区别（这但是HR想要的哦）4.总结一下 http 状态码5.http 缓存

浏览器渲染过程与性能优化

你们都知道万维网的应用层使用了HTTP协议，而且用浏览器做为入口访问网络上的资源。用户在使用浏览器访问一个网站时须要先经过HTTP协议向服务器发送请求，以后服务器返回HTML文件与响应信息。这时，浏览器会根据HTML文件来进行解析与渲染（该阶段还包括向服务器请求非内联的CSS文…

RESTful API 接口设计整理

RESTful API 接口设计整理。安全、URL 定义、查询参数（排序、过滤）、版本、Headers、状态码、响应主体、错误、缓存、API WIKI 文档要点等

你可能不知道的 14 个 JavaScript 调试技巧

了解你的工具能够在完成任务的过程当中发挥重大做用。尽管传言 JavaScript 难以调试，可是若是你掌握了一些调试技巧，那么你将会花费更少的时间来解决这些错误。

前端 PS 切图方法，图文详细

写在前面：本文主要内容是目前我所知道的切图技巧结合网上的资料，写出来分享一波。图文教程，多图！！ BB：不少人都会说，切图这个活倒底分给UI仍是分给前端。虽然好的UI会给咱们把图切好，可是他们切的图不必定百分之百符合咱们的需求，因此我一直都以为这是页面仔必需要会的一项技能，由于…

手把手教你如何使用webpack 生成css sprites

咱们在开发网站的时候，一般会把经常使用的图标合并成css sprite(雪碧图)，能够有效的减小站点的http请求数量，从而提升网站性能。 下面让咱们一块儿来学习一下如何使用webpack合并sprite图。 好了，以上就是webpack生成css sprite的办法了，是否是觉着很…

影响前端性能的本源——Reflow和Repaint

在移动端的web开发工做中，常常遭遇到的问题就是客户反映，打开速度慢，这个说专业点就是性能变差。当接到这种投诉的时候本身心中也是一脸懵逼，在开发环境中测试的好好，怎么正式运行以后就慢了。内心虽然在考虑现象的真实缘由，但在嘴上估计不少人第一时间就回答给客户是网速的问题而非本身程序的问题。

SASS: 简单点，写 BEM 的方式简单点

SASS: 简单点，写 BEM 的方式简单点

Firefox 团队实现的新的超快 CSS 引擎 - Quantum CSS (aka Stylo)

Firefox 团队在重写浏览器（again），其中 CSS 的部分也一样须要加速。Quantum CSS 融合了 Parallelism（Servo）、The Rule Tree（Firefox）和 The Style Share Cache（Chrome & Safari）的特色，核心加速点是并行运算。

React 开发中面临的九个重要抉择

在 React 开发的过程当中咱们经常会遇到一些抉择，下面我将选取其中一些我的认为重要的抉择来一一分析。但请记住如下所说的都只是的建议，可能有一些方面也没有考虑到，你们仍是须要依据实际状况本身选择最合适的，切勿随波逐流。 当开始React开发以前，你或你的团队必须先考虑选择什么样…

vue-cli#2.0 webpack 配置分析

做者：滴滴公共前端团队 - 王宏宇 前言 做为 Vue 的使用者咱们对于 vue-cli 都很熟悉，可是对它的 webpack 配置咱们可能关注甚少，今天咱们为你们带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装咱们不在这里赘述，对它还不…

CSS 五种方式实现 Footer 置底

页脚置底（Sticky footer）就是让网页的 footer 部分始终在浏览器窗口的底部。这样的布局随处可见，偶然看到 CSS-TRICKS 上介绍页脚置底的文章以为不错，对开阔布局的思路挺有帮助，遂译之。

前端常见跨域解决方案（全）

跨域是指一个域下的文档或脚本试图去请求另外一个域下的资源，这里跨域是广义的。 广义的跨域： 其实咱们一般所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。
什么是同源策略？
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司199…

”天龙八步“细说浏览器输入URL后发生了什么

当咱们在浏览器输入网址并回车后，一切从这里开始。
咱们在浏览器输入网址，其实就是要向服务器请求咱们想要的页面内容，全部浏览器首先要确认的是域名所对应的服务器在哪里。将域名解析成对应的服务器IP地址这项工做，是由DNS服务器来完成的。
客户端收到你输入的域名地址后，它首先去找本地…

Git Cheat Sheet：关于 git 的命令集合

熟练使用 git 可以成为甩锅神器，如 git blame 查找究竟是谁动了个人代码，git bisect 确认究竟是谁提了一个错误的提交，git shortlog 查看每人与多少个提交。

在 JavaScript 中学习数据结构与算法

这是一本5万字符（中文约2w）的小书，可能须要几个小时阅读，须要几天或更多时间去消化。部分代码还不能正确地跑起来，有错别字，有不许确的概念...，但这不妨碍它做为你一个野生前端学习数据结构与算法的启蒙文章，期待你的一针见血、刀刀致命? 对任何专业技术人员来讲，理解数据结构都非…

从 setState promise 化的探讨 体会 React 团队设计思想

从 setState 那个众所周知的小秘密提及... 在 React 组件中，调用 this.setState() 是最基本的场景。这个方法描述了 state 的变化、触发了组件 re-rendering。可是，也许看似日常的 this.setState() 里面却也许蕴含了不少…

RESTful学习及应用

RESTful学习及应用

JS——事件流与事件处理程序

本文对事件流和事件处理程序进行了简单整理，主要用于理清思路，不作详细概念解释。供你们复习与记忆使用。

HTTPS 高性能传输优化详解

HTTPS 高性能传输优化详解

坦然面对：应对前端疲劳 - 众成翻译

《Not An Imposter: Fighting Front-End Fatigue》
David Berner：I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from an Uncle Bob book, “Clean Code”, which compares the hours musicians spend with their instruments in preparation for a concert to developers rehearsing code to perform at work.

原文地址：https://www.smashingmagazine....

前端工程师学习 Nginx 实践配置 HTTP2.0 篇

HTTP 2.0 介绍的文章看的比较多，但实践体验的依然不多，本文就带你经过 Nginx 实践配置升级 HTTP 2.0

【 js 基础 】 setTimeout(fn, 0) 的做用

一、浏览器的内核是多线程的，它们在内核控制下相互配合以保持同步，一个浏览器一般由如下常驻线程组成：GUI 渲染线程，javascript 引擎线程，浏览器事件触发线程，定时触发器线程，异步 http 请求线程。 GUI 渲染线程：负责渲染浏览器界面 HTML 元素,当界面须要重…

长链接/websocket/SSE等主流服务器推送技术比较

本文将介绍web经常使用的几种方式，但愿给须要服务器端推送消息的同窗在选型上有一点启发。

现代前端技术解析

前端技术发展很快，要学习的东西愈来愈多，一般咱们须要阅读不一样不少资料书籍才能了解。好比针对某种技术或框架咱们都要去购买一本书籍去了解，长此以往，咱们对前端的了解依然局限于点点面面，而没法对前端有一个体系化的认识。这是件很使人烦恼的事情。

Vue.js 开发实践：实现精巧的无限加载与分页功能

本篇文章是一篇 Vue.js 的教程，目标在于用一种常见的业务场景—分页 / 无限加载，帮助读者更好的理解 Vue.js 中的一些设计思想。

完全搞清楚 JavaScript 中的 require、import 和 export

随着es6module的到来，还有现存的各类模块规范，咱们很容易晕，此次一次性搞清楚