m0_75085583的博客

原创 TypeScript

public type: string //任何地方都可以使用private body: boolean = true //只有该类内部可以通过this使用// 如果类里面的成员属性没有初始值，而是通过实例化的时候传入，此时需要使用constructor// 如果类里面的成员属性有初始值，可以不用写constructorreturn `我是${this.type},我会动`//protected修饰符，允许在父类// 人类是动物类的子类/派生类，这里的动物类就是父类/基类/超类。

原创 TypeScript

一个变量可能是A类型也可能是B类型，如果A类型不成立（null或undefined）就是B 类型。类似js中的短路或||声明一个 void 类型的变量没有什么用，因为你只能将它赋值为 1undefined 和 null。例如：Ts是：:给我买一双NIKE 而js是：买一双鞋具体什么鞋没要求是一双鞋，是我能穿上的鞋就行。TypeScript是一种由微软开发的自由和开源的编程语言，是JavaScript的一个超集。把声明的类型变为可选的，可以使用Partial关键字，也可以使用?1，数组类型后面加 [ ]

原创 js中的可选链操作符，空值合并操作符

短路与：&& 找假，a&&b 如果a 为假值则返回a 如果a为真值则判断b如果b是假值，则返回b，如果两边都是真值则返回b。问题：如果中间数据有异常，则会报错，并且还会阻塞后面代码的执行。目的：避免在读取对象属性或者执行方法的时候不报错，通常用短路与。使用短路或|| 但是0 和''是合法有效的数据，也被当成假值。-是一个安全的操作，可以放心使用，确保代码的健壮性。背景：要读取嵌套里的属性或者对象里的方法并执行。

原创 Promise

1，Promise.resolve（）：成功状态的值 then来接收，then有两个回调函数，第一个接受唱成功的值，第二个参数是来接受失败的值。3，Promise.all():处理异步任务的并发(同一时间放生多个异步任务)场景,全部成功才成功，只要有一个不成功就不会成功。4，Promise.any（）:处理异步任务的并发场景，只要有一个成功就成功。Fulfilled(成功状态)：表示异步操作成功完成并返回一个成功的值。2，Promise.rejecet（）：失败状态的值 常用catch接收。

原创 防抖和节流

高频率触发的事件，在指定事件，在指定单位时间内，只响应最后一次，如果在指定的时间内再次触发，则重新计时。防抖类似于英雄回城6秒，如果回城中被打断，再次回城需要在等6秒防抖和节流的使用场景防抖(debounce)1.search搜索时，游湖不断输入值时，用防抖节流（throttle）1.鼠标不断点击触发，mousedown(单位时间内只触发一次)2.监听滚动事件，比如是否滑到底部自动加载更多，用throttle来判断。

原创 原型与原型链

注意：只有函数存在原型属性，如果把方法挂载到实例身上，每次实例化都会开辟新的内存空间，如果使用原型的方式，再把方法挂在到原生身上，则每次实例化不会开辟新的内存空间，并且将方法挂载到实例的本身上打印出来的结果为false，但是如果挂载到原型上就会返回true效果实例共享，所以推荐构造函数中生命属性。都指向Function.prototype，而Function.prototype的constructor指向本身，并且所有的函数都是Function的实例，例如，Object内置对象的.

原创 数组的方法

过滤 筛选 把数组中符合指定条件的数据保留，不符合的数据删掉，返回一个符合指定条件元素组成的新数组 如果没有则返回null 有返回值。slice()截取数组（start，end）取前不取后 截取为索引值，返回被截取的数组，影响原数组,但不会改变原数组。includes()：用来判断数组中书否包含指定的值，返回的是布尔值，如果包含返回true，不包含返回false。向数组的第一个位置添加元素，返回的是新数组的长度，会改变原数组的长度。reverse() 会改变原数组的顺序,颠倒数组中元素的顺序返回新的数组。

原创 DOM基础和DOM基础操作

原创 运用字面量构造函数的题

document.write(year + '年' + moth+'月'+date+'日'+'星期'+day + '班级总成绩'+zF+'平均分'+pJf);1、显示打印的日期。格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。-- 作业2-某班的成绩出来了，现在老师要把班级的成绩打印出来。XXXX年XX月X日 星期X--班级总分为:81。// 通过k可以获取遍历过程中的属性值。2、计算出该班级的平均分（保留整数）。

原创 制作一个函数，getDayNum( 年月日日期 )，可以返回指定日期是当前年的第几天，getDayNum( “2019-1-2”) 返回值为：2

/ 因为会出现小数所以用 Math.floor 向下取整。// console.log(day + '天');// 将获取的时间的毫秒数进行处理得到天数。// function fn（形参）return day + '天';// 输入的值fn（实参）；// 获取现在的时间。获取指定时间：时间对象。

原创 前端之js部分 纯干货

原创 前端之js部分

原创 前端之css部分 纯干货

原创 前端思维导图之HTML部分 纯干货

