![](https://img-blog.csdnimg.cn/a8fc7e21868c46e08d15902a7576a829.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 61
JavaScript笔记及小实战
liaoai
一个人只要知道自己去哪里,全世界都会给他让步。
展开
-
pubsub-js_消息订阅与发布_任意组件间通信
1.安装pubsub npm i pubsub-js2.引入import pubsub form 'pubsub-js'3.接收数据A组件接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。mounted(){ this.pubId = pubsub.subscribe('xxx',(msgName,data)=>{ //订阅消息 .... }) },4.提供数据methods: { ssss(){ pubsub.publi原创 2022-02-24 17:20:58 · 448 阅读 · 0 评论 -
JavaScript DOM编程艺术——实用的动画
效果HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-10-15 19:50:16 · 131 阅读 · 1 评论 -
JavaScript DOM编程艺术之第8章——充实文档的内容相关
文章目录HTML相关代码1.显示“缩略语列表”2.显示”文献来源链接表“3.显示”快捷键清单“4.addLoadEventHTML相关代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c原创 2021-09-27 19:31:19 · 1618 阅读 · 0 评论 -
JavaScript DOM编程艺术——综合案例
文章目录HTML代码template.htmlindex.htmlabout.htmlphotos.htmllive.htmlcontact.htmlCSS代码layout.csscolor.csstypography.cssbasic.cssJS代码HTML代码template.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2021-10-18 20:05:46 · 1936 阅读 · 2 评论 -
JavaScript DOM编程艺术之案例研究——图片库
文章目录1.图片库初始版功能1.1 HTML代码1.2 JavaScript代码2.图片库改进版检查两个问题2.1 改进后HTML代码2.2 改进后JavaScript代码1.图片库初始版功能点击相应文字在当前页面出现相应图片(不会打开新链接窗口),并且图片下有与图片对应的文本。1.1 HTML代码<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> &l原创 2021-09-19 20:08:27 · 166 阅读 · 0 评论