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. 帮助命令
![](https://upload-images.jianshu.io/upload_images/4895241-f36590199b337f72.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp)
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生命周期的几个钩子等