20170526学习笔记整理
一．Tidy the term
1.CGI:Common Gateway Interface
2.MVC:Model View Controller
(Model:store Data/View:UI made up of JSF components
Controller:Server_Side JSF Engine.)
3.Product backlog:产品积压
4.SEO:Search Engine Optimization(搜索引擎优化)
5.LPO:Landing Page Optimization(登入页优化)
6.PR:Premiere(Adobe,一款常见的视频编辑软件)
7.IDE:Integrated Development Environment
8.MVVM:Model View ViewModel
9.Ajax:Asynchronous JavaScript and XML
10.JSON:JavaScript Object Notation(JS对象标记)
11.JWT:JSON Web Token
12.MVP:Model View Presenter
(解除Model和View的耦合，有效降低View的复杂度)
13.JSF:Java Server Faces
(一种用于构建Java Web应用程序的标准框架，提供了一种以组件为中心的UI构建方法)
二：Tidy the codes(控制台环境)
1.function sin(degree){
return console.log(Math.sin(degree));
}
sin(30);
//-0.9880316240928618
2.function cala(sweet,num){
return sweet*num;
}
function printResult(sweet,num){
console.log(cala(sweet,num));
}
printResult(2,6);
//12
3.store={};
store.sweet=3;
store.num=4;
console.log(store.sweet*store.num);
//12
4.var Person=function(){
this.name='yyc';
this.weight=58;
this.height=172;
this.future=function dream(){
return 'yyc';
};
};
var person=new Person();
console.log(person.future);
/*
function dream(){
return 'yyc';
}
*/
console.log(preson.future());
//yyc
5.var Person=function(name,weight,height){
this.name=name;
this.weight=weight;
this.height=height;
this.future=function(){
return 'yyc';
};
};
var yyc=new Person('yyc',58,172);
//prototype inherit
6.var Chinese=function(){
this.country='China';
}
var Person=function(name,weight,height){
this.name=name;
this.weight=weight;
this.height=height;
this.future=function(){
return 'yyc';
};
};
Chinese.prototype=new Person();
var yyc=new Chinese('yyc',58,172);
console.log(yyc.country);
//China
三.观点：
1.单元测试→集成测试→系统测试
2.瀑布式沟通模型：用户需求→软件开发→发布
3.敏捷软件开发沟通模型：市场/用户→业务→leader/架构师/设计师→开发→测试
4.前端、后台、运维、UX(User Experience)、测试(front-end,back-end,DevOps)
5.全栈本身便是依赖工程师本身的学习能力。
6.不同的领域都有丰富的知识。
7.这个世界充满了未解的谜，但我只想解开我感兴趣的。
8.工具是为了效率，工具包括软件、语言、框架。
9.没有合适的工具，要么创造一个，要么选择一个合适的。
10.Python涉及领域：机器学习、人工智能、硬件、Web开发、移动应用
11.Lecture(5%)→Reading(10%)→Audiovisual(20%)→Demonstration(30%)→Discussion(50%)→Practice Doing(75%)→Teach Others(90%)
12.输出是最好的输入，为了输出则需要更多的输入，进而加速整个过程。
13.学习一门新的技术的最好的实践就是用这门技术对现有的系统进行重写。
14.如果HTML是建筑的框架，CSS就是建筑的装修，JS，最有趣的说法：小三。
15.复杂的东西可以变得很简单，简单的东西也可以变得很复杂。
16.The Definition of Object:无序属性的集合，其属性包括基本值、对象、函数。
17.程序设计的真谛：解决完实际问题后，我们需要开始真正的设计，而不是解决问题时的编程。
18.Core：用尽可能少、优雅的代码及关键词来实现我们所要表达的核心功能。
19.完整的JS：①核心(ECMAScript):核心语言功能
②DOM：访问和操作网页内容的方法和接口
③BOX：与浏览器交互的方法和接口
20.后台语言的选择：JS/Python/Java/PHP/Go/Ruby
21.前端框架：Angular/React/Vue/jQuery
22.前端&后台交互：Ajax/JSON/JWT/WebSocket
四.Problem
1.Mustache
Mustache.js是一个简单强大的JS模板引擎，可以简化JS代码中的HTML编写，压缩成非常小的容量。
详细请参考：http://www.cnblogs.com/lyzg/p/5133250.html
2.弧度制&角度制
sin(1)≈0.8414709848
a=180°/π≈57.29577951°
sin(“a”)=sin(1)
3.Console.log:控制台日志
相比alert不会打断页面的操作，显示得更为结构化
4.document.write&document.writeln区别？(ln:line)
document.write()//将内容写入文档，当前编辑位置为写入内容的后一个字符
document.writeln()//将内容写入文档，并添加一个换行符，当前编辑位置为写入内容的后一行
详细请参考：http://www.jb51.net/article/25089.htm
5.Cookie
cookie为Web应用程序保存相关信息提供一种有用的办法，是识别用户的一种方式。
cookie是一小段文本信息，伴随着用户请求和页面在浏览器和服务器之间传递。
*参考资料：https://github.com/phodal/growth-ebook