Swxctx

前言本文档主要演示vue项目的创建以及初步开发，详细安装教程可以参考官方文档进行操作。开发环境node 16.0.0npm 7.10.0yarn 1.5.2vue @vue/cli 5.0.4系统 mac源码下载参考vue官方教程vue cli使用教程知识点VueVue cli项目创建流程Vue 项目启动运行Vue项目目录结构Vue项目界面开发Vue项目界面跳转Vue项目路由管理项目创建执行命令 vue create example 创建一个名称为ex

基本函数示例简单函数使用function prin(){alert("swxctx");}点击带参数函数带参数函数function prin(var1,var2){alert(""+var1+" and "+var2+"");}点击函数返回值函数返回值function myFunction(a,

1 对话框输出（window.alert()）输出通过对话框输出window.alert(4+5);2 操作Html元素如需从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。 即使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：

垂直导航栏示例垂直导航栏实例ul{ list-style-type:none; margin:0; padding:0;}a:link,a:visited{ display:block; font-weight:bold; color:#FFFFFF; background-color:#98bf21; width:120px; text-align:

选择器示例说明:linka:link选择所有未访问链接:visiteda:visited选择所有访问过的链接:activea:active选择正在活动链接:hovera:hover把鼠标放在链接上的状态:focusinput:focus选择元素输入后具有焦点:first-lett

CSS组合选择符包括各种简单选择符的组合方式。在 CSS3 中包含了四种组合方式:后代选取器(以空格分隔)子元素选择器(以大于号分隔）相邻兄弟选择器（以加号分隔）普通兄弟选择器（以破折号分隔）后代选取器（后代选取器匹配所有标记元素的后代元素。）：后代选取器div p{background-color:#33FF99}段落

块元素对齐：块元素是一个元素，占用了全宽，前后都是换行符（块元素可以把左，右页边距设置为"自动"对齐）块元素的例子：中心对齐-使用margin属性margin属性可任意拆分，页边距设置自动指定，结果都是出现居中元素（如下实例所示）：margin.sw{margin:auto;width:65%;background-colo

CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。如下实例（图像向右浮动）：图像向右浮动img{float:rig

CSS定位属性允许为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。元素可以使用顶部，底部，左侧和右侧属性定位。但是，这些属性无法工作，需要先设定position属性。他们也有不同的工作方式，这是取决于定位方法.定位可以有四种方式：1 Static定位这是HTML元素的默认值，即没有定位，元素出现在正常的流中；同时静态定

display:none或visibility:hidden隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。h1.hidden {visibili

属性描述height设置元素的高度。line-height设置行高max-height设置元素最大高度max-width设置元素最大宽度min-height设置元素最小高度min-width设置元素最小宽度width设置元素宽度可使用：百分比（%）、像素（px

for循环fro循环点击function myFunction(){ var x="",i; for (i=0;i<5;i++){ x=x + "这个数字是" + i + ""; } document.getElementById("demo").innerHTML=x;}无标题文档点我function myFunction

警告框警告框function myFunction(){alert("警告框");}框体内容换行无标题文档点击function myFunction(){alert("hello\n警告框");}确认框确认框点击function myFunction(){ var x; var

if-else随机链接var x=Math.random();var x=document.getElementById("demo")if (r>0.5){ x.innerHTML="Visit baidu";}else{ x.innerHTML="Visit WWF";}switch无标题文档点击查看function

在这里，演示的是引入两个表盘，那么直接通过代码来看吧...Insert title here // 路径配置 require.config({ paths: { echarts: 'js/dist' } }); // 使用 require

在开发中，例如通过struts2的重定向，并且传递参数时，我们需要在下一个页面得到传递的参数值我们可以通过javascript进行获取，如下代码所示：script代码 //Name表示要获取哪个参数的值 function GetPararef(Name) 　　{ //获取url值 var ref=window.location.href; 　var args

一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters) 其中：pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例： wi

音频：使用embed使用object使用audio 雅虎播放器Play mp3Play wav使用超链接点击播放视频：点击播放(video) 使用video（object） 使用超链接点击播放

舍入无标题文档舍入与“3.5”最接近的整数点我function myFunction(){ document.getElementById("demo").innerHTML=Math.round(3.5);}随机数无标题文档显示一个随机数点我function myFunction(){ document.getElem

concat()连接两个或更多的数组，并返回结果。evrery()检测数值元素的每个元素是否都符合条件。filter()检测数值元素，并返回符合条件所有元素的数组。indexOf()搜索数组中的元素，并返回它所在的位置。join()把数组的所有元素放入一个字符串。lastindexOf()返回一个指定的字符串值最后

显示日期datevar d=new Date();document.write(d);无标题文档显示1970年1月1号至今的毫秒数。点我function myFunction(){ var d = new Date(); var x = document.getElementById("demo"); x.innerHTML=d.

字符串长度length var txt="swxctx"; document.write(txt.length);字符串样式字符串样式var txt = "Hello World!";document.write("字体变大: " + txt.big() + "");document.write("字体缩小: " + txt.small

简单计时简单计时点击按钮，2 秒后弹出 "Hello"。点我function myFunction(){ setTimeout(function(){alert("swxctx")},2000);}无标题文档function timedText(){ var x=document.getElementById('txt'); var

无标题文档function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var expires = "expires="+d.toGMTString(); document.cookie = cnam

CSS Padding（填充）属性定义元素边框与元素内容之间的空间。当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。  单独使用填充属性可以改变上下左右的填充。缩写填充属性也可以使用，一旦改变一切都改变。length定义一个固定的填充(像素, pt, em,等)%使用百分比值定义一个填充

margin清除周围的元素（外边框）的区域。margin没有背景颜色，是完全透明的margin可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。auto设置浏览器边距,这样做的结果会依赖于浏览器length定义一个固定的margin（使用像素，pt，em等）%定义一个使用百分比的边距m

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，起到突出元素的作用。轮廓（outline）属性指定了样式，颜色和外边框的宽度。属性说明值版本outline设置所有的外边框属性outline-coloroutline-styleoutline-widthinherit2outline-co

标签 定义供用户输入的表单定义输入域定义文本域 (一个多行的输入控件)定义了 元素的标签，一般为输入标题定义了一组相关的表单元素，并使用外框包含起来定义了 元素的标题定义了下拉选项列表定义选项组定义下拉列表中的选项定义一个点击按钮

布局使用div元素布局Main Title of Web PageMenuHTMLCSSJavaScriptContent goes hereCopyright © Swxc.cc使用table进行布局Main Title of Web PageMenuHTMLCSSJavaScriptContent goes her

HTML 文本格式化标签标签描述定义粗体文本定义着重文字定义斜体字定义小号字定义加重语气定义下标字定义上标字定义插入字定义删除字HTML "计算机输出" 标签标签描述定义计算机代码

标签 定义有序列表定义无序列表定义列表项定义定义列表自定义列表项目定义自定列表项的描述无标题文档无序列表abc有序列表swxctxswxctx自定义列表sw--1234567xc--7867856不同类型的有

表格标签 定义表格定义表格的表头定义表格的行定义表格单元定义表格标题定义表格列的组定义用于表格列的属性定义表格的页眉/定义表格的主体定义表格的页脚thead {color:green;}

HTML 元素开始标签 *元素内容结束标签 *段落链接换行*开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。HTML Element SyntaxHTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容是开始标签与结束标

图像标签（ ）和源属性（Src）在 HTML 中，图像由 标签定义。 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。定义图像的语法是：url" alt="some_text">URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn

h1{color:#FF0000}p{color:#000099}百度(baidu/com)旧版-->标题1段落访问baidu.com!swxxctxone标题2段落背景颜色标题3文本字体大小颜色设置标题居中

链接html链接百度有用的提示访问有用的提示部分创建图片链接无边框图片链接查看21swxctxone2swxctx跳出这里点击跳出这是一个电子邮件链接：发送邮件这是另一个电子邮件链接：发送邮件!

xc2这个文本是加粗的这个文本是加粗的这个文本字体放大这个文本是斜体的这个文本是斜体的这个文本是缩小的这个文本包含下标这个文本包含上标此例演示如何使用 pre 标签对空行和 空格进行控制计算机输出键盘输入打字机文本计算机代码样本计算机变量注释：这些标签常用于显示计算机/编程代码。

框架移除边框目录链接百度

HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。 种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。这个表格给出了由三种颜色混合而成的具体效果：颜色值颜色(Color)颜色十六进制(Color HEX)颜色RGB(Color RGB) #000000rgb(0,0,0)

字符Construct输出结果  ̀aàà  ́aáá̂aââ  ̃aãã  ̀OÒÒ  ́OÓÓ̂OÔÔ  ̃