03,12,2021
|
dengwen168 |
一、安装node.js
下载:https://nodejs.org/zh-cn/
下载的是一个msi文件,在windows下直接点击安装即可。
注意事项:
(一)版本问题,
比如从官网首页下载的版本是16.13,这个只能在win8的电脑上运行,
为了在我的win7的电脑上运行,我后来下载的是v12.18.4的版本(15-Sep-2020 07:13 发布 )。
(二)文件格式
下载msi格式的安装包,不要下载zip格式的。
安装成功后,在cmd窗口中输入node,就会有这样的 ...
02,12,2021
|
dengwen168 |
一、成果展示
二、主要知识点
(一)leaflet
https://leafletjs.com/
Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库, 并只有38k,包含了大多数开发者需要的地图特点。它的特点如下:
1 leaflet是对手机端地图展示友好的开源的轻量级javascript库。
2 leaflet的跨终端支持良好,扩展性强
3 简单易上手,代码开源。
(二)setInterval
setInterval是一个实现定时调用的函数,可按照指定 ...
30,11,2021
|
dengwen168 |
一、成果展示
二、代码
<!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 ...
30,11,2021
|
dengwen168 |
一、成果展示
二、知识点
(一).then aysn
第二种写法用.then,就是等前面的数据取到之后,然后执行这个代码。
用aysn的话,就可以非常简洁的写出这样的代码。
(二)catch error
三、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial- ...
29,11,2021
|
dengwen168 |
对着视频敲了一遍代码,一个12分钟的视频,花了我差不多2小时才跑通。
一、成果展示
二、小知识
(一)(jQuery)${}模板字符串使用方法
第一次接触这个,搞了半天都没有搞定,后来还是用了原来的字符串拼接方法。
需要注意的是,这里是反引号,也就是键盘上Tab键上方的键。
其实,这是es6的语法,叫模板字符串,用起来也很方便,比原生的js + 拼接方便明了很多,现在给大家简单展示下用法。
原生
...
27,11,2021
|
dengwen168 |
对着视频敲了一遍代码,一个多小时的视频,花了我差不多一天的时间(8小时)
一、成果展示
二、项目理解
(一)使用IndexDB(用的是dexie)
什么是IndexDB?
随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。
通俗地讲,IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据, ...
27,11,2021
|
dengwen168 |
学习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 ...
26,11,2021
|
dengwen168 |
输入感叹号 得到一个简单html文件
# article.review
#.image-container
#img
26,11,2021
|
dengwen168 |
一、成果展示
二、代码
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" ...
26,11,2021
|
dengwen168 |
一、成果展示
二、代码
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: 49 of 215 1 ...
47 48 49 50 51 ...
215