自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 简易数据库创建

1.于MySql创建数据库myschool2.连接数据库// 连接数据库const { Sequelize } = require('sequelize');const sequelize = new Sequelize('myschool', 'root', 'root', { host: 'localhost', dialect: 'mysql'});// 创建一个数据库连接的实力依赖的是连接池,所以不需要手动关闭数据库连接// 有场景需要可以使用sequelize.

2021-10-30 15:58:02 727

原创 数据库简介

1.数据库能干什么持久的存储数据备份和恢复数据快速的存取数据权限控制2.数据库的类型2.1.关系数据库特点:以表和表的关联构成的数据结构优点:能表达复杂的数据关系。强大的查询语言,能精确查找想要的数据缺点:读写性能比较差,尤其是海量数据的读写。数据结构比较死板用途:存储结构复杂的数据代表:Oracle、MySql、Sql Server2.2.非关系型数据库特点:简单的结构存储数据,文档型,键值对优点:格式灵活,海量数据读写效率很高缺点:难以表示复杂

2021-10-30 15:16:56 104

原创 js2048

创建一个4*4的网格操控上下左右键进行相对应移动,相同的数字碰到一起就会相加,直到网格上的数字与相邻的数字无法再进行移动和相加,游戏结束<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>网页版2048</title> <link rel=

2021-10-23 16:53:28 1686

原创 map集合源码

const m=new MyMap([ ["a",1], ["b",2]])class MyMap{ constructor(iterator=[]){ //判断是否是一个可迭代对象 if(typeof iterator[Symbol.interator]!=="function"){ throw new TypeError(`您所提供的${interator}不是一个可迭代对象`) } ..

2021-10-18 20:07:23 46

原创 迭代器和生成器

迭代器iterator运用场景:React框架,fetch1.什么是迭代?从一个数据集合中按照一定的顺序,不断取出数据的过程2.迭代和遍历的区别?迭代强调依次取出,不能确定取出的数据有多少,也不能保证数据取完遍历保证知道了数据的长度,循环不断地全部取出,针对于数据量过大的时候使用遍历会花费很多时间const arr=[1,2,3,4,5];//遍历for(let i=0;i<arr.length;i++){ console.log(ar...

2021-10-14 19:42:03 66

原创 ES6对象

1.1 新增技巧1.属性简写:属性名和属性值相同,只写属性名即可。2.方法简写:方发名和方法相同,只写方法即可。function createUser(loginId,loginPwd,nickName){ const say=function(){ console.log(loginId,nickName); } return{ loginId,//1.属性简写 loginPwd, nickName,

2021-10-11 20:16:07 114

原创 BootstrapⅡ

媒体查询在栅格系统中,我们在 Less 文件中使用以下媒体查询(media query)来创建关键的分界点阈值。/* 超小屏幕(手机,小于 768px) *//* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的(还记得 Bootstrap 是移动设备优先的吗?) *//* 小屏幕(平板,大于等于 768px) */@media (min-width: @screen-sm-min) { ... }/* 中等屏幕(桌面显示器,大于等于 992px) */@medi

2021-10-07 21:05:46 92

原创 Bootstrap Ⅰ

Bootstrap 将设置全局的 CSS 样式。HTML 的基本元素均可以通过 class 设置样式并得到增强效果。还有先进的栅格系统。栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。简介栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理:“行(row)”必须包含在.co.

2021-10-07 20:00:44 55

原创 JQ轮播图

<!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>Do.

2021-10-07 19:55:13 37

原创 JS飞机大战

<!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>Do.

2021-10-07 19:53:03 89

原创 JQ筛选-过滤

1.eq(index|-index)获取当前链式操作中第N个jQuery对象,返回jQuery对象,当参数大于等于0时为正向选取,比如0代表第一个,1代表第二个。当参数为负数时为反向选取,比如-1为倒数第一个,具体可以看以下示例。index:获取匹配的第二个元素2.hasClass(class)检查当前的元素是否含有某个特定的类,如果有,则返回true。这其实就是 is("." + class)。3.is(expr|obj|ele|fn)根据选择器、DOM元素或 jQuery

2021-09-25 21:45:27 287

原创 JQ后台管理(二)

jqzscg.js$(function(){$('.tbody').on("click",".delete",function(){vartarget=$(event.target);target.parents("ul").remove();})$('.checkedAll').click(function(){if($(this).is(':checked')){...

2021-09-25 21:29:09 82

原创 JQ后台管理(一)

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl...

2021-09-25 21:25:36 502

原创 奥特曼打怪兽

<script>varhero=newFight('凹凸曼',400,300,900,80);hero.output();varmonster=newFight('怪兽',450,240,1500,20);monster.output();console.log('-----------------');functionFight(name,...

2021-08-25 18:57:23 139

原创 JS正则表达式

String - indexOf(查询的数据) 返回查找数据下标 如果找不到返回-1 从左至右- lastIndexOf(查询的数据) 返回查找数据下标 如果找不到返回-1 从右至左- slice(起始下标,结束下标)将数据截取,不改变原数组- concat()字符拼接- substr()从起始位开始截取,指定截取长度- substring()从起始位开始截取,到结束位置- charAt()得到指定位置的字符- charCodeAt()同上,转换成ASCII码- replace(...

2021-08-07 11:09:16 118

原创 求出某年某月的每一天的星期

functiongetEveryDay(year,month){varnow=newDate(year,month,0).getDate();for(vari=1;i<=now;i++){varweek=newDate(year,month-1,i).getDay();console.log(`${year}年${month}月${i}日:星期${g...

2021-08-07 10:50:20 107

原创 有关于JS应用

哥德巴赫猜想接受用户传递的数据判断这个数是不是大于2并且是偶数varnum=prompt('输入一个数')if(isNaN(num)||num<=2||isOdd(num)){console.log('输入有误!');}else{for(vari=2;i<=num-2;i++){varj=num-i;if(isPrime(i)&&isPrime(j)&...

2021-08-07 10:37:12 33

原创 210728笔记-1

JS代码书写位子1.head插入/置于body末尾2.新建.js文件使用script引入基本语法1.语法大部分由英文组成2.每个语句结末加上分号最好3.大小写一定要区分开JS输出语句document.write() 将数据输出至页面console.log() 输出至控制台alert() 将数据以弹框的形式显示在页面中 #会阻塞后面代码运行JS输入语句prompt() ...

2021-07-28 20:55:02 38

空空如也

空空如也

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

TA关注的人

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