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

前端基礎面試題(JS部分)

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

React Native 著力于提高多平臺開發(fā)的開發(fā)效率 —— 僅需學習一次，編寫任何平臺。(Learn once, write anywhere)。 本文匯集了 React-Native 各類學習資源，方便大家學習，同時還有 [Awesome React Native 系列]，請收下…

本文主要總結整理 Ajax 的一些常用的基礎知識

遙想去年入前端坑的時候，就很快遇到了移動端頁面的開發(fā)，天(er)真(bi)的我立馬上去量設計稿，然后擼起袖子就是干！可是打開調試一看亂套了，先不說布局上的問題，就是大小看起來也不太對啊，太大了！然后就去問老司機，他說尺寸你要除以2才行，我心里挺郁悶的，為啥啊。。當時項目緊，就先…

Ajax(Asynchronous JavaScript and XML) 是一系列 web 開發(fā)技術的集合，使用很多的 web 技術在客戶端開發(fā)異步 web 應用。利用 Ajax，web 應用可以異步的發(fā)送數(shù)據(jù)獲取數(shù)據(jù)，而不干擾現(xiàn)有頁面的顯示和行為。通過解耦數(shù)據(jù)接口層和展現(xiàn)層，Ajax 允許 web 頁面或者其他擴展的 web 應用動態(tài)的改變數(shù)據(jù)而不用重新加載整個頁面。實現(xiàn)通常選擇 JSON 代替 XML，因為更接近 JavaScript。

主要是一些sass的基礎的使用說明和例子

前言 總括： 本文講解了ajax的歷史，工作原理以及優(yōu)缺點，對XMLHttpRequest對象進行了詳細的講解，并使用原生js實現(xiàn)了一個ajax對象以方便日常開始使用。 damonare的ajax庫：damonare的ajax庫 原文博客地址：你真的懂a(chǎn)jax嗎？ 知乎專欄&&…

本書致力于教會你如何用 Node.js 來開發(fā)應用，過程中會傳授你所有所需的 “高級”JavaScript 知識。本書絕不是一本“Hello World” 的教程。

相信大多數(shù)前端開發(fā)者在需要與后端進行數(shù)據(jù)交互時，為了方便快捷，都會選擇 JQuery 中封裝的 AJAX 方法，但是有些時候，我們只需要 JQuery 的 AJAX 請求方法，而其他的功能用到的很少，這顯然是沒必要的。

其實，原生 JavaScript 實現(xiàn) AJAX 并不難，這篇文章將會講解如何實現(xiàn)簡單的 AJAX，還有跨域請求 JSONP！

工作中總結了一點點兒關于 ES6 常用的小知識。歡迎大家來一起探討一起學習。

JSONP是一種解決AJAX跨域問題的方案，本文將介紹JSONP的原理，以及JSONP的簡單實現(xiàn)。

原文地址： 8 npm Tricks You Can Use to Impress Your Colleagues作者： Adir Amsalem譯者： weapon-x 你看一個同事正在編碼，其中應用上了一些簡寫和技巧，不知為何，你不熟悉它并且你的大腦一片混亂，這種場景發(fā)生在…

前端基礎面試題(HTML+CSS部分)

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

10集圖文+視頻的形式，讓你掌握React項目的構建和路由操作。
希望幫助更多的前端愛好者學習。

作者：科迪·林黎（Cody Lindley），由「前端大師（Frontend Masters）」傾情贊助。 這是一本可供任何人使用的指南，用于學習前端開發(fā)實踐。該指南大體上勾勒出了前端工程的輪廓，同時也討論了前端工程的實踐：2017 年，如何學習前端工程，用什么工具來實踐？ 筆…

定心丸：移動前端開發(fā)正逐漸步入前端技術的主流，事實上跟在一般的pc上，并不需要你掌握額外的技術，然而你在pc web上那一套在多數(shù)情況下并不適用于手機web，你必須知道這其中的注意點。當然移動web給人的感覺是一個拼h5和css3的陣地，這里面有足夠高大上的技術等著你去駕馭，在…

這一篇中將主要介紹未知高度容器的多種垂直居中方法，包括偽元素占位法，absolute + transform，table-cell，基于flex的等5個方案；用counter來模擬/裝飾有序清單(已補充)；用table-layout來控制表格單元格寬度；用caret-color來自定義光標的樣式；用user-select來禁用文本選中

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

之前好幾次面試都被問到post和get有什么區(qū)別，肯定很多同學和我一樣說了一大堆什么post比get安全，get比post傳的少亂起八糟這樣的答案，但是面試官就還是不停的問你，還有呢還有呢？當時我就火了還有啥？回來之后上網(wǎng)搜來來回回就那么幾個答案，今天被我找到了正確的答案，今天…

全棧工程師培訓材料，幫助學習者掌握全棧開發(fā)的基本知識，承擔簡單 Web 應用的前后端開發(fā)。
一共四講，適合兩天的訓練營，請先閱讀《培訓準備》。培訓時，需要完成課堂練習。