原创 wow.j(shttps://animate.style/):地址 animate动画效果

以此图为例，div class="row clerfloat" 是要有动画的大盒子 因此我们提前命名，方便我们找到，第二个div 则是animate动画的效果 给到盒子 ，让盒子来控制照片的显示效果。这里我们的效果是，让此盒子向右弹出，后面的属性依次是 动画样式 延时时间 占用空间位置 延时0.1秒 动画名称。最后要引入 wow.css的包，和wow.js的包，在本人主页的swiper的使用规范里有压缩包。右侧是你所选中的动画，可以复制拿来直接运用到 类名里。左侧显示你选中的动画样式的效果预览。

原创 swiperjs动画轮播使用规范及方法

点击在线演示，里面有很多样式可供选择，选择自己喜欢的或者样式满意的进行操作。复制代码红色区域代码复制到你需要轮播的地方。右键此页面，点击查看页面源代码。右侧画框位置点击在新窗口打开。比如：我选择的是按钮切换。

原创 重生之深度学习web前端第十一天（实现用户信息的删除与修改）

查询所有用户信息</a><a href="register.jsp">注册

原创 重生之深度学习web前端(前端页面公告区与后端进行动态交互)第十天

4、我们可以在登录的servlet里面调用查询所有类型的方法，然后把查询出来的数据存储在作用域中，跳转到首页后。6、使用核心标签库里面的foreach标签，把之前存储在作用域当中的数据循环迭代显示出来。4.在servlet中调用方法，把查询出来的数据，存储在session作用域中。5、在页面的公告栏中，通过使用jstl标签库中的核心标签库。2、创建类型的接口，在接口中定义查询所有类型的方法。3、在接口的实现类中，实现这个查询所有类型的方法。2.创建内容的接口，根据类型查询所属的内容方法。

原创 重生之深度学习web前端（注册事件绑定数据库）第九天

账号:账号:密码:密码:

原创 重生之深度学习WEB前端补充第八天的

- get 与post的区别 明文密文 get请求当点击登录的时候我们当前的form表单数据（账号密码以及信息）全部会呈现在url地址栏中，明文-->6.在servlet中处理登录的业务逻辑(根据页面的请求方式，在servlet对应的方法中实现，get请求==》doget,post==>dopost。-- post请求 是密文当我点击登录请求login端口时在url上面是看不见所请求的form表单数据的 -->//2.获取页面表单中提交的数据,把页面传递过来的用户名和密码获取到了。

原创 重生之深度学习WEB前端（前后端的交互）第八天

6.在servlet中处理登录的业务逻辑(根据页面的请求方式，在servlet对应的方法中实现，get请求==》doget,post==>dopost。5.创建servlet,servlet中的地址与页面提交表单的地址，要是一样的。4.创建用户接口的实现类，实现用户接口，实现接口中的登录方法。6.3调用登录方法，把获取到的参数（账号和密码）传递到方法中。登录失败后，页面跳转到登录页面，继续登录)3.创建用户接口，在接口中定义登录的方法。如果用户对象不为空意味着登录成功。登录成功后，页面跳转进首页。

原创 重生之深度学习WEB前端(EClipc与数据进行连接)第七天

/导包的时候注意,导入 .sql包下面的connection。// 2.通过驱动管理器里面的getConnection方法来获取数据库的连接对象。// 定义三个常量(数据库连接字符串，账号，密码)//不为空关闭数据库连接。* @param conn 数据库连接对象。// 定义数据库连接对象connection。//1.判断数据库连接对象是否为空。// 1. 加载数据库驱动。* 获取数据库连接的方法。/**关闭数据库的方法。

原创 重生之深度学习web前端(后端知识)第六天

insert into content VALUES(null,2,'9月22日正式服版本更新公告','2022:09:20 21:05:50');insert into content VALUES(null,3,'9月22日正式服版本更新公告','2022:09:20 21:05:50');-- select *（这个*代表所有的表中字段），如果你只是查表中某个字段，这里就写某个字段 from 表名 查询表中的所有数据。

原创 重生之深度学习web前端第五天

最后图片部分先在html中使盒子呈现如图布局，然后再进行微调下部的图片也是运用了无序列表以及等距分布(flex:1;上部的logo运用偏移属性bacakground-postion：标题运用了弹性布局使两个盒子左右分布。上部的logo运用偏移属性bacakground-postion：标题运用了弹性布局使两个盒子左右分布。最后，底部的照片和文字是在一个盒子里，并且还是要运用了无序列表以及超出盒子宽度自动换行的属性(左侧部分：和右侧原理一样，但在cs里需要引入一张图片并且需要调整照片大小。

原创 重生之我要深度学习web前端第四天

，相对定位(position: relative;)，绝对定位( position: absolute;在cs部分运用偏移属性(background-position;)将每个图片进行偏移到每个对应的小盒子里；偏移属性：( background-position:);在侧边悬浮中有：hover属性当鼠标移入之后显示的效果。/* 移入之后所替换的图片 */在图片的选取中也是运用了cs的偏移属性。/* 替换的照片的偏移量 *//* 移入之后鼠标变小手 */1 下载部分：(注意：细节微调)

原创 重生之我要深度学习前端第三天

里面嵌套ul li 无序列表 一个li对应一个板块 里面在嵌套一个ul li；公告部分： div class="infos slideTextBox"设置公共样式随后给每个spans的类名加颜色以及和边框的颜色。核心部分：标签（section id=“core”）li里每一个都有一个标题 class=“title”标题部分：class=”titles hd“内容部分： class=“list”list ul：color ：灰色；/*超出部分用......来代替*/上边部分是图片，下边部分是标题；

原创 重生之我开始深度学习前端了第二天

background: rgba(0,0,0,0.8) , 字体颜色。// 列表风格取消掉。左: 宽高42 外面的圆圈 border-redius : 42。导航区:无序列表ul,li li中用p标签一个放中文一个放英文。logo区域: 距离左边有一定距离 距离顶部一定距离。里面那层: 宽 高 距离顶部有一定的距离 弹性布局。

原创 重生之我开始深度学习前端了第一天

谢谢各位的观看 留一个免费的小心心吧

原创 重生之我开始深度学习前端了