- 博客(389)
- 收藏
- 关注
RSS订阅原创 第二十四课 Vue中子组件调用父组件数据
props类似于为子组件定义了属性名，用于接受父组件传递进来的值，通过v-bind将定义好的属性并绑定到子组件实例上进行参数绑定。Vue是不建议在不同的组件直接传递值的，我们需要使用props方法来进行组件间的值传递。props后的属性也可以是obj格式的对象，方便针对接受的参数进行过滤操作。父模板的数据，子组件是无法直接调用的。1）字符过滤（接受的值是否为字符）1）组件调用顶级对象中的data。2）子组件介绍父组件的多值传递。2）子组件中调用父组件的数据。1）子组件接受父组件的传值。
2025-01-20 20:46:25
527
原创 第二十二课 Vue中的组件切换
is 操作符可以用于组件的切换，配合component标签可以实现根据不同的组件名进行组件的切换效果。2）:is与components实现tab切换。1）:is与component实现组件切换。
2024-11-26 21:15:32
383
原创 第二十一课 Vue组件实用示例
本课主要介绍组件的一些小练习，通过这些小练习巩固下之前课程中的学习。2）结合methods组合示例。1）组件中值的双向绑定。
2024-11-15 21:42:55
372
原创 第二十课 Vue组件中的data
Vue组件中的data是独立的，Vue官方不建议各单元互通数据，每个组件有各自的数据对象，类似于Vue示例中的data。data对象会为不同组件注册不同的数据，同结构不同的组件可以使用不同的独立数据。如果data数据的参数值是域外定义的公共数据，那么所有组件会共享数据。组件中的data必须是带有返回值的函数对象。以下每个按钮的点击，改变的是同一个数据模型。2）data数据独立。
2024-11-10 20:28:21
393
原创 第十八课 Vue中的JS组件模板和标签组件模板
Vue中的组件编写方式很多，这个应该算是Vue的缺点吧，本文将介绍Vue的其他组件的编写方式。这种方式比script组件高明不了多少，只是把JS换成了template标签。吐槽*非常奇怪的用法，通过JS标签生成组件，使用方式和。2）通过components进行拓展。2）通过components进行拓展。1）通过component进行拓展。1）通过component进行拓展。
2024-11-04 14:44:08
404
原创 第十七课 component组件解析
我们可以通过在实例外部以component的方式拓展单个组件，当前方式需要在构建全局实例之前进行组件创建，不存在组件提升。components和methods类似，表示（组件）集合，我们也可以直接通过components进行组件拓展。如果组件涉及的DOM较多，必须要将所有DOM包裹在一个主DOM中，否则将报错。驼峰式命名在使用的时候，需要将调用的组件名转换成横杠式。3）通过components拓展组件。3）利用Vue对象进行生成。3）配合ES6模板语法使用。2）分离模板创建组件。
2024-11-02 19:49:42
405
原创 第十六课 Vue中的组件
extend可以拓展组件模板，然后可以将extend拓展的模板班挂载到component上。Vue中可以自定义模板组件，组件的写法有很多种。4）将extend挂载到components上。3）将extend挂载到component上。1）在components上拓展组件。2）在component上拓展组件。6）template标签组件模板。5）JS组件模板语法。
2024-10-31 20:20:18
344
原创 第十四课 Vue中的HTML及文本渲染
v-html指令可以在DOM中渲染新的子HTML DOM，Vue官方认为HTML渲染是不安全的，并不建议直接做HTML插入操作。v-text可以将字符渲染进DOM中。
2024-10-27 21:18:42
518
原创 第八课 Vue中的v-bind指令
v-bind style 可以进行内嵌样式编写，属性值为字符，多属性用逗号分隔。动态绑定的class与原生class名不冲突，最终会合并成为一个。v-bind中的内容可以以{}运算符配合，进行简单的JS运算。动态修改的class名来源于data对象，而非手动给定。v-bind用于属性绑定，使得属性可以动态修改。4） v-bind绑定多class名。v-bind可以利用:作为简写方式。1） 动态切换class。
2024-10-17 11:32:36
626
1
原创 第五课 Vue中的显示隐藏指令
v-show用于显示或隐藏DOM元素，配合布尔值表示显示状态，使用场景较多。指令中也可以传入data参数。2）配合methods使用。1） 配合data使用。
2024-10-11 23:41:37
697
原创 第三课 Vue中的方法的定义及事件绑定指令
方法定义通过Vue对象中的methods属性进行拓展1）基础示例new Vue({methods: {fun(){alert(1);})2）操作对象数据new Vue({data: {},methods: {fun(){alert(val);})
2024-10-08 07:05:06
343
原创 第二课 Vue中的数据绑定
DOM标签通过大胡子语法绑定相应的属性值，直接将data对象中的属性名写入即可（参考基础示例）Vue构造函数内部拓展了内置数据对象data，所有数据放置在data对象内（参考基础示例）Vue中的数据绑定采用大胡子语法，即双{}进行数据绑定。模板（大胡子）中允许进行简单的JS运算。a) 不允许出现变量定义行为。b) 不允许出现条件判断语句。1）内置data对象。
2024-10-07 10:30:51
300
原创 第一课 Vue环境准备
静态页面中Vue引入类似于JQuery，将Vue放置进网页即可，自己写的Vue代码要放在引用的JS框架文件之后。Vue2.0较1.0作了较多的改变，很多语法都不太一样了，目前版本是2.x版本（日期：2017/09/07）。以上通过构造函数的形式创建了一个Vue的作用域环境，并绑定了一个父节点ID为’#app’的DOM元素节点。目前几乎所有新的框架都对旧版本（IE9之前）的浏览器不再支持，选择本框架前请谨慎。在编写Vue的时候，需要确定一个主环境，自己的代码都写在主环境下。2）项目文件Vue.JS。
2024-10-06 22:47:13
519
原创 第 33 章 Ajax
2005 年 Jesse James Garrett 发表了一篇文章，标题为：“Ajax：A new Approach to Web Applications”。他在这篇文章里介绍了一种技术，用他的话说，就叫：Ajax，是 Asynchronous JavaScript + XML 的简写。这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新)，会带来更好的用户体验。一时间，席卷全球。
2024-10-04 20:50:40
1028
1
原创 第 32 章 JSON
前两章我们探讨了 XML 的结构化数据，但开发人员还是觉得这种微型的数据结构还是过于烦琐、冗长。为了解决这个问题，JSON 的结构化数据出现了。JSON 是 JavaScript 的一个严格的子集，利用 JavaScript 中的一些模式来表示结构化数据。
2024-10-03 15:09:58
691
原创 第 31 章 javascript 之 XPath
XPath 是一种节点查找手段，对比之前使用标准 DOM 去查找 XML 中的节点方式，大大降低了查找难度，方便开发者使用。但是，DOM3 级以前的标准并没有就 XPath 做出规范；直到 DOM3 在首次推荐到标准规范行列。大部分浏览器实现了这个标准，IE 则以自己的方式实现了 XPath。
2024-10-01 20:29:16
1247
原创 第 30 章 XML
4.针对不同的报错进行不同的报错机制。原因是，它并没有完全加载 XML 就返回了，也就是说，在浏览器内部加载一点，返回一点，加载一点，返回一点。所以，在不同的浏览器实现 XML 的处理是一件比较麻烦的事情。对于什么是 XML，干什么用的，这里就不在赘述了，在以往的 XHTML 或 PHP 课程都有涉及到，可以理解成一个微型的结构化的数据库，保存一些小型数据用的。在 DOM2 级处理 XML 发生错误时，并没有提供特有的对象来捕获错误，而是直接生成另一个错误的 XML 文档，通过这个文档可以获取错误信息。
2024-09-29 08:02:39
1247
原创 第 29 章 Javascript Cookie 与存储
随着 Web 越来越复杂，开发者急切的需要能够本地化存储的脚本功能。这个时候，第一个出现的方案：cookie 诞生了。cookie 的意图是：在本地的客户端的磁盘上以很小的文件形式保存数据。
2024-09-25 06:41:02
1002
原创 第 28 章 Javascript错误处理与调试
JavaScript 在错误处理调试上一直是它的软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try…catch 和 throw 语句以及一些错误类型，让开发人员更加适时的处理错误。
2024-09-23 08:37:48
2205
原创 第 27 章 表单处理
在 HTML 中，表单是由元素来表示的，而在 JavaScript 中，表单对应的则是HTMLFormElement 类型。HTMLFormElement 继承了 HTMLElement，因此它拥有 HTML 元HTMLFormElement 属性和方法属性或方法 说明acceptCharset 服务器能够处理的字符集action 接受请求的 URLelements 表单中所有控件的集合enctype 请求的编码类型length 表单中控件的数量name 表单的名称。
2024-09-20 21:23:36
616
原创 第 26 章 事件绑定及深入
事件绑定分为两种：一种是传统事件绑定(内联模型，脚本模型)，一种是现代事件绑定 (DOM2 级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。
2024-09-16 09:28:38
1179
原创 第 25 章 事件对象
JavaScript 事件的一个重要方面是它们拥有一些相对一致的特点，可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象，他们可以帮你处理鼠标事件和键盘敲击方面的情况，此外还可以修改一般事件的捕获/冒泡流的函数。
2024-09-12 07:13:09
695
原创 第 24 章 Javascript：事件入门
事件一般是用于浏览器和用户操作进行交互。最早是 IE 和 Netscape Navigator 中出现，作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支持事件处理。而 DOM2 级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件。IE9、Firefox、Opera、Safari 和 Chrome 全都已经实现了“DOM2 级事件”模块的核心部分。IE8 之前浏览器仍然使用其专有事件模型。JavaScript 有三种事件模型：内联模型、脚本模型和 DOM2 模型。
2024-09-09 09:18:33
730
原创 第 22 章 JavaScript DOM 元素尺寸和位置
本章，我们主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式，以便更好的理解。
2024-09-04 18:07:34
996
原创 第 21 章 DOM 操作表格及样式
DOM 在操作生成 HTML 上，还是比较简明的。不过，由于浏览器总是存在兼容和陷阱，导致最终的操作就不是那么简单方便了。本章主要了解一下 DOM 操作表格和样式的一些知识。
2024-09-02 12:29:29
1311
原创 第 20 章 DOM 进阶
DOM 自身存在很多类型，在 DOM 基础课程中大部分都有所接触，比如 Element 类型：表示的是元素节点，再比如 Text 类型：表示的是文本节点。DOM 也提供了一些扩展功能。
2024-08-31 13:23:22
1225
原创 第 19 章 Javascript DOM 基础
DOM 中的三个字母，D（文档）可以理解为整个 Web 加载的网页文档；O（对象）可以理解为类似 window 对象之类的东西，可以调用属性和方法，这里我们说的是 document 对象；M（模型）可以理解为网页文档的树型结构。DOM 有三个等级，分别是 DOM1、DOM2、DOM3，并且 DOM1 在 1998 年 10 月成为 W3C 标准。DOM1 所支持的浏览器包括 IE6+、Firefox、Safari、Chrome 和 Opera1.7+。
2024-08-30 11:56:25
899
原创 第 18 章 JavaScript 的浏览器检测
由于每个浏览器都具有自己独到的扩展，所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力，努力的去支持最常用的公共功能；但在现实中，浏览器之间的差异，以及不同浏览器的“怪癖”却是非常多的，因此客户端检测除了是一种补救措施，更是一种行之有效的开发策略。
2024-08-28 11:53:15
955
新员工转正述职报告PPT模板 (3).pptx
2024-08-04
新员工转正述职报告PPT模板 (2).pptx
2024-08-04
新员工转正工作汇报总结PPT模板.pptx
2024-08-04
新年伊始商务计划PPT模板.pptx
2024-08-04
新年总结计划PPT模板.pptx
2024-08-04
新启程新跨越PPT模板.pptx
2024-08-04
新年通用PPT模板.pptx
2024-08-04
新年新气象PPT模板.pptx
2024-08-04
新年工作总结计划PPT模板.pptx
2024-08-04
新年工作计划PPT模板 (2).pptx
2024-08-04
新年工作计划PPT模板 (3).pptx
2024-08-04
新年工作计划通用模板PPT模板.pptx
2024-08-04
新年大吉大利PPT模板.pptx
2024-08-04
小清新PPT通用PPT模板.pptx
2024-08-04
小组计划团队目标销售额度销售总额年度报告PPT模板.pptx
2024-08-04
项目经理转正述职报告PPT模板.pptx
2024-08-04
项目发展计划书PPT模板.pptx
2024-08-04
项目计划年终总结设计PPT模板.pptx
2024-08-04
线上推广思路PPT模板.pptx
2024-08-04
向未来再出发商务工作报告PPT模板.pptx
2024-08-04
运行在Linux系统平台，基于TCP/IP的聊天室程序
2024-08-10
基于超声电机的力反馈设备控制与建模
2024-08-05
新员工转正述职报告PPT模板 (6).pptx
2024-08-04
新员工转正述职报告PPT模板 (5).pptx
2024-08-04
新员工转正述职报告PPT模板 (4).pptx
2024-08-04
新年快乐PPT模板.pptx
2024-08-04
新年计划季度汇报年终总结PPT模板.pptx
2024-08-04
新年计划总结PPT模板.pptx
2024-08-04
小清新PPT通用模板.pptx
2024-08-04
小清新年中工作总结PPT模板.pptx
2024-08-04
小清新水彩花卉工作总结模板.pptx
2024-08-04
小清新风工作总结汇报PPT模板.pptx
2024-08-04
小清新汇报PPT模板.pptx
2024-08-04
小清新风工作汇报PPT模板.pptx
2024-08-04
销售部门年终工作总结PPT模板.pptx
2024-08-04
小清新＋轻质感工作汇报PPT模板.pptx
2024-08-04
销售部年终述职报告PPT模板.pptx
2024-08-04
项目建设总结PPT模板.pptx
2024-08-04
项目评估营销策划PPT模板.pptx
2024-08-04
项目计划书PPT模板.pptx
2024-08-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人