譯者：張捷 （滬江 Web 前端開發(fā)工程師）
當你問起有關 AJAX 與 React 時，老司機們首先就會告訴你：React 其實是個沒有網(wǎng)絡請求 / AJAX 功能的 view 庫。這種說法很容易理解，但對于當你僅想讓你的 React 組件從服務器上獲取數(shù)據(jù)時，是沒啥幫助的。

這是系列文章的第二篇，主要講 Ajax 函數(shù)的封裝

多個頁面之間如何進行通信之 cookie 篇

所有這些基礎的React.js概念都在這里了

在 web 網(wǎng)頁中，我們經(jīng)常會使用懶加載圖片，如果不出意外的話，你應該會使用 JS 來實現(xiàn)，
但是如何減少對JS的依賴呢?(少量使用JS) 我們來在接下來的文章中探討這個問題。

在本文中，我不會去談 React、Angular、Vue 等等這些大的前端框架，也不會談 Atom、VS code、Sublime 等等這些已經(jīng)很出名的代碼編輯器，我只是想簡單的分享一套我認為有助于提升開發(fā)者工作流的工具集。

對 jsonp 技術做一個比較詳細的介紹，然后給出一個比較實用的 jsonp 實現(xiàn)，

如果使用過 Python，可能對 Python 的多版本共存有印象。Python3 雖然是目前推薦的版本，但是 Python2 仍然有許多 Lib 沒有支持到 Python3。此時我們可以用 pyenv 或者virtualenv 或者直接用官方最新的的 pyvenv。同樣的，在 Node.js 中，我們也能實現(xiàn)這個功能。

自從Vue2.0發(fā)布后，Vue就成了前端領域的熱門話題，github也突破了三萬的star，那么對于新手來說，如何高效快速的學習Vue2.0呢。 Vue基礎 對于沒有接觸過es6和webpack的童鞋來說，不建議直接用官方的腳手架vue-cli構件項目。 先按文檔順序最少學習完組…

本文同步更新于www.devsai.com 寫在前面 有沒有一看到講跨域資源共享的就不想再看的了，網(wǎng)上的跨域資源共享的博文，三天兩頭的就出一篇。 既然你已經(jīng)進來看了，還請你稍稍忍耐下，繼續(xù)往下看，或許你會發(fā)現(xiàn)和之前看到的有不一樣的收獲。 其實，之前看過我寫的文章的同學可能知道，…

一般在響應式中，我們會要求視頻的寬高比為16：9或4：3，當用戶改變?yōu)g覽器寬度的時候（改變高度不考慮），視頻的寬度變了，那么高度也得根據(jù)我們要求的16：9或4：3改變。本文提出了一般的解決思路，并發(fā)散性的提出了幾個解決方案。

以代碼托管平臺起家的 GitHub 網(wǎng)站，已然成為全球程序員工作和生活中不可或缺的一份子。從優(yōu)秀的企業(yè)，到優(yōu)秀的程序員，都將自己最優(yōu)秀的代碼作品存放在這片開源凈土里，供彼此學習交流。 GitHub Trending 欄目甚至已經(jīng)成為 IT 從業(yè)人員的新聞日報，每日必讀。在之前的一…

Ajax 是目前很普遍的一門技術，也是很值得探討和研究的一門技術。本文將針對 Ajax 的發(fā)展過程并結合其在不同庫框架中的使用方式來和大家分享下 Ajax 的那些新老語法。

寫在前面： 使用 vue-cli 可以快速創(chuàng)建 vue 項目，vue-cli很好用，但是在最初搭建環(huán)境安裝vue-cli及相關內(nèi)容的時候，對一些人來說是很頭疼的一件事情，本人在搭建vue-cli的項目環(huán)境的時候也是踩了相當多的坑，特此寫了一篇搭建環(huán)境的教程，每一步盡量詳細解析。需…

Webpack for beginner

要讓一個元素按照不規(guī)則路徑進行運動，最好的辦法就是使用“SVG SMIL animation”，我之前有寫過文章專門介紹，參見“超級強大的SVG SMIL animation動畫詳解”，并且除了IE瀏覽器以外，其他瀏覽器的支持情況都蠻不錯的，如下截圖所示：

PWA 是前端的未來，也是已經(jīng)到達的未來。本文的內(nèi)容，將會從搭建一個基于 webpack 的工程開始，介紹 webpack 相關的知識，同時引入 PWA 的概念，逐步把這個工程打造成一個完整的 PWA 應用，并最終部署上線。

普及：瀏覽器的兼容性問題，往往是個別瀏覽器（沒錯，就是那個與眾不同的瀏覽器）對于一些標準的定義不一致導致的。俗話說：沒有IE就沒有傷害。 貼士：內(nèi)容都是自己總結的，不免會出現(xiàn)錯誤或者bug，歡迎更正和補充，本帖也會不斷更新。 Normalize.css 不同瀏覽器的默認樣式存在差…

