20220606 商品列表动态数据的制作
周一晨会，就是知道一周的任务。
你哪怕看了一个视频也要能够去做出来，主要你不懂你也要敲一遍，去敲。当天的看了一个视频也要去敲完啊。
数据结构要弄明白，这是基础，就是怎么声明变量？作用域在哪里？是解释性语言还是面向过程的语言？封装，继承，多态，就是这些的。
花了时间就要记笔记的。要敲的，没敲就是没学。
学习是自己的事情。落落大方去做事。今日学习计划。不会就不会。我就是最差的了。
order by ASC；//正序排列
order by DESC；//倒序排列
》》商品列表 动态数据页面的制作
20220606学的
Q：我怎么能把vue的项目在网页上打开呢？
vscode打开终端的方法：ctrl+~波浪符号，跳出命令行。
package.json 文件中调试这边的npm run dev 运行dev
cls命令是什么？cls就是清楚屏幕的意思clear screen
今年上半年在学习gulp的使用，对npm的掌握是必不可少的，经常到npm官网查询文档让我感到不爽，还不如整理了一些常用的命令到自己博客上，于是根据自己的理解简单翻译过来，终于有点输出，想学习npm这块的朋友不可错过这些基础命令，新手出品，对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦，后续也希望自己在nodejs这方面有多点内容产出。
Q： nodemon命令行的作用？
nodemon使用简介
简介
nodemon用来监视node.js应用程序中的任何更改并自动重启服务,非常适合用在开发环境中。
nodemon将监视启动目录中的文件，如果有任何文件更改，nodemon将自动重新启动node应用程序。
nodemon不需要对代码或开发方式进行任何更改。 nodemon只是简单的包装你的node应用程序，并监控任何已经改变的文件。nodemon只是node的替换包，只是在运行脚本时将其替换命令行上的node。
nodemon Git地址：github.com/remy/nodemon#nodemon
使用教程
1、全局安装
npm install -g nodemon
2、本地安装
npm install --save-dev nodemon
3、启动应用
nodemon [your node app]
4、使用帮助
nodemon -h 或者 nodemon --help
5、如果没有在应用中指定主机和端口，可以在命令中指定：
nodemon ./server.js localhost 8080
6、开启debug模式
nodemon --debug ./server.js 80
7. 帮助命令
8、参考文档：
http://www.tuicool.com/articles/2AnmEz7
就是学习 学习新章节，新课程就这样。每个字认识，就去看懂。
Vue.prototype详解
前端不加班
于 2021-01-11 15:30:16 发布
300
收藏 3
文章标签： vue javascript vue.js
版权
如果需要设置 全局变量，在main.js中，Vue实例化的代码里添加。
不想污染全局作用域。这种情况下，你可以通过在 原型 上定义它们使其在每个Vue实例中可用。
Vue.prototype.$http=axios;
这样$http就在所有的Vue实例中可以用了，甚至在实例被创建之前就可以用。
new Vue({
beforeCreate: function() {
console.log(this.$http)
}
});
1
2
3
4
5
6
7
“为什么 http 要以 $ 开头？ 这很重要吗？ 他会怎样？”
这里没有什么魔法。$ 是在Vue 所有实例中都可用的属性 的一个简单约定。这样做会避免与已被定义的数据、方法、计算属性产生冲突。
“你指的冲突是什么意思？”
另一个好问题！如果你写成：
Vue.prototype.http = axios
那么你希望下面的代码输出什么呢？
new Vue({
data: {
http: '123456'
},
beforeCreate: function() {
console.log(this.http)
},
created: function() {
console.log(this.http)
}
});
之前会输出一段代码
后一个会输出：123456
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
然后出现’123456’，因此 this.http 在实例创建之后被data覆写了。我们通过 $ 为实例属性设置 作用域 避免这种事情发生。你可以根据你的喜好使用自己的约定，诸如 $_http 或 Ωhttp，来避免和插件或未来的插件相冲突。
————————————————
版权声明：本文为CSDN博主「前端不加班」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_49515138/article/details/112471150
vue生命周期
不会百度
生命周期图示
下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。
Vue生命周期（8个阶段）
我能长高~
于 2020-07-22 16:29:59 发布
29016
收藏 61
文章标签： vue vue.js node.js css3
版权
1 beforeCreate(创建前)
2 created(创建后)
3 beforeMount(载入前)
4 mounted(载入后)
5 beforeUpdate(更新前)
6 updated(更新后)
7 beforeDestroy(销毁前)
8 destroyed(销毁后)
Vue第一次页面加载会触发beforeCreate created beforeMount mounted四个钩子函数
DOM渲染在mounted这个周期就已经完成
————————————————
版权声明：本文为CSDN博主「我能长高~」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/luping_/article/details/107516450
Vue生命周期（8个阶段）
我能长高~
于 2020-07-22 16:29:59 发布
29016
收藏 61
文章标签： vue vue.js node.js css3
版权
1 beforeCreate(创建前)
2 created(创建后)
3 beforeMount(载入前)
4 mounted(载入后)
5 beforeUpdate(更新前)
6 updated(更新后)
7 beforeDestroy(销毁前)
8 destroyed(销毁后)
Vue第一次页面加载会触发beforeCreate created beforeMount mounted四个钩子函数
DOM渲染在mounted这个周期就已经完成
————————————————
版权声明：本文为CSDN博主「我能长高~」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/luping_/article/details/107516450
钩子函数？？？？
什么是钩子函数？？？？？？
对于钩子函数的理解：
钩子函数：钩子函数是在一个事件触发的时候，在系统中捕获到他，然后做一些操作。是一段用于处理系统消息的程序。“钩子”这个意思就是在某个阶段给你一个做某些处理的机会。总结一下：
他是一个函数，在系统消息触发时被系统调用；
不是用户自己触发的
常见的钩子函数有哪些：
react的生命周期
vue的生命周期
vue的自定义命令
—————版权声明：本文为CSDN博主「愛丶夶苯疍.」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/weixin_52292492/article/details/109899392
钩子函数，一直不太清楚为什么是这个叫法，事实上，实际开发也不太需要知道，但是一直困惑了很久，今天就查了很多资料，稍微总结一下。
钩子函数这个称呼是很多开发语言中都会涉及到的一个东西，我的理解是系统处理消息时预先设置好的一个函数，就好像某一个周期，这个周期是系统自动执行的，那么这个周期怎样让人为干预他的进程呢，就像是这样。如下图。
钩子函数：
1、是个函数，在系统消息触发时被系统调用
2、不是用户自己触发的
3、使用时直接编写函数体
钩子函数的名称是确定的，当系统消息触发，自动会调用。
例如react的componentWillUpdate函数，用户只需要编写componentWillUpdate的函数体，当组件状态改变要更新时，系统就会调用componentWillUpdate。
较常用的钩子函数还有vue生命周期的几个钩子等
