【本课主题】
1.回顾
2.函数/function
3.前端-让数据动起来
4.对象、JSON对象、JSON格式
回顾-mac基础命令:
ls:查看当前文件夹内文件(不含隐藏文件)
cd (foldername):进入文件夹
ls -a:查看当前文件夹内所有文件
* 只有从github下载的代码才会有.git
函数/function
“函数”可以说是JS世界里最重要的,超过“对象”,是一等公民,而相对于C/C++/JAVA来说,JS中的函数非常简单。
实际生活中的“调用”讨论
函数需要调用。关于调用的类比:现实生活中,寻求别人的帮助,购买服务等,当你说明了需求,对方经过处理,实现我们的要求,这个过程也可以说是一种“调用”。
1.我要买瓶可乐。
2.我要理发。
3.我要打印。
“调用”的关键点
1.需要明确调用目标(对象)。
2.需要给于目标一些信息。
3.目标处理完会返回结果。
函数是:1.一个处理的封装;2.一个处理的单元。
就像一个黑盒
JS有丰富的内置函数,以后学习中会用到大量第三方库。JS的函数很多,多到用都用不完。
当觉得别人的库不够好的时候,还可以自己写库。
定义函数
//定义函数
function counter(count){
count =count +1;
return count
}
//调用(执行)函数
counter(1);
function:关键字
counter:函数名
count:参数
注意:
一个函数被定义了没有使用,就是流氓函数、垃圾代码。变量也相同。在工程、项目中,垃圾代码是要剔除的,会有专门的脚本进行扫描来发现。因为一旦定义了,即使不参与计算也会占用内存。
函数的思考1:报数–轮流
思路:根据规则判断,这时候需要——顺序调用。
函数的思考2:报数-通知
思路:根据规则判断,这时候需要——嵌套调用。
函数的思考3:实现厨房的工作流程——办一桌酒席
思路:由准备、买菜、配菜、做菜、上桌等环节组成
代码实操(详见附录)
拓展学习一:Vue.js
资料:cn.vuejs.org/guide(https://cn.vuejs.org/v2/guide/)
引入Vue第三方库(自己去了解,不需要了解太深):
< script src="https://unpkg.com/vue">
在< body>< /body的第一层< div>< /div>中添加id标签< div id=”app”>
定义app:
var app = new Vue({
el:'#app',
data: {
person: xiaoming
}
})
动态引用代码:{{person.name}}
如此操作后,即可在页面动态更新,否则,如用静态代码:
< p>xiaoming< /p>,对应的是很麻烦的更改操作。
拓展学习二:要善于使用Visual Studio Code的插件——装插件、用插件。
界面左侧最下面的一个图标,搜索需要的插件,点击安装即可。command+shift+P可调出命令页面,用关键字可方便查找到已安装插件,点击即可对当前文件使用此插件。有的插件可以把代码转的非常美观、清晰,还有把代码转pdf等插件。通过查看插件的说明(英文的),可以了解插件功能。
学习建议:做犀牛书(JavaScript权威指南)的勘误表,把项目的issue都看一遍。
Tip:Visual Studio Code—查看->集成终端,可以有同屏代码及执行效果。
工具推荐:iterm2,优势——可拆分界面,多窗口同时操作
考虑到前期课程的压力,本节课没有留作业,专心熟悉代码。