當人們嘗試學習 JavaScript , 或者其他編程技術的時候，常常會遇到同樣的挑戰：

• 有些概念容易混淆，特別是當你學習過其他語言的時候。
• 很難找到學習的時間（有時候是動力）。
• 一旦當你理解了一些東西的時候，卻很容易再一次忘記。
• 可以使用的工具甚多且經常變化,所以不知道從哪里開始入手。

幸運的是，這些挑戰最終都可以被戰勝。在這篇文章里，我將介紹 6 個思維技巧來幫你更快的學習 JavaScript ，讓你成為一個更快樂更多產的程序員。

對于很多學習 JavaScript 的人來說，他們問的第一個問題是選用哪個框架（現有框架非常多）。但是如果你還不熟悉原生的 JavaScript ，那這就是個不該問的問題。你會花費你全部的時間去查詢不同的框架并且不會取得任何進展。

基本類型值有：undefined，NUll，Boolean，Number和String，這些類型分別在內存中占有固定的大小空間，他們的值保存在?？臻g，我們通過按值來訪問的。

今天在微博上看到了 有人分享了下面的這段函數式代碼，我把代碼貼到下面，不過我對原來的代碼略有改動，對于函數式的版本，咋一看，的確令人非常費解，仔細看一下，你可能就暈掉了，似乎完全就是天書，看上去非常裝逼，哈哈。不過，我感覺解析那段函數式的代碼可能會一個比較有趣過程，而且，我以前寫過一篇《函數式編程》的入門式的文章，正好可以用這個例子，再升華一下原來的那篇文章，順便可以向大家更好的介紹很多基礎知識，所以寫下這篇文章。

先看代碼

這個代碼平淡無奇，就是從一個數組中找到一個數，O(n)的算法，找不到就返回 null。

下面是正常的 old-school 的方式。不用多說。

//正常的版本 function find (x, y) { for ( let i = 0; i < x.length; i++ ) { if ( x[i] == y ) return i;
  } return null;
} let arr = [0,1,2,3,4,5] console.log(find(arr, 2)) console.log(find(arr, 8))

前言

隨著 Hybrid 應用的豐富，HTML5 工程師們已經不滿足于把桌面端體驗簡單移植到移動端，他們覬覦移動原生應用人性化的操作體驗，特別是原生應用與生俱來的豐富的手勢系統。HTML5 沒有提供開箱即用的手勢系統，但是提供了更底層一些的對 touch 事件的監聽?；诖?，我們可以做出自己的手勢庫。

手勢

常用的 HTML5 手勢可以分為兩類，單點手勢和兩點手勢。單點手勢有 tap（單擊），double tap（雙擊），long tap（長按），swipe（揮），move（移動）。兩點手勢有 pinch（縮放），rotate（旋轉）。

接下來我們實現一個檢測這些手勢的 javaScript 庫，并利用這個手勢庫做出炫酷的交互效果。

當涉及到Web開發時，JavaScript框架往往是一些開發人員和企業的平臺?？赡?，你有機會嘗試過一兩個的JavaScript框架，但你仍然有點不確定哪個才是最佳的最值得掌握的，或者哪個值得你建議你的開發人員選擇用于下一個web開發項目。

JavaScript正在以驚人的速度前進，并且添加新的技能到你的存儲庫變得有不斷的壓力。為了做到這一點，知道和了解更多的JavaScript框架在現在看來是必要的。在ValueCoders進行了徹底的研究后，我們入圍了其中七個框架，它們是：

1.AngularJS 2.0&1.x

在最受期待的AngularJS 2.0正式發布之后，框架的普及已經達到了一個新的水平。然而，如果你不確定的話，跳到新版本仍然是一個冒險的決定。讓我們通過這個流程圖來幫助你做出決定：

最近項目遇到一個小問題代碼我會簡化成小例子展示給大家。

用心看到最后會有收獲哈，基礎扎實的童鞋可以直接跳到數組類型使用。

