首页 > 其他分享 >【学习笔记】JS+VUE

【学习笔记】JS+VUE

时间:2023-04-11 14:11:37浏览次数:38  
标签:VUE 网页 外部 JavaScript 笔记 JS HTML

JS

JS教程

HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 控制了网页的行为

简介

1、什么是JS?

  • JavaScript 是一种轻量级的编程语言。
  • JavaScript 是可插入 HTML 页面的编程代码。
  • JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

2、JS有哪些作用?

  • 直接写入 HTML 输出流
  • 对事件的反应:按钮
  • 改变 HTML 内容
  • 改变 HTML 图像
  • 改变 HTML 样式:大小、颜色等
  • 验证输入:确定输入的格式

用法

1、Javascript 脚本代码必须位于 标签之间

2、脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中

  • <body> 中的 JavaScript
  • <head> 中的 JavaScript
  • 外部的JavaScript:
    • 外部 JavaScript 文件的文件扩展名是 .js。
    • 如需使用外部文件,请在

标签:VUE,网页,外部,JavaScript,笔记,JS,HTML
From: https://www.cnblogs.com/ouu2022/p/17306042.html

相关文章

  • 【学习笔记】HTML+CSS
    HTMLHTML教程简介编辑器基础元素属性标题段落文本格式化链接头部CSS图像表格列表区块布局表单和输入1、意义:用于收集用户的输入信息表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到Web服务器一个文本字段的默认宽度是20个字符2、form......
  • 直播平台源代码,js 时间戳转为日期格式
    直播平台源代码,js时间戳转为日期格式js把时间戳转为普通日记格式第一种 functiongetLocalTime(nS){     returnnewDate(parseInt(nS)*1000).toLocaleString().replace(/:\d{1,2}$/,'');   } ​第二种 functionadd0(m){returnm<10?'0'+m:m}func......
  • js检测页面关闭事件
    window.onbeforeunload=onbeforeunload_handler;window.onunload=onunload_handler;//页面关闭之前触发,在onunload事件之前触发,可以禁止onunload事件的触发functiononbeforeunload_handler(){varwarning="确认退出?";debugger......
  • git 入门笔记
    Git与Github入门笔记Git版本控制软件引用视频同步笔记:狂神聊Git(qq.com)git小游戏......
  • Python程序笔记20230303
    成绩评级程序分数<60,D60<=分数<80,C80<=分数<90,B90<=分数<100,A分数==100,S#输入分数score=int(input("请输入分数:"))#判断评级ifscore<0orscore>100:print("无效的分数")elifscore<60:print("......
  • 用quasar+vue3+组合式api 实现小米商城标题栏动画
    先来看一下小米商城标题栏动画:  小米商城标题栏动画主要特点:移入时二级菜单缓慢出现;移出时二级菜单缓慢消失;在一级菜单之间移动时,二级菜单内容直接切换,没有过渡效果。实现思路一、纯css实现(❌)首先肯定是考虑:hover,但是经过试验发现,:hover可以实现鼠标移入移出时的......
  • Python程序笔记20230302
    Alice、Bob和他们的朋友们问题主体密码学家Rivest、Shamir、Adleman于1977年4月撰写了一篇论文《数字签名与公钥密码学》(OnDigitalSignaturesandPublic-KeyCryptosystems),并投稿至了一个期刊上,不过很遗憾这篇论文被拒稿了。随后他们修改了论文,并将论文重新命名为《一种实......
  • ExtJS 轮播图UI组件(Carousel)
    ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html转载请注明出处:https://www.cnblogs.com/cqpanda/p/17177307.html更新记录2023年4月11日发布。Carousel组件(MordenToolkit)基本使用{xtype:'carousel',width:500,height:300,item......
  • ExtJS UI组件 - Titlebar
    ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html转载请注明出处:https://www.cnblogs.com/cqpanda/p/17183638.html更新记录2023年3月6日初始化。说明标题条组件。基本使用Ext.Viewport.add({xtype:'titlebar',docked:'top',title:......
  • ExtJS-UI组件-Toolbar
    ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html转载请注明出处:https://www.cnblogs.com/cqpanda/p/17183638.html更新记录2023年3月6日初始化。说明工具栏。基本使用{xtype:'panel',closable:true,draggable:true,title:'MyB......