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);