哪有什么岁月静好,不过是有人替你负重前行!
摘要: 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以is特性扩展。个人认为就是一个可以重复利用的结构层代码片段 阅读全文
posted @ 2022-02-11 20:45 longfei825 阅读(790) 评论(0) 推荐(0) 编辑
摘要: 1、局部组件和全局组件的创建和使用: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文
posted @ 2022-02-10 21:28 longfei825 阅读(30) 评论(0) 推荐(0) 编辑
摘要: JavaScript报错Uncaught SyntaxError: Invalid shorthand property initializer new Vue({ el:'#app', data:{ musicDate=musicDate, currentSrc='./static/大籽 - 白月 阅读全文
posted @ 2022-01-14 11:23 longfei825 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 前言 前面讲到了计算属性computed,这次讲的是监控器watch,主要任务就是监控变量的变化 正文 watch是一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。 1.watch擅长处理的场景:一个数据影响多个数据 2.computed擅长处理的场景:一个数 阅读全文
posted @ 2022-01-13 16:46 longfei825 阅读(286) 评论(0) 推荐(0) 编辑
摘要: v-if vs v-show v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 相比之下,v-show 就简单得多——不管初始条件是什 阅读全文
posted @ 2022-01-12 16:37 longfei825 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 1、vue的起步和插值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met 阅读全文
posted @ 2022-01-12 15:31 longfei825 阅读(65) 评论(0) 推荐(0) 编辑
摘要: js new Date() 获取时间 new Date() 获取时间 Date 对象用于处理日期和时间。创建 Date 对象的语法:var myDate=new Date()Date 对象会自动把当前日期和时间保存为其初始值。参数形式有以下5种: new Date("month dd,yyyy hh 阅读全文
posted @ 2022-01-09 16:20 longfei825 阅读(1435) 评论(0) 推荐(0) 编辑
摘要: 如果把js内容直接放在这个head标签以内,button按钮不能正常点击更换body的背景颜色,报错提示:demo6.html:16 Uncaught TypeError: Cannot set property 'onclick' of null,分析解决办法如下: <!DOCTYPE html> 阅读全文
posted @ 2022-01-08 19:22 longfei825 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 今天给大家推荐一个变量命名的神器:Codelf 直接访问网页使用 我们可以直接访问 Codelf 网页,输入中文名或者英文名点击搜索就会有大量的变量名可供参考选择。 https://unbug.github.io/codelf/ 你还可以选择特定的编程语言。 在编辑器也是可以很方便的调用的,下面介绍 阅读全文
posted @ 2022-01-08 16:15 longfei825 阅读(1010) 评论(0) 推荐(0) 编辑
摘要: 1、图片切换 getElementById onclick setAttribute `${}` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片切换</title> </head> <body> <!- 阅读全文
posted @ 2022-01-04 15:56 longfei825 阅读(248) 评论(0) 推荐(0) 编辑