摘要：
可选链操作符 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>es11-可选链操作符</title> </head> <body> <script> function connect(config) { // 阅读全文
posted @ 2021-06-21 13:15
胡勇健
阅读(1256)
评论(0)
推荐(0)
摘要：
正则扩展-正反断言 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>es9-正则扩展-正反断言</title> </head> <body> <script> //字符串 let str = 'telepho 阅读全文
posted @ 2021-06-21 13:13
胡勇健
阅读(72)
评论(0)
推荐(0)
摘要：
正则扩展-命名捕获分组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>es9-正则扩展-命名捕获分组</title> </head> <body> <script> //字符串 let str = '<a 阅读全文
posted @ 2021-06-21 13:10
胡勇健
阅读(110)
评论(0)
推荐(0)
摘要：
正则扩展-dotAll模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>es9-正则扩展-dotAll模式</title> </head> <body> <script> //字符串 let str = 阅读全文
posted @ 2021-06-21 13:07
胡勇健
阅读(77)
评论(0)
推荐(0)
摘要：
await函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>await函数</title> </head> <body> <script> const p = new Promise((resolve,r 阅读全文
posted @ 2021-06-21 13:05
胡勇健
阅读(105)
评论(0)
推荐(0)
摘要：
async和await结合使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>async和await结合使用</title> </head> <body> <script> function readDat 阅读全文
posted @ 2021-06-21 13:02
胡勇健
阅读(285)
评论(0)
推荐(0)
摘要：
async函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>async函数</title> </head> <body> <script> async function fn() { //return 1 阅读全文
posted @ 2021-06-21 12:56
胡勇健
阅读(56)
评论(0)
推荐(0)
摘要：
模块化-babel转换ES6 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模块化-babel转换ES6</title> </head> <body> <script src="src/js/app.js" 阅读全文
posted @ 2021-06-21 12:54
胡勇健
阅读(161)
评论(0)
推荐(0)
摘要：
模块化-import语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模块化-import语法</title> </head> <body> <script type="module"> //1通用导入方 阅读全文
posted @ 2021-06-21 12:50
胡勇健
阅读(151)
评论(0)
推荐(0)
摘要：
模块化-export语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模块化-export语法</title> </head> <body> <script type="module"> //m1.js文 阅读全文
posted @ 2021-06-21 12:47
胡勇健
阅读(127)
评论(0)
推荐(0)
摘要：
模块化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模块化</title> </head> <body> <div id="ad"> </div> <div></div> <script> //m1.js 阅读全文
posted @ 2021-06-21 12:45
胡勇健
阅读(25)
评论(0)
推荐(0)
摘要：
class对象继承 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>class对象继承</title> </head> <body> <div id="ad"> </div> <div></div> <scr 阅读全文
posted @ 2021-06-21 12:41
胡勇健
阅读(51)
评论(0)
推荐(0)
摘要：
class子类对父类重写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>class子类对父类重写</title> </head> <body> <div id="ad"> </div> <div></div 阅读全文
posted @ 2021-06-21 12:34
胡勇健
阅读(293)
评论(0)
推荐(0)
摘要：
class静态成员 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>class静态成员</title> </head> <body> <div id="ad"> </div> <div></div> <scr 阅读全文
posted @ 2021-06-21 12:31
胡勇健
阅读(69)
评论(0)
推荐(0)
摘要：
class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>class</title> </head> <body> <div id="ad"> </div> <div></div> <script> //E 阅读全文
posted @ 2021-06-21 12:27
胡勇健
阅读(32)
评论(0)
推荐(0)
摘要：
Map <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Map</title> </head> <body> <div id="ad"> </div> <div></div> <script> //声明 le 阅读全文
posted @ 2021-06-21 12:24
胡勇健
阅读(26)
评论(0)
推荐(0)
摘要：
set集合实践 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>set集合实践</title> </head> <body> <div id="ad"> </div> <div></div> <script> 阅读全文
posted @ 2021-06-21 12:20
胡勇健
阅读(97)
评论(0)
推荐(0)
摘要：
set集合 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>set集合</title> </head> <body> <div id="ad"> </div> <div></div> <script> //s 阅读全文
posted @ 2021-06-21 12:11
胡勇健
阅读(38)
评论(0)
推荐(0)
摘要：
promise ajax <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>promise ajax</title> </head> <body> <div id="ad"> </div> <div></div 阅读全文
posted @ 2021-06-21 12:09
胡勇健
阅读(29)
评论(0)
推荐(0)
摘要：
promise读取文件 //js文件 <script> const fs = require('fs'); // fs.readFile("./test1.txt", function (err, data) { // if(err) throw err; // console.log(data.t 阅读全文
posted @ 2021-06-21 12:05
胡勇健
阅读(386)
评论(0)
推荐(0)
摘要：
promise基本语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>promise基本语法</title> </head> <body> <div id="ad"> </div> <div></div> 阅读全文
posted @ 2021-06-21 12:00
胡勇健
阅读(51)
评论(0)
推荐(0)
摘要：
生成器实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>生成器实例</title> </head> <body> <div id="ad"> </div> <div></div> <script> //模 阅读全文
posted @ 2021-06-21 11:56
胡勇健
阅读(40)
评论(0)
推荐(0)
摘要：
生成器函数声明和调用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>生成器函数声明和调用</title> </head> <body> <div id="ad"> </div> <div></div> <s 阅读全文
posted @ 2021-06-21 11:53
胡勇健
阅读(84)
评论(0)
推荐(0)
摘要：
生成器函数参数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>生成器函数参数</title> </head> <body> <div id="ad"> </div> <div></div> <script> 阅读全文
posted @ 2021-06-21 11:52
胡勇健
阅读(32)
评论(0)
推荐(0)
摘要：
迭代器-symbol.iterator <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>迭代器-symbol.iterator</title> </head> <body> <div id="ad"> </d 阅读全文
posted @ 2021-06-21 11:47
胡勇健
阅读(126)
评论(0)
推荐(0)
摘要：
symbol创建对象属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>symbol创建对象属性</title> </head> <body> <div id="ad"> </div> <div></div 阅读全文
posted @ 2021-06-21 11:45
胡勇健
阅读(53)
评论(0)
推荐(0)
摘要：
扩展运算符应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>扩展运算符应用</title> </head> <body> <div id="ad"> </div> <div></div> <script> 阅读全文
posted @ 2021-06-21 11:42
胡勇健
阅读(38)
评论(0)
推荐(0)
摘要：
函数参数默认值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>函数参数默认值</title> <style> div{ width: 200px; height: 200px; background-col 阅读全文
posted @ 2021-06-21 11:40
胡勇健
阅读(38)
评论(0)
推荐(0)
摘要：
rest参数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>rest参数</title> </head> <body> <div id="ad"> </div> <script> //es5获取实参方式 f 阅读全文
posted @ 2021-06-21 11:32
胡勇健
阅读(40)
评论(0)
推荐(0)
摘要：
箭头函数实践 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>箭头函数实践</title> <style> div{ width: 200px; height: 200px; background-color 阅读全文
posted @ 2021-06-21 11:29
胡勇健
阅读(44)
评论(0)
推荐(0)
摘要：
箭头函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>箭头函数</title> </head> <body> <script> //声明 let fn = function(a,b) { return a 阅读全文
posted @ 2021-06-21 11:21
胡勇健
阅读(34)
评论(0)
推荐(0)
摘要：
简化对象写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简化对象写法</title> </head> <body> <script> //变量，方法简化 let name = '小明'; let add 阅读全文
posted @ 2021-06-21 11:18
胡勇健
阅读(52)
评论(0)
推荐(0)
摘要：
模板字符串 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模板字符串</title> </head> <body> <script> //声明 let str = `字符串`; console.log(st 阅读全文
posted @ 2021-06-21 11:11
胡勇健
阅读(39)
评论(0)
推荐(0)
摘要：
变量解构赋值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>变量解构赋值</title> </head> <body> <script> //数组结构 const SCHOOLS = ['清华大学','北京 阅读全文
posted @ 2021-06-21 11:06
胡勇健
阅读(32)
评论(0)
推荐(0)
摘要：
const 定义常量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>const 定义常量</title> </head> <body> <script> //声明常量(要赋值，使用大写，不能修改） cons 阅读全文
posted @ 2021-06-21 09:11
胡勇健
阅读(89)
评论(0)
推荐(0)
摘要：
let定义变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>let定义变量</title> </head> <body> <script> let a; let b,c,d; let e = 10; le 阅读全文
posted @ 2021-06-21 09:05
胡勇健
阅读(168)
评论(0)
推荐(0)
摘要：
查看npm版本 npm -v npm初始化项目 npm init npm安装模块 npm install jquery npm install jquery@1.9.1 --save-dev npm卸载模块 npm uninstall jquery 卸载模块，但不卸载模块留在package.json 阅读全文
posted @ 2021-06-21 08:40
胡勇健
阅读(104)
评论(0)
推荐(0)
摘要：
canvas 描述 HTML5 实例 图形 <!doctype html> <html> <head> <meta charset="utf-8"/> <title>表单事件</title> <script type="text/javascript"> //直线 function line() { 阅读全文
posted @ 2021-06-21 08:30
胡勇健
阅读(111)
评论(0)
推荐(0)
摘要：
html窗口事件 onload 当文档加载时运行脚本 onresize 当调整窗口大小时运行脚本 实例 onload <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>窗口事件</title> <script> function 阅读全文
posted @ 2021-06-21 08:28
胡勇健
阅读(204)
评论(0)
推荐(0)
摘要：
html鼠标事件 onclick 当单击鼠标时运行脚本 ondblclick 当双击鼠标时运行脚本 onmousedown 当按下鼠标按钮时运行脚本 onmousemove 当鼠标指针移动时运行脚本 onmouseout 当鼠标指针移出元素时运行脚本 onmouseover 当鼠标指针移至元素之上时 阅读全文
posted @ 2021-06-21 08:26
胡勇健
阅读(576)
评论(0)
推荐(0)
摘要：
html键盘事件 onkeydown 当按下按键时运行脚本 onkeypress 当按下并松开按键时运行脚本 onkeyup 当松开按键时运行脚本 实例 <!doctype html> <html> <head> <meta charset="utf-8"/> <title>表单事件</title> 阅读全文
posted @ 2021-06-21 08:23
胡勇健
阅读(469)
评论(0)
推荐(0)
摘要：
html表单事件 onblur 当元素失去焦点时运行脚本 onchange 当元素改变时运行脚本 onfocus 当元素获得焦点时运行脚本 onselect 当选取元素时运行脚本 onsubmit 当提交表单时运行脚本 实例 onblur <!DOCTYPE html> <html> <meta c 阅读全文
posted @ 2021-06-21 08:21
胡勇健
阅读(163)
评论(0)
推荐(0)
摘要：
HTML 表单用于收集不同类型的用户输入。 html表单标签 <form> 定义一个 HTML 表单，用于用户输入。 <input> 定义一个输入控件 <textarea> 定义多行的文本输入控件。 <button> 定义按钮。 <select> 定义选择列表（下拉列表）。 <optgroup> 定 阅读全文
posted @ 2021-06-21 08:14
胡勇健
阅读(107)
评论(0)
推荐(0)
摘要：
html列表标签 <ul> 定义一个无序列表 <ol> 定义一个有序列表 <dl> 定义一个定义列表 HTML无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点进行标记。 <ul> <li>Coffee</li> <li>Milk</li> </ul> HTML 有序列表 有序列表使用数字进行 阅读全文
posted @ 2021-06-21 08:12
胡勇健
阅读(44)
评论(0)
推荐(0)
摘要：
表格由 <table> 标签来定义。 HTML 表格标签 <table> 定义表格 <th> 定义表格的表头 <tr> 定义表格的行 <td> 定义表格单元 <caption> 定义表格标题 <colgroup> 定义表格列的组 <col> 定义用于表格列的属性 <thead> 定义表格的页眉 <t 阅读全文
posted @ 2021-06-21 08:06
胡勇健
阅读(105)
评论(0)
推荐(0)
摘要：
在 HTML 中，图像由 <img> 标签定义。 框架/图像标签 <img> 定义图像。 <map> 定义图像映射。 <canvas> 通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。 <audio> 定义声音，比如音乐或其他音频流。 <video> 定义一个音频或者视频 阅读全文
posted @ 2021-06-21 08:05
胡勇健
阅读(83)
评论(0)
推荐(0)
摘要：
内联样式 <p style="color:blue;margin-left:20px;">这是一个段落。</p> 内部样式表 <style type="text/css"> body {background-color:yellow;} p {color:blue;} </style> 外部样式表 阅读全文
posted @ 2021-06-21 08:03
胡勇健
阅读(39)
评论(0)
推荐(0)
摘要：
<head> 元素包含了所有的头部标签元素。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script> 实例 meta <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaS 阅读全文
posted @ 2021-06-21 08:02
胡勇健
阅读(67)
评论(0)
推荐(0)
摘要：
HTML 使用超级链接与网络上的另一个文档相连。点击链接可以从一张页面跳转到另一张页面 html链接标签 <a> 定义一个链接 <link> 定义文档与外部资源的关系。 <nav> 定义导航链接 实例 a <a href="http://www.baidu.com">百度</a> link <lin 阅读全文
posted @ 2021-06-21 08:01
胡勇健
阅读(87)
评论(0)
推荐(0)
摘要：
html格式标签 <abbr> 标签用来表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"。 <address> 标签定义文档作者/所有者的联系信息。 <b> 标签定义粗体的文本。 <bdo> 标签用来覆盖默认的文本方向 <blockquote>标签定义摘自另一个源的块引用。 <cite> 阅读全文
posted @ 2021-06-21 08:00
胡勇健
阅读(135)
评论(0)
推荐(0)
摘要：
属性是 HTML 元素提供的附加信息。 HTML 属性 属性一般描述于开始标签 属性总是以名称/值对的形式出现，比如：name="value"。 id name class style常用属性 属性和属性值，尽量小写 class=" " 引号里面可以填入多个class属性 html属性 id 规定元 阅读全文
posted @ 2021-06-21 07:58
胡勇健
阅读(60)
评论(0)
推荐(0)
摘要：
HTML 文档由 HTML 元素定义。 HTML 元素要点 HTML 元素有单标签和双标签 HTML 元素可拥有属性 HTML 元素可以嵌套 HTML 标签对大小写不敏感，建议使用小写 实例 单双标签 <br/><hr/> <p></p><div></div> 属性 <input type='tex 阅读全文
posted @ 2021-06-21 07:57
胡勇健
阅读(36)
评论(0)
推荐(0)
摘要：
HTML 标题 HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。 实例 <h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6> HTML 阅读全文
posted @ 2021-06-21 07:55
胡勇健
阅读(66)
评论(0)
推荐(0)
摘要：
hello world <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hello world</title> </head> <body> <h1>第一个HTML</h1> <p>Hello world</p> </body> 阅读全文
posted @ 2021-06-21 07:53
胡勇健
阅读(56)
评论(0)
推荐(0)
摘要：
IP IP是Internet Protocol（网际互连协议）的缩写。 命令：ifconfig hosts文件 本地域名解析 windows c:\windows\system32\drivers\etc\hosts) linux /etc/hosts 命令：cat /etc/hosts DNS 域 阅读全文
posted @ 2021-06-21 07:52
胡勇健
阅读(135)
评论(0)
推荐(0)
摘要：
App.vue <template> <div id="app"> <Example></Example> </div> </template> <script> import Example from './components/Example' export default { name: 'A 阅读全文
posted @ 2021-06-21 07:41
胡勇健
阅读(2025)
评论(0)
推荐(0)
摘要：
安装axios npm install axios --save-dev App.vue <template> <div id="app"> <Example></Example> </div> </template> <script> import Example from './componen 阅读全文
posted @ 2021-06-21 07:27
胡勇健
阅读(8462)
评论(0)
推荐(0)
摘要：
安装sass-loader npm install sass-loader@10.2.0 --save-dev 安装node-sass npm install node-sass --save-dev 重启服务 npm run serve App.vue <template> <div id="ap 阅读全文
posted @ 2021-06-21 07:09
胡勇健
阅读(641)
评论(0)
推荐(0)
摘要：
安装vuex npm install vuex@next --save-dev vuex简单使用 store.js import { createStore } from 'vuex' // 创建一个新的 store 实例 const store = createStore({ state () { 阅读全文
posted @ 2021-06-21 03:01
胡勇健
阅读(4902)
评论(0)
推荐(1)
摘要：
vue-router安装 npm install vue-router@4 --save-dev vue-router使用 router.js import { createRouter, createWebHistory } from 'vue-router' import Component1 阅读全文
posted @ 2021-06-21 02:11
胡勇健
阅读(764)
评论(0)
推荐(0)
浙公网安备 33010602011771号