前端相关大杂烩

摘要：希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎，由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时，老司机们首先就会告诉你其实是个没有网络请求功能的库。

前端基础面试题(JS部分)

原文地址：Learning React.js is easier than you think 原文作者：Samer Buna 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-...…

React Native 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。 本文汇集了 React-Native 各类学习资源，方便大家学习，同时还有 [Awesome React Native 系列]，请收下…

本文主要总结整理 Ajax 的一些常用的基础知识

遥想去年入前端坑的时候，就很快遇到了移动端页面的开发，天(er)真(bi)的我立马上去量设计稿，然后撸起袖子就是干！可是打开调试一看乱套了，先不说布局上的问题，就是大小看起来也不太对啊，太大了！然后就去问老司机，他说尺寸你要除以2才行，我心里挺郁闷的，为啥啊。。当时项目紧，就先…

Ajax(Asynchronous JavaScript and XML) 是一系列 web 开发技术的集合，使用很多的 web 技术在客户端开发异步 web 应用。利用 Ajax，web 应用可以异步的发送数据获取数据，而不干扰现有页面的显示和行为。通过解耦数据接口层和展现层，Ajax 允许 web 页面或者其他扩展的 web 应用动态的改变数据而不用重新加载整个页面。实现通常选择 JSON 代替 XML，因为更接近 JavaScript。

主要是一些sass的基础的使用说明和例子

前言 总括： 本文讲解了ajax的历史，工作原理以及优缺点，对XMLHttpRequest对象进行了详细的讲解，并使用原生js实现了一个ajax对象以方便日常开始使用。 damonare的ajax库：damonare的ajax库 原文博客地址：你真的懂ajax吗？ 知乎专栏&&…

本书致力于教会你如何用 Node.js 来开发应用，过程中会传授你所有所需的 “高级”JavaScript 知识。本书绝不是一本“Hello World” 的教程。

相信大多数前端开发者在需要与后端进行数据交互时，为了方便快捷，都会选择 JQuery 中封装的 AJAX 方法，但是有些时候，我们只需要 JQuery 的 AJAX 请求方法，而其他的功能用到的很少，这显然是没必要的。

其实，原生 JavaScript 实现 AJAX 并不难，这篇文章将会讲解如何实现简单的 AJAX，还有跨域请求 JSONP！

工作中总结了一点点儿关于 ES6 常用的小知识。欢迎大家来一起探讨一起学习。

JSONP是一种解决AJAX跨域问题的方案，本文将介绍JSONP的原理，以及JSONP的简单实现。

原文地址： 8 npm Tricks You Can Use to Impress Your Colleagues作者： Adir Amsalem译者： weapon-x 你看一个同事正在编码，其中应用上了一些简写和技巧，不知为何，你不熟悉它并且你的大脑一片混乱，这种场景发生在…

前端基础面试题(HTML+CSS部分)

这是 Ajax 系列的第三篇，主要是 jquery 里面的 Ajax

10集图文+视频的形式，让你掌握React项目的构建和路由操作。
希望帮助更多的前端爱好者学习。

作者：科迪·林黎（Cody Lindley），由「前端大师（Frontend Masters）」倾情赞助。 这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大体上勾勒出了前端工程的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？ 笔…

定心丸：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地，这里面有足够高大上的技术等着你去驾驭，在…

这一篇中将主要介绍未知高度容器的多种垂直居中方法，包括伪元素占位法，absolute + transform，table-cell，基于flex的等5个方案；用counter来模拟/装饰有序清单(已补充)；用table-layout来控制表格单元格宽度；用caret-color来自定义光标的样式；用user-select来禁用文本选中

阿里前端推出新的 React 框架：Mirror

之前好几次面试都被问到post和get有什么区别，肯定很多同学和我一样说了一大堆什么post比get安全，get比post传的少乱起八糟这样的答案，但是面试官就还是不停的问你，还有呢还有呢？当时我就火了还有啥？回来之后上网搜来来回回就那么几个答案，今天被我找到了正确的答案，今天…

全栈工程师培训材料，帮助学习者掌握全栈开发的基本知识，承担简单 Web 应用的前后端开发。
一共四讲，适合两天的训练营，请先阅读《培训准备》。培训时，需要完成课堂练习。

译者：张捷 （沪江 Web 前端开发工程师）
当你问起有关 AJAX 与 React 时，老司机们首先就会告诉你：React 其实是个没有网络请求 / AJAX 功能的 view 库。这种说法很容易理解，但对于当你仅想让你的 React 组件从服务器上获取数据时，是没啥帮助的。

这是系列文章的第二篇，主要讲 Ajax 函数的封装

多个页面之间如何进行通信之 cookie 篇

所有这些基础的React.js概念都在这里了

在 web 网页中，我们经常会使用懒加载图片，如果不出意外的话，你应该会使用 JS 来实现，
但是如何减少对JS的依赖呢?(少量使用JS) 我们来在接下来的文章中探讨这个问题。

在本文中，我不会去谈 React、Angular、Vue 等等这些大的前端框架，也不会谈 Atom、VS code、Sublime 等等这些已经很出名的代码编辑器，我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。

对 jsonp 技术做一个比较详细的介绍，然后给出一个比较实用的 jsonp 实现，

如果使用过 Python，可能对 Python 的多版本共存有印象。Python3 虽然是目前推荐的版本，但是 Python2 仍然有许多 Lib 没有支持到 Python3。此时我们可以用 pyenv 或者virtualenv 或者直接用官方最新的的 pyvenv。同样的，在 Node.js 中，我们也能实现这个功能。

自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。 Vue基础 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。 先按文档顺序最少学习完组…

