一、成果展示
二、源代码
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<head>
</head>
<body>
<textarea rows="2" cols="20" id="TextArea1" runat="server"></textarea>
<form acti……
Javascript实战
一、获取选项、文本框中的值、监听按钮的click
document.getElementById('recognizeBtn').addEventListener('click', function() {
const inputText = document.getElementById('input').value;
const selectElement = document.getElementById("select-option"); // 获取选择框元素
var selectedValue = ……
工具站一：AI生成图片
这个是调用openai的结口生成四张图片的网站，可是测试下来，发现老是提示openai的key达到限额，可能我没有充值的缘故吧，所以测试失败，不过还是学到不少东西的。
一、按钮
原来可以直接从网站复制到网页上面。
二、JS捕捉鼠标的click这个动作，还可以取到input里面的值，然后后台执行一系列的操作。
1.
平常的form表单是……
获取用户Geo
一、成果展示
二、知识点
（一）Geolocation API
Geolocation API 用于检索用户的位置，例如，它可以用于使用映射 API 显示他们的位置。
网址：https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API/Using_the_Geolocation_API#examples
三、代码
（一）index.html
<!DOCTYPE html>
<html lan……
利用node.js搭建开发环境
一、安装node.js
下载：https://nodejs.org/zh-cn/
下载的是一个msi文件，在windows下直接点击安装即可。
注意事项：
（一）版本问题，
比如从官网首页下载的版本是16.13，这个只能在win8的电脑上运行，
为了在我的win7的电脑上运行，我后来下载的是v12.18.4的版本（15-Sep-2020 07:13 发布 ）。
（二）文件格式
下载msi……
显示地图
一、成果展示
二、主要知识点
（一）leaflet
https://leafletjs.com/
Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库， 并只有38k，包含了大多数开发者需要的地图特点。它的特点如下：
1 leaflet是对手机端地图展示友好的开源的轻量级javascript库。
2 leaflet的跨终端支持良好，扩展性强
3 简单易上手……
Js读取csv并用chart.js展示
一、成果展示
二、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script ……
Java script的async函数
一、成果展示
二、知识点
（一）.then aysn
第二种写法用.then，就是等前面的数据取到之后，然后执行这个代码。
用aysn的话，就可以非常简洁的写出这样的代码。
（二）catch error
三、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
……
Covid API数据展示
对着视频敲了一遍代码，一个12分钟的视频，花了我差不多2小时才跑通。
一、成果展示
二、小知识
（一）（jQuery）${}模板字符串使用方法
第一次接触这个，搞了半天都没有搞定，后来还是用了原来的字符串拼接方法。
需要注意的是，这里是反引号，也就是键盘上Tab键上方的键。
其实，这是es6的语法，叫模板字符串，用起来……
Java script数据库的增删改查项目
对着视频敲了一遍代码，一个多小时的视频，花了我差不多一天的时间（8小时）
一、成果展示
二、项目理解
（一）使用IndexDB(用的是dexie)
什么是IndexDB？
随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。
通俗地讲，IndexedDB 就是浏……