1. 前端-JS遞歸函數
之前給小夥伴們分享過JS的 setInterval 和 setTimeout 函數，這篇文章要分享給大家的是JS當中的遞歸函數。
簡單來說，遞歸函數就是自己調用自己，然後在一定條件下會停止或者跳轉遞歸。
這個例子簡單的利用遞歸函數實現了一個小需求，希望這篇文章對初學前端的小夥伴有幫助。
2. Web前端開發的工作內容有哪些
狹義的：主要就是展示層開發，說白了就是頁面開發，需要把頁面風格、表單元素（控制項）等都設計開發出來。如果是基於J2EE架構，需要Html、JSP、JavaScript、CSS、Htc等基本知識，有美工功底當然最好，沒有的話也可以做，只是效果可能沒有這么理想。
廣義的：除了後台資料庫應用開發外，前面的開發都可以叫做Web前端開發。後台DB開發主要包括函數、過程、觸發器、視圖、JavaSource等用戶對象的開發。前端開發除了包括展示層外，控制層和模型層也要進行開發，直白一點說：就是包括Java代碼的編寫。
各個公司的開發模式不同，一般來說，規模大點的公司習慣分工開發：有人做展示層（前端開發），有人做控制層，有人做模型層，有人負責DB開發。
3. 前端必學-函數式編程（六）
我們前篇談了很多關於【閉包】的理解了，所以你應該會知道，我們現在將要談的就是 ——【非同步】。
我們為什麼覺得「非同步問題」復雜呢？
其中很重要的一個原因是 —— 時間！時間將我們對數據的操作、管理，變復雜了好幾個量級！
（需要特別提出並明確的是： 非同步和同步之間是可以相互轉化的！ 我們使用非同步或者同步取決於 —— 如何使代碼更加可讀！）
函數式編程給出了實現「代碼更可讀」的落地原則（已多次回顧）：
所以我們可以期待，非同步在函數式編程中的表現！
上代碼：
onCustomer(..) 和 onOrders(..) 是兩個【回調函數】釋義，兩者執行的先後順序並不能確定，所以它是一個基於時間的復雜狀態。
釋義：回調函數其實就是一個參數，將這個函數作為參數傳到另一個函數裡面，當那個函數執行完之後，再執行傳進去的這個函數。
通常來說，我們最先想到的是：把 lookupOrders(..) 寫到 onCustomer(..) 裡面，那我們就可以確認 onOrders(..) 會在 onCustomer(..) 之後運行。
這樣寫，對嗎？
不對！因為 onCustomer(..) 、 onOrders(..) 這兩個回調函數的關系更像是一種競爭關系（都是賦值 customer.orders ）， 它們應該並行執行 ， 而不是串列執行 。
即：我不管你們誰先執行，誰先執行完，誰就賦值給 customer.orders ！
那我們的思路應該是：
不過，這樣讓代碼又變得更加難閱讀！！函數內部賦值依賴於外部變數、甚至受外部回調函數的影響。
那究竟怎麼辦呢？
最終，我們借用 JS promise 減少這個時間狀態，將非同步轉成同步：
兩個 .then(..) 運行之前， lookupCustomer(..) 和 lookupOrders(..) 已被同步調用，滿足並行執行，誰先結束，誰賦值給 customer.orders ，所以我們不需要知道誰先誰後！
在這樣的實現下，不再需要時間先後的概念！減少了時間狀態！！代碼的可讀性更高了！！
這是一個 積極的數組 ，因為它們同步（即時）地操作著離散的即時值或值的列表/結構上的值。
什麼意思？
a 映射到 b，再去修改 a ，b 不會收到影響。
而這，是一個 惰性的數組 ， mapLazy(..) 本質上 「監聽」 了數組 a，只要一個新的值添加到數組的末端（push(..)），它都會運行映射函數 v => v * 2 並把改變後的值添加到數組 b 里。
什麼意思？
a 映射到 b，再去修改 a ，b 也會修改。
原來，後者存在 非同步 的概念。
讓我們來想像這樣一個數組，它不只是簡單地獲得值，它還是一個懶惰地接受和響應（也就是「反應」）值的數組，比如：
設置「懶惰的數組」 a 的過程是非同步的！
b ，是 map 映射後的數組，但更重要的是，b 是 反應性 的，我們對 b 加了一個類似監聽器的東西。
這里直接給出解答：
這里再多小結一句：時間讓非同步更加復雜，函數式編程在非同步下的運用就是減少或直接幹掉時間狀態。
想像下 a 還可以被綁定上一些其他的事件上，比如說用戶的滑鼠點擊事件和鍵盤按鍵事件，服務端來的 websocket 消息等。
上述的 LazyArray 又可叫做 observable ！（當然，它不止用在 map 方法中）
現在已經有各種各樣的 Observables 的庫類，最出名的是 RxJS 和 Most 。
以 RxJS 為例：
不僅如此，RxJS 還定義了超過 100 個可以在有新值添加時才觸發的方法。就像數組一樣。每個 Observable 的方法都會返回一個新的 Observable，意味著他們是鏈式的。如果一個方法被調用，則它的返回值應該由輸入的 Observable 去返回，然後觸發到輸出的 Observable里，否則拋棄。
比如：
本篇介紹了【非同步】在函數式編程中的表現。
原則是：對於那些非同步中有時態的操作，基礎的函數式編程原理就是將它們變為無時態的應用。即 減少時間狀態 ！
就像 promise 創建了一個單一的未來值，我們可以創建一個積極的列表的值來代替像惰性的observable（事件）流的值。
我們介紹了 RxJS 庫，後續我們還會介紹更多優美的 JS 函數式編程庫！
（俗話說的好，三方庫選的好，下班都很早！！）
現在本瓜有點明白那句話了：看一門語言是不是函數式編程，取決於它的核心庫是不是函數式編程。
也許我們還不熟悉像 RxJS 這類庫，但我們慢慢就會越來越重視它們，越來越使用它們，越來越領會到它們！！
非同步，以上。
4. 前端學習需要學些什麼
前端學習的主要內容包含三個部分：基礎部分、設計部分還有代碼部分。學習前端課程推薦【達內教育】，該機構致力於面向IT互聯網行業培養人才，達內大型T專場招聘會每年定期舉行，為學員搭建快捷高效的雙選綠色通道。感興趣的話點擊此處，免費學習一下
【達內Web前端課程】主要分為五大階段，真實上線、中大型電商項目，幫助學員學到真材實料，課程內容更貼近企業工作內容。
第一階段：伺服器端技術 課程內容包括：項目導入、資料庫和 SQL、JS 基礎、Node.js、階段項目。
第二階段：前端核心技術 課程內容包括：HTML 基礎、HTTP&AJAX、階段項目、CSS 基礎、CSS3 高級、響應式 &Bootstrap、階段項目。
第三階段：前端進階技術 課程內容包括：JS 高級、BOM&DOM、階段項目、jQuery、階段項目項、Vue.js、階段項目。
第四階段：H5 移動端開發 課程內容包括：Vue.js 組件庫、階段項目、H5 高級、階段項目、微信、階段項目、HybridApp。
第五階段：框架技術 課程內容包括：Angular 生態系統、階段項目、React 生態系統、階段項目、Python Web、畢業項目。
想了解更多有關前端學習的相關信息，推薦咨詢【達內教育】。該機構是引領行業的職業教育公司，致力於面向IT互聯網行業培養人才，達內大型T專場招聘會每年定期舉行，為學員搭建快捷高效的雙選綠色通道，在提升學員的面試能力、積累面試經驗同時也幫助不同技術方向的達內學員快速就業!達內IT培訓機構,試聽名額限時搶購。
5. 前端對象中定義函數的好處
節省內存。在前端面試或是和其他同行溝通是，在談到構造在JS定義構造函數的方法是最好使用原型的方式：將方法定義到構造方法的prototype上，這樣的好處是，通過該構造函數生成的實例所擁有的方法都是指向一個函數的索引，這樣可以節省內存。
6. 前端常用Utils工具函數庫合集
常用計算庫：https://mikemcl.github.io/decimal.js/#toFixed
/**
* 把樹型數據的node組成一個數組
* @param node
*/
static getTreeNodeArr(node: any, tempArr: Array<any>) {
tempArr.push(node);
if (node && node.parent && node.parent.children) {
// 簡化結構(解決無限遞歸parent)
let chilArr = node.parent.children;
for (let k = 0; k < chilArr.length; k++) {
const eleChil = chilArr[k];
eleChil.parent = {};
}
node.parent.children = [];
}
if (node && node.children && node.children.length > 0) {
for (let i = 0; i < node.children.length; i++) {
const element = node.children[i];
this.getTreeNodeArr(element, tempArr);
}
}
return tempArr;
}
static toJson(str: any) {
try {
if (str && typeof str === 'string') {
return JSON.parse(str);
} else {
console.log(typeof str, 'troJson error');
}
} catch (error) {
console.log(error);
}
}
static simpleDeepClone(initalObj: object) {
return Utils.toJson(JSON.stringify(initalObj));
}
// 拷貝對象數組
static ObjArray(fromItem) {
let toItem = [];
for (let obj of fromItem) {
let newObj = {};
for (let key of Object.keys(obj)) {
newObj[key] = obj[key];
}
toItem.push(newObj);
}
return toItem;
}
/**
* 拷貝對象 將fromObj的屬性值到toObj中（toObj中沒有對應的值才拷貝，有的話就不拷貝）
* 用於修改和添加對象時候的對象賦值
*/
static Obj(toObj, fromObj) {
console.log(Object.keys(fromObj));
for (let key of Object.keys(fromObj)) {
if (fromObj.hasOwnProperty(key) && fromObj[key]) {
toObj[key] = fromObj[key];
}
}
return toObj;
}
/**
* 拷貝對象 將fromObj的所有屬性值到toObj中
*
*/
static ObjAll(toObj, fromObj) {
console.log(Object.keys(fromObj));
for (let key of Object.keys(fromObj)) {
toObj[key] = fromObj[key];
}
return toObj;
}
static deepClone(initalObj) {
let obj = {};
for (let key in initalObj) {
if (initalObj.hasOwnProperty(key)) {
let prop = initalObj[key];
// 避免相互引用對象導致死循環，如initalObj.a = initalObj的情況
if (prop === obj) {
continue;
}
if (typeof prop === 'object') {
obj[key] = (prop.constructor === Array) ? [] : Object.create(prop);
} else {
obj[key] = prop;
}
}
}
return obj;
}
7. 前端用到的函數有哪些
問對人了。。。
前端開發開發工程師的話，CSS+HTML+JS
JS的高級概念你需要會，例如：閉包，面向對象的編程，JS的調式，常用的JS庫，JQuery或是Ext你得會一個，Ajax技術，Ajax回調函數，正則是必須的，郵箱驗證啊，有規律的字元匹配啊，都要會的，建議學校ITJOB的內容能讓你的認識更深一層樓。
8. web前端開發的工作內容有哪些
狹義的：主要就是展示層開發，說白了就是頁面開發，需要把頁面風格、表單元素（控制項）等都設計開發出來。如果是基於J2EE架構，需要Html、JSP、JavaScript、CSS、Htc等基本知識，有美工功底當然最好，沒有的話也可以做，只是效果可能沒有這么理想。
廣義的：除了後台資料庫應用開發外，前面的開發都可以叫做Web前端開發。後台DB開發主要包括函數、過程、觸發器、視圖、JavaSource等用戶對象的開發。前端開發除了包括展示層外，控制層和模型層也要進行開發，直白一點說：就是包括Java代碼的編寫。
各個公司的開發模式不同，一般來說，規模大點的公司習慣分工開發：有人做展示層（前端開發），有人做控制層，有人做模型層，有人負責DB開發。
9. 函數是前端還是後端
函數是前端，web 前端開發函數的作用是封裝一段代碼,將來可以重復使用。
jquery是前端技術框架，可以對頁面控制項進行控制，對也頁面控制項事件進行編程，是前端工程師必備技術之一，它可以看成是js的函數庫，但是實際上功能不止這些。它是基於javascript語言的技術框架。由於其優美的語法，學起來不難，很有意思。
10. 前端——遍歷函數理解
1.for循環
注意事項：for更多用於知道數組的長度的情況下
```
var obj = [1, 2, 3,4 ];
for(var a=0; a<obj.length;a++) //for循環三個參數 ： 1.起始條件 2.終止條件 3.循環條件 。 可省略
{
console.log(obj[a])
}
```
2.forEach循環
注意事項：遍歷整個數組中所有的元素，沒有返回值
var obj =[1,'盼希',true,'ponX'];
obj.forEach((item,index)=>{
item='forEach用法,'+item;
console.log(item);
})
3.map函數·
注意事項：遍歷數組中的每個元素，並且回調，需要返回值，返回的值組成一個新的數組，原來的數組沒有發生變化
var obj =[1,'盼希',true,'ponX'];
var obj2=obj.map(function( item,index) {
item="map遍歷"+item;
console.log(item)
return item;
})
console.log("obj2", obj);
4.filter函數
注意事項：過濾符合條件的元素，並且組成一個新的數組 原數組不變
var obj =['1',2,'盼希',4,'HelloWorld',false];
var obj2=arr.filter(function(item,index) {
return typeof item==='number';
})
console.log(obj,obj2);
5.some函數
注意事項：遍歷數組中是否有符合條件的元素，返回的是boolean值
var obj =['2',5,'盼希',true,'HelloWorld',1];
var obj2=obj.some(function(item,index) {
return typeof item==='number';
})
console.log(obj,obj2);
6.every函數
注意事項：遍歷數組中是否有符合條件的元素，並且返回的是boolean值
var obj =['2',4,'盼希',true,'HelloWorld'];
var obj2=obj.every(function(item,index) {
return typeof item==='number';
})
console.log(obj,obj2);
7遍歷對象的方法： for..in
let obj ={c:'2',d:4,e:true};
for (var h in obj) {
console.log(obj[h],h)
}
console.log(obj);