摘要：希望幫助更多的前端愛好者學習。前端開發者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發工程師當你問起有關與時，老司機們首先就會告訴你其實是個沒有網絡請求功能的庫。

前端基礎面試題(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 的插件介紹