自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(54)
  • 收藏
  • 关注

原创 【UmiJS学习】01-快速上手

首先附上官网链接:https://umijs.org/zh-CN/,我们按照官网介绍实现简单的项目初始化准备环境,官网推荐node版本在10.13以上,我的是node=14.16.0,npm=6.14.11(我使用的是nvm包管理器,管理node版本十分方便)官网推荐用yarn来管理依赖,并使用国内源,到那时我觉得没必要,反正都能用,我还是只安装了yarn:npm install yarn -g创建项目,先建个空文件夹,我的名字是UmiJS-Study,这里可以取自己想要的名字,我的项

2022-02-11 11:34:19 895 1

原创 【GraphQL学习】01-Express初搭建GraphQL接口

系统需要安装nodejs环境,版本最好是12.22.0或者14.16.0或者大于等于16.0.0,我用的是14.16.0版本的(这里用nvm管理node版本会比较方便)首先初始化项目 npm init -y,会生成package.json文件(这个.gitignore是我自己在项目初始化之前就配置的git配置文件,一般自己练习的项目有没有都无所谓)安装express和graphql以及express-graphqlnpm install express graphql express-graph

2022-02-10 10:29:19 1333 1

原创 【JavaScript练习】小数乘法

【JavaScript练习】小数乘法

2022-02-09 15:38:54 642

原创 【Magento学习路程】magento-pwa下载安装使用

magento-pwa基础项目搭建使用教程

2022-02-09 15:33:37 653

原创 【JavaScript练习】二进制转换3

二进制转换3<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2021-03-02 15:25:27 69

原创 【JavaScript练习】二进制转换2

二进制转换2<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2021-03-02 15:13:54 99

原创 【JavaScript练习】二进制转换

二进制转换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title

2021-03-02 15:10:30 111

原创 【JavaScript练习】模块化

模块化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g

2021-03-02 12:02:11 85

原创 【JavaScript练习】柯里化

柯里化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g

2021-03-02 11:43:42 94

原创 【JavaScript练习】二次封装2

二次封装2<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title

2021-03-02 11:18:07 118

原创 【JavaScript练习】apply函数调用

apply函数调用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2021-03-02 11:09:18 102 1

原创 【JavaScript练习】使用arguments

使用arguments<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2021-03-02 09:59:28 92

原创 【JavaScript练习】二次封装函数

二次封装函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2021-03-02 09:37:00 149

原创 【JavaScript练习】使用闭包

使用闭包<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&

2021-03-02 09:35:33 87

原创 【JavaScript练习】流程控制

流程控制<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&

2021-03-01 11:48:41 183 1

原创 【JavaScript联系练习】实现一个打点计时器

实现一个打点计时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> &

2021-03-01 11:17:08 144

原创 【JavaScript练习】数组查找数据并置顶

【JavaScript练习】数组查找数据并置顶<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

2021-02-21 22:32:49 239

原创 【JavaScript练习】实现数组按照数组项中userName中的姓名拼音排序

【JavaScript练习】实现数组按照数组项中userName中的姓名拼音排序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i

2021-02-21 22:28:04 527

原创 【H5C3练习】纯CSS实现下图所示的布局效果

【H5C3练习】纯CSS实现下图所示的布局效果绿色色值是:#00BC9B,灰色色值是:#BCBCBC注意HTML的语义化、内容的扩展性以及尺寸的自适应性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="

2021-02-21 21:55:16 293

原创 【JavaScript练习】关于字符串处理

【JavaScript练习】关于字符串处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

2021-02-21 21:48:18 114

原创 【JavaScript练习】字节单位变换

【JavaScript练习】字节单位变换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt

2021-02-21 21:43:22 66

原创 【JavaScript练习】数组练习

【JavaScript练习】数组练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-02-21 21:18:38 168

原创 【JavaScript练习】字符串去重、反转、大写字母个数

【JavaScript练习】字符串去重、反转、大写字母个数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal

2021-02-21 20:44:08 120

原创 【JavaScript练习】生成随机数

【JavaScript练习】生成随机数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-02-21 13:06:14 477

原创 【JavaScript练习】利用定时器做倒计时效果

【JavaScript练习】利用定时器做倒计时效果运行结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <sty

2021-02-05 16:41:20 584 1

原创 【JavaScript练习】发布并删除留言功能

【JavaScript练习】发布并删除留言功能运行结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <styl

2021-02-04 10:43:25 374 4

原创 【JavaScript练习】创建留言板发布留言

【JavaScript练习】创建留言板发布留言运行结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <st

2021-02-03 20:28:16 301 1

原创 【JavaScript练习】下拉菜单栏效果

【JavaScript练习】下拉菜单栏效果运行结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g

2021-02-03 19:39:55 141

原创 【JavaScript练习】tab栏切换效果

【JavaScript练习】tab栏切换效果运行结果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style

2021-02-03 17:55:04 225

原创 【JavaScript练习】表格全选及取消全选功能

【JavaScript练习】表格全选及取消全选功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2021-02-03 16:52:29 110

原创 【JavaScript练习】表格隔行变色案例

【JavaScript练习】表格隔行变色案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2021-02-03 16:50:04 275

原创 【JavaScript练习】统计字符串中出现次数最多的字符

【JavaScript练习】统计字符串中出现次数最多的字符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <scrip

2021-02-01 19:15:14 126

原创 【JavaScript练习】数组中某元素出现的位置和次数

【JavaScript练习】数组中某元素出现的位置和次数<!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

2021-02-01 18:11:03 870

原创 【JavaScript练习】求字符串中某个字符出现的位置和次数

【JavaScript练习】求字符串中某个字符出现的位置和次数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <scr

2021-02-01 18:04:46 163

原创 【JavaScript练习】数组去重

【JavaScript练习】数组去重<!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>

2021-02-01 17:34:27 108

原创 【JavaScript练习】猜数字游戏

【JavaScript练习】猜数字游戏<!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>

2021-02-01 15:16:07 597

原创 【JavaScript练习】封装自己的Math对象,包括PI值和最大值最小值

【JavaScript练习】封装自己的Math对象,包括PI值和最大值最小值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

2021-02-01 14:36:23 966

原创 【JavaScript练习】输入年份,输出2月份天数

【JavaScript练习】输入年份,输出2月份天数<!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&g

2021-01-31 13:10:15 2937

原创 【JavaScript练习】函数封装判断闰年

【JavaScript练习】函数封装判断闰年<!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>

2021-01-31 12:56:40 676

原创 【JavaScript练习】函数封装对数组进行冒泡排序

【JavaScript练习】函数封装对数组进行冒泡排序<!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&

2021-01-31 12:31:09 822

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除