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 src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.0/chart.min.js&q ...

Java script的async函数

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

Covid API数据展示

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

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

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

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"> <meta name="viewport" content="width=device-width, initial-scale=1 ...

Java script项目一:预览

一、成果展示 二、代码 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Starter</title> <!-- font-awesome --> <link rel="stylesheet" ...

Java script项目一:计数器

一、成果展示 二、代码 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Counter</title> <!-- styles --> <link rel="stylesheet" href="sty ...
Page: 63 of 229 1 ... 61 62 63 64 65 ... 229