Javascript实战

Javascript实战 一、获取选项、文本框中的值、监听按钮的click document.getElementById('recognizeBtn').addEventListener('click', function() { const inputText = document.getElementById('input').value; const selectElement = document.getElementById("select-option"); // 获取选择框元素 var selectedValue = ……

工具站一:AI生成图片

工具站一:AI生成图片 这个是调用openai的结口生成四张图片的网站,可是测试下来,发现老是提示openai的key达到限额,可能我没有充值的缘故吧,所以测试失败,不过还是学到不少东西的。 一、按钮 原来可以直接从网站复制到网页上面。 二、JS捕捉鼠标的click这个动作,还可以取到input里面的值,然后后台执行一系列的操作。 1. 平常的form表单是……

获取用户Geo

获取用户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搭建开发环境 一、安装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 简单易上手……

Java script的async函数

Java script的async函数 一、成果展示 二、知识点 (一).then aysn 第二种写法用.then,就是等前面的数据取到之后,然后执行这个代码。 用aysn的话,就可以非常简洁的写出这样的代码。 (二)catch error 三、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ……

Covid API数据展示

Covid API数据展示 对着视频敲了一遍代码,一个12分钟的视频,花了我差不多2小时才跑通。 一、成果展示 二、小知识 (一)(jQuery)${}模板字符串使用方法 第一次接触这个,搞了半天都没有搞定,后来还是用了原来的字符串拼接方法。 需要注意的是,这里是反引号,也就是键盘上Tab键上方的键。 其实,这是es6的语法,叫模板字符串,用起来……

Java script数据库的增删改查项目

Java script数据库的增删改查项目 对着视频敲了一遍代码,一个多小时的视频,花了我差不多一天的时间(8小时) 一、成果展示 二、项目理解 (一)使用IndexDB(用的是dexie) 什么是IndexDB? 随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。 通俗地讲,IndexedDB 就是浏……

To Do List

To Do List 学习javascript要看的5个项目:https://www.youtube.com/watch?v=roumzWd4XJU 一、成果: 二、代码 index.html <!DOCTYPE html> <!-- Coding By CodingNepal - youtube.com/codingnepal --> <html lang="en"> <head> <meta charset="UTF-8"> <me……

Page: 1 of 2 1 2