在做H5項目時，需要在橫豎屏變化時，做一些處理。原生的orientationchange事件又有兼容性問題，本文從orientationchange、resize監(jiān)聽、matchMedia三個方面講了如何一步一步實現(xiàn)一個兼容性較強的監(jiān)聽橫豎屏變化事件

寫在前面 JavaScript 深入系列共計 15 篇已經(jīng)正式完結，這是一個旨在幫助大家，其實也是幫助自己捋順 JavaScript 底層知識的系列。重點講解了如原型、作用域、執(zhí)行上下文、變量對象、this、閉包、按值傳遞、call、apply、bind、new、繼承等 JS …

JS 實現(xiàn) AJAX、JSONP 及 DOM 加載完成

GitHub Page 只是一個靜態(tài)資源服務器， 也就是說，不存在后臺邏輯，也沒有SQL操作，這樣一來需要在Github上搭建自己的個人博客，就需要是純靜態(tài)，已經(jīng)編譯好的，數(shù)據(jù)存儲在文本文件（模擬DB）的頁面分布模式。這樣的模式雖然不夠靈活，但是也省去了后臺邏輯的部分，并且同等對待資源文件和偽動態(tài)數(shù)據(jù)。這里，如果需要從頭到位搭建一個自定義一個靜態(tài)博客，就需要Node+Shell等工具的配合。

本文介紹了如何自己自定義搭建一個Github靜態(tài)博客而不依賴第三方的生成工具.

基于 discountry 的翻譯版本, 增加了域名方便訪問. 后續(xù)是有人維護的.

nodejs 入門教程，大家可以在 github 上提交錯誤

網(wǎng)上的教程很多不全面，有很多坑對于新手甚至是沒什么前端基礎的人來說真的很難解決，本文以一個小白的角色，從環(huán)境搭建到官網(wǎng)文檔的使用，頁面跳轉和動態(tài)數(shù)據(jù)請求，講述如何從 0 開始做出一個完整的單頁應用。

前言 原文地址：前端跨域總結 博主博客地址：Damonare的個人博客 相信每一個前端er對于跨域這兩個字都不會陌生，在實際項目中應用也是比較多的。但跨域方法的多種多樣實在讓人目不暇接。老規(guī)矩，碰到這種情況，就只能自己總結一篇博客，作為記錄。 正文 1. 什么是跨域？ 跨域一詞…

這是一本5萬字符（中文約2w）的小書，可能需要幾個小時閱讀，需要幾天或更多時間去消化。部分代碼還不能正確地跑起來，有錯別字，有不準確的概念...，但這不妨礙它作為你一個野生前端學習數(shù)據(jù)結構與算法的啟蒙文章，期待你的一針見血、刀刀致命? 對任何專業(yè)技術人員來說，理解數(shù)據(jù)結構都非…

什么是模塊 自動運行在嚴格模式下并且沒有辦法退出運行的 JavaScript 代碼。在模塊的頂部， this 的值是 undefined；模塊不支持 HTML 代碼風格的代碼注釋。模塊僅導入和導出你需要的綁定。 導出 用 export 導出 // 導出數(shù)據(jù) 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 服務器可以區(qū)分請求是不是來源于同一個瀏覽器，維護服務器與用戶的會話。本文通過實例演示了 cookie 的操作。

所謂跨域都是在討論瀏覽器行為，包括各種 webview 容器，其中猶以 XmlHttpRequest 為主。正是由于 javascript 跑在瀏覽器之上，所以 ajax 的跨域成了痛點。

1

前言 總括：詳細講述 Cookie,LocalStorge,SesstionStorge 的區(qū)別和用法。 人生如畫，歲月如歌。 原文博客地址：Javascript 本地存儲小結 知乎專欄 && 簡書專題：前端進擊者（知乎）&& 前端進擊者（簡書） 1. 各種存儲方案的簡單對比 Cookie…

原生 JS 的 Ajax 方案

React 的生命周期

前言 難得有空，今天開始重新規(guī)范的學習一下node編程。 但是引入模塊我看到用 require的方式，再聯(lián)想到咱們的ES6各種export 、export default。 阿西吧，頭都大了.... 頭大完了，那我們坐下先理理他們的使用范圍。 require: node 和 es…

本文首發(fā)于我的個人博客：http://cherryblog.site/ 最近開啟了閱讀源碼之旅，有興趣的童靴可以持續(xù)關注，這幾天再看 Zepto.js 的源碼，估計博文過幾天就會出來~另外，買的十幾本書陸陸續(xù)續(xù)的在看，立志每本書都寫一本讀書筆記（相當于這本書的濃縮版 + 個人見…

原生 js 和 jquery 兩種處理 cookie 的插件介紹