說到 indexOf 大家并不陌生，判斷字符串是否包涵子字符串時特別常用（正則不熟練同學的利器）。

String 類型的使用

溫習一下大家熟知的字符串用法，舉個例子

let str = 'orange';

str.indexOf('o'); //0 str.indexOf('n'); //3 str.indexOf('c'); //-1

這里 0 和 3 分別是 o 和 n 在字符串中出現的位置。起始下標是 0。而 -1 代表未匹配。

1. 什么是 arguments

MDN 上解釋：

arguments 是一個類數組對象。代表傳給一個function的參數列表。

我們先用一個例子直觀了解下 JavaScript 中的 arguments 長什么樣子。

function printArgs() { console.log(arguments);
}

printArgs("A", "a", 0, { foo: "Hello, arguments" })；

執行結果是：

介紹

這里所描述的過程將使你能夠創建一個簡單的基于jQuery / XML的解析器和搜索機制。此過程將通過一個AJAX請求檢索XML，然后在jQuery中分析數據，為搜索機制做準備。該解決方案將基于不區分大小寫的全部或部分關鍵字匹配地返回結果。來自于關鍵字搜索的返回結果設置將被格式化為一個直接鏈接到相應網站的超鏈接。jQuery搜索方法非常類似于Mike Endale的一個項目，不過增加了一個DOM解析器，正則表達式以及結果集分組。

背景

客戶端需要一個簡單的搜索工具來查找基于關鍵字搜索的本地內部網站。關鍵字搜索必須不區分大小寫，并允許返回部分匹配的結果。歸咎于客戶端內容管理系統的架構，因此（SharePoint）只能執行客戶端腳本。其解決方案的另一個障礙是，源數據將來自多個源。數據被存儲在多個Excel電子表格，CSV文件和MS Access數據庫內。這就對我們提出了這樣的需要：開發具有一系列查詢和一個宏的Access解決方案，充當可合并、擦洗，并最后格式化數據作為XML輸出的偽ETL。對于這個解決方案的目的，我們將詳細介紹JavaScript XML分析器的設計，而不是偽Access ETL宏工具的設計。

使用代碼

該解決方案的做法是利用一個簡單的基于JavaScript / XML的搜索來發送數據結果到HTML / JavaScript前端。前端將引用腳本：jQuery，XML和CSS文件。XML格式將因為它的可讀性和它是數據交換行業標準格式之一的事實而被使用。 XML數據將通過使用AJAX的客戶端jQuery解析，并通過Internet Explorer 11呈現。

解決方案將使用RegExp對象來處理關鍵字匹配，驗證和特殊字符處理。RegExp對象字符串將檢查危險語法從而提高解決方案的穩定性和整體可用性。

我們將默認使用JavaScript分組功能來返回匹配結果作為折疊的紀錄集。折疊的記錄集線項目將被URL鏈接到相關的Project Workspace網站。在擴展的組記錄集下，結果將存在于相關的子記錄中，當通過On Click事件展開的時候。

ReactJS是一個開源的JavaScript庫，并且由Facebook和Instagram這樣的頂尖IT企業以及開發者社區所維護。該框架廣泛使用于為web應用程序開發用戶界面的時候。這個特殊的框架被發明時帶有這樣一個目的：

“構建數據隨著時間的推移一次又一次改變的大型應用程序?！?

我們經常使用的工具有很多，但只有少數徹底改變了我們的工作流程。ReactJS就是其中之一。隨著現在可用框架變得越來越多，我們很難找到一個最終不會窮途末路的框架。這就是為什么在ValueCoders我們建議去往React。

為什么說能使用html/css解決的問題就不要使用JS呢？兩個字，因為簡單。簡單就意味著更快的開發速度，更小的維護成本，同時往往具有更好的體驗，下面介紹幾個實例。

1. 導航高亮

導航高亮是一種很常見的問題，包括當前頁面的導航在菜單里面高亮和hover時高亮。你可以用js控制，但是用一點CSS技巧就可以達到這個目的，不需要使用JS。

在正常態時，每個導航的默認樣式為：