本文同步更新于www.devsai.com 写在前面 有没有一看到讲跨域资源共享的就不想再看的了，网上的跨域资源共享的博文，三天两头的就出一篇。 既然你已经进来看了，还请你稍稍忍耐下，继续往下看，或许你会发现和之前看到的有不一样的收获。 其实，之前看过我写的文章的同学可能知道，…

一般在响应式中，我们会要求视频的宽高比为16：9或4：3，当用户改变浏览器宽度的时候（改变高度不考虑），视频的宽度变了，那么高度也得根据我们要求的16：9或4：3改变。本文提出了一般的解决思路，并发散性的提出了几个解决方案。

以代码托管平台起家的 GitHub 网站，已然成为全球程序员工作和生活中不可或缺的一份子。从优秀的企业，到优秀的程序员，都将自己最优秀的代码作品存放在这片开源净土里，供彼此学习交流。 GitHub Trending 栏目甚至已经成为 IT 从业人员的新闻日报，每日必读。在之前的一…

Ajax 是目前很普遍的一门技术，也是很值得探讨和研究的一门技术。本文将针对 Ajax 的发展过程并结合其在不同库框架中的使用方式来和大家分享下 Ajax 的那些新老语法。

写在前面： 使用 vue-cli 可以快速创建 vue 项目，vue-cli很好用，但是在最初搭建环境安装vue-cli及相关内容的时候，对一些人来说是很头疼的一件事情，本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑，特此写了一篇搭建环境的教程，每一步尽量详细解析。需…

Webpack for beginner

要让一个元素按照不规则路径进行运动，最好的办法就是使用“SVG SMIL animation”，我之前有写过文章专门介绍，参见“超级强大的SVG SMIL animation动画详解”，并且除了IE浏览器以外，其他浏览器的支持情况都蛮不错的，如下截图所示：

PWA 是前端的未来，也是已经到达的未来。本文的内容，将会从搭建一个基于 webpack 的工程开始，介绍 webpack 相关的知识，同时引入 PWA 的概念，逐步把这个工程打造成一个完整的 PWA 应用，并最终部署上线。

普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。 贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本帖也会不断更新。 Normalize.css 不同浏览器的默认样式存在差…

在做H5项目时，需要在横竖屏变化时，做一些处理。原生的orientationchange事件又有兼容性问题，本文从orientationchange、resize监听、matchMedia三个方面讲了如何一步一步实现一个兼容性较强的监听横竖屏变化事件

写在前面 JavaScript 深入系列共计 15 篇已经正式完结，这是一个旨在帮助大家，其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等 JS …

JS 实现 AJAX、JSONP 及 DOM 加载完成

GitHub Page 只是一个静态资源服务器， 也就是说，不存在后台逻辑，也没有SQL操作，这样一来需要在Github上搭建自己的个人博客，就需要是纯静态，已经编译好的，数据存储在文本文件（模拟DB）的页面分布模式。这样的模式虽然不够灵活，但是也省去了后台逻辑的部分，并且同等对待资源文件和伪动态数据。这里，如果需要从头到位搭建一个自定义一个静态博客，就需要Node+Shell等工具的配合。

本文介绍了如何自己自定义搭建一个Github静态博客而不依赖第三方的生成工具.

基于 discountry 的翻译版本, 增加了域名方便访问. 后续是有人维护的.

nodejs 入门教程，大家可以在 github 上提交错误

网上的教程很多不全面，有很多坑对于新手甚至是没什么前端基础的人来说真的很难解决，本文以一个小白的角色，从环境搭建到官网文档的使用，页面跳转和动态数据请求，讲述如何从 0 开始做出一个完整的单页应用。

前言 原文地址：前端跨域总结 博主博客地址：Damonare的个人博客 相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。 正文 1. 什么是跨域？ 跨域一词…

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

什么是模块 自动运行在严格模式下并且没有办法退出运行的 JavaScript 代码。在模块的顶部， this 的值是 undefined；模块不支持 HTML 代码风格的代码注释。模块仅导入和导出你需要的绑定。 导出 用 export 导出 // 导出数据 export cons…

cookie("test") // 获取 cookie 的值，显示 tank
cookie("test",null) // 删除 cookie test
cookie() // 清空 cookie

cookie.set("test","tank",1800) //====cookie("test","tank",1800)
cookie.get("test") //====cookie("test")
cookie.remove("test") //====cookie("test",null)
cookie.clear() //====cookie()

cookie.all() // 获取所有 cookie

简单来说，cookie 就是浏览器储存在用户电脑上的一小段文本文件。通过 cookie，Web 服务器可以区分请求是不是来源于同一个浏览器，维护服务器与用户的会话。本文通过实例演示了 cookie 的操作。

所谓跨域都是在讨论浏览器行为，包括各种 webview 容器，其中犹以 XmlHttpRequest 为主。正是由于 javascript 跑在浏览器之上，所以 ajax 的跨域成了痛点。

1

前言 总括：详细讲述 Cookie,LocalStorge,SesstionStorge 的区别和用法。 人生如画，岁月如歌。 原文博客地址：Javascript 本地存储小结 知乎专栏 && 简书专题：前端进击者（知乎）&& 前端进击者（简书） 1. 各种存储方案的简单对比 Cookie…

原生 JS 的 Ajax 方案

React 的生命周期

前言 难得有空，今天开始重新规范的学习一下node编程。 但是引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。 阿西吧，头都大了.... 头大完了，那我们坐下先理理他们的使用范围。 require: node 和 es…

本文首发于我的个人博客：http://cherryblog.site/ 最近开启了阅读源码之旅，有兴趣的童靴可以持续关注，这几天再看 Zepto.js 的源码，估计博文过几天就会出来~另外，买的十几本书陆陆续续的在看，立志每本书都写一本读书笔记（相当于这本书的浓缩版 + 个人见…

原生 js 和 jquery 两种处理 cookie 的插件介绍