- 博客(44)
- 收藏
- 关注
原创 promise的理解
console.log("打开");console.log("放入");console.log("关闭");//将这三个程序改为定时器console.log("打开");},3000)console.log("放入");},2000)console.log("关闭");},1000)Promise是 JavaScript 中用于处理异步操作的一种编程模式,属于回调地域。它是一个代表了某个异步操作最终完成(或失败)及其结果值的对象。
2024-11-27 19:33:54
787
原创 ES6语法第三天
Set(集合)和Map(映射),区别在存储和操作数据的方式,Set存储唯一值,Map存储键值对,Set元素无序,Map元素有序,Set存值,Map存键值对,Set和Map键唯一,Set常用方法add,delete,has,clear,Map常用方法set,get,delete,clear。:set(key, value) 添加或更新键值对,get(key) 获取键对应的值,delete(key) 删除键值对,has(key) 检查键是否存在,clear() 清空所有键值对。是一种键值对的集合,它是无序的。
2024-11-22 11:36:23
599
原创 ES6语法第二天
模版字符串(Template Strings),也被称为模板字面量(Template Literals),是 ECMAScript 6(ES6)中引入的一种新的字符串语法。后续对于原型和原型链的学习建立在ES5语法中的构造函数的基础上,学习ES6中的class(类)来完成。箭头函数(Arrow Function)是作为函数的省略写法来进行,在特定情况下省略一些符号来达成简便的代码,是 ECMAScript 6(ES6)中引入的一种新的函数表达式,它使用。箭头函数的语法比普通函数更简洁,省略了。
2024-11-22 10:09:54
788
原创 ES6语法第一天
声明的变量不能被重新赋值,但如果它是一个对象或数组,其内部的属性或元素仍然可以被修改。声明的变量不会发生变量提升,如果在声明之前访问这些变量,会抛出一个引用错误(ReferenceError)。对于对象,对应的值为key返回的内容,和数组一样变量少于数据量不赋值,变量多于数据量无值。声明的变量必须在声明时进行初始化,否则会抛出语法错误。声明的变量在赋值后不能被重新赋值,这有助于保持数据的不变性,减少因意外修改而导致的错误。声明的变量会发生变量提升,即在声明之前就可以访问到这个变量,但此时变量的值为。
2024-11-22 08:58:39
533
1
原创 后台管理系统窗体程序:首页
本次项目为后台管理系统,在本系统内的第三个界面为首页内iframe窗体的首页,由于数据库的图表等设计调用,我们对这个页面并不做多处处理,放入一张图即可。
2024-11-08 10:10:50
488
原创 后台管理系统:首页
作为项目首页,需要的大致内容为退出,快捷键的跳转,分类项目的跳转和实时变化,全局搜索功能同时为了安全性需要检查是否为网址登录,具备拦截和退出的功能。
2024-11-08 10:02:43
488
原创 数据库交互的本地项目:后台管理系统
后台管理系统包括登录界面,主界面,个人主页,管理查找编辑系统,在进行项目前需要先对项目进行大致分类,例如基础的框架搭建,样式布局,典型的交互设置等。由于项目文件的繁琐性和复杂性,我会将所有完成的HTML文件,CSS文件,JS文件进行展示,并在其中加入注解以方便观看。├──login.css # 登录CSS文件。├──index.css # 首页CSS文件。├──login.js # 登录JS文件。
2024-11-07 19:42:33
565
原创 JavaScript的第十四天
gi: 全局匹配 + 忽略大小写。给了范围a-z 26字母任意选择,但是只能匹配一个。从abc开始到abc结束,必须完全匹配。第一个位置从谁开始且按照顺序排列。开头只要匹配其中一个就可以了。{n,n} {4-16}次。{n} n为几就重复几次。只要包含abc就可以通过。只要匹配其中一个就可以了。{n,} n次及以上。
2024-11-01 08:53:31
377
原创 JavaScript的第十二天
通常用于在dom加载完毕后再执行的函数,为了避免因为dom元素尚未加载完成而导致的错误。这段函数会在页面的dom元素加载完成后自动开始进行函数内的事件处理程序。1、jQuery对象:用jQuery方式获取的对象,本质上是对DOM元素的包装,该方式获取的元素具有隐式迭代,可以自动遍历内部内容。jquery中类的操作无法影响原先的类,而js中的方法会覆盖原先的类。精准获取元素,index值为元素的索引值(从0开始)所有的索引值为偶数的元素(包括索引 0 )返回的是最近一级的父级元素。所有的索引值为奇数的元素。
2024-11-01 01:33:10
941
原创 JavaScript的第十一天
在使用offset系列时需注意该属性为css属性,一般用于和javascript结合使用来获取信息,所以在使用该属性时只能获取值而不能改变值。最近的具有定位属性的祖先元素顶部边缘左侧边缘。
2024-10-31 15:56:11
843
原创 JavaScript的第十天
在下列代码中,使用setTimeout的单次结束即结束特性完成一个3000毫秒定时的程序,在完成定时后将图片的属性设置为none即可完成隐藏。
2024-10-31 09:08:30
700
原创 JavaScript的第七天
通过id名来获取元素根据类名获得某些元素集合选择一个元素,如果是标签名则选择该标签名的第一个元素获取所有命名相同的元素获取body 元素获取html 元素。
2024-10-25 10:19:12
233
原创 JavaScript的第六天
2.核心算法: 我们遍历旧数组, 然后拿着旧数组元素去查询新数组, 如果该元素在新数组里面没有出现过, 我们就添加, 否则不添加。['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'] 要求去除数组中重复的元素。返回数组元素索引号方法 indexOf(数组元素),作用就是返回所需要查询的该数组元素的索引号。它只返回第一个满足条件的索引号,如果在该数组里面找不到元素,则返回的是 -1。替换,第一个参数是被替换的元素,第二个是要替换的元素(只替换第一个查找到的元素)
2024-10-25 08:34:01
846
原创 JavaScript的第四天
function 函数名() {函数体return 需要返回的结果;函数名();// (1) 我们函数只是实现某种功能,最终的结果需要返回给函数的调用者函数名()// 通过return 实现的// (2) 只要函数遇到return 就把后面的结果 返回给函数的调用者// 函数名() = return后面的结果。
2024-10-21 08:48:46
941
原创 JavaScript的第三天
(1)条件表达式:循环执行所需要的条件,当返回值为true时执行循环体,false就退出循环。初始化变量:声明一个变量,或一个已经声明的变量,通常是作为计数器的起点使用。(3)循环体代码中需含有操作表达式 ,完成计数器的更新,防止死循环。操作表达式:每次循环最后执行的代码,通常用于我们的计数器更新状态。在一些情况下,我们需要对条件进行判断,某些特定条件可以使用!条件表达式:循环结束所需要的条件,以此来判断每次循环是否结束。(2)循环体:循环代码中需含有计数器,来进行初始化变量。
2024-10-18 08:56:33
2041
原创 JavaScript的第二天
由数字,运算符,变量等组成的式子被称为表达式,在程序内进行运算时和一般的数学运算逻辑相反,在程序中运算结果被称为返回值,而运算逻辑为返回值=表达式。
2024-10-17 08:59:59
1177
原创 JavaScript的第一天
JavaScript作为前端网页中的行为层,主要的作用是为了完成行为交互的反馈和事件的进行。一般称呼为前端的脚本语言
2024-10-15 19:59:22
1157
原创 一些小结汇总
子元素会继承该属性,跟随父元素进行隐藏,且可设置单独的visibility属性,可以脱离父元素进行单独显示。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。子元素无法继承,但是会被隐藏,具有单独的display属性,无法脱离父元素单独显示。盒子的宽高直接为所设置的宽高,包含了内容宽高,内边距宽高,外边距宽高,更适合由外向里布局。
2024-10-14 09:07:57
348
原创 全栈:移动端布局
CSS2中主要是通过不同的媒体类型进行样式的选择,screen,print,speech等,CSS3继承了CSS2中的类型的同时,新增了通过屏幕设备宽度,分辨率等进行查询。
2024-10-10 09:11:48
449
原创 全栈:flex布局方式
row主轴为水平方向,起点在左侧(默认)主轴为水平方向,起点在右侧column主轴为垂直方向,起点在上侧(默认)主轴为垂直方向,起点在下侧nowrap不换行 默认情况下项目都排在轴线上wrap换行,行前往后排列换行,行从后往前排列flex-start向主轴开始的位置对齐(默认)flex-end向主轴结束的位置对齐center主轴方向居中对齐剩余空间主轴方向上以环绕的方式平均分配给项目剩余空间主轴方向上项目之间平均分配剩余空间主轴方向上平均分配。
2024-10-09 09:07:22
1060
原创 前端:HTML CSS阶段的一些补充
block:显示元素none:隐藏(不占位,会导致文本内容出现格式变化)常用于创建绝对定位下的下拉菜单或蒙版。
2024-09-26 09:12:35
1025
原创 全栈:HTML和CSS的补充
border-bottom-right-radius:定义右下 角的弧度。border-bottom-left-radius:定义左下角的弧度。border-top-right-radius:定义右上角的弧度。border-top-left-radius:定义左上角的弧度。border-radius:简写 左上 右上 右下 左下。2、outline-color:设置轮廓的颜色。3、outline-style:设置轮廓的样式。2、selection:被选中的文本。4、outline:设置轮廓的粗细。
2024-09-19 08:50:37
384
原创 全栈 前端第二周(第三天)
2、亲代选择器:使用 > 隔开,选择某元素的直接子元素,下列代码演示为在html中,存在多级父子关系的情况下,亲代选择器只会选择该父级的直接子级元素 3、相邻兄第选择器:使用 + 隔开,选择某元素后的相邻元素,且兄弟元素需要有相同的父元素,下列代码演示为在同一个父元素下,以 p1 为原点,它的向下相邻标签(可不同标签)注:选择的目标需是同一个父级元素下,可以是不同标签,且需在选择器下方的代码 4、后续兄弟选择器:使用 ~ 隔开,选择某元素后的所有同种标签的兄弟
2024-09-12 09:02:02
1066
原创 全栈:前端第二周(第二天)
px通过设置数值来定义字体大小,默认大小为16px(绝对单位)相对于父级元素宽度的百分比(相对单位)rem相对于根元素(html)的字体大小的倍数(相对单位)em相对于父元素的字体大小的倍数(相对单位)英文提示largersmallerxx-smallx-smallsmallmediumlargex-largexx-large(较少使用)通过上述代码可以得知:px属性:作为绝对单位,在定义完成后即显示固定大小;
2024-09-10 21:02:12
1066
原创 全栈:前端第二周 CSS的开端
CSS的全称为层叠样式表,即层叠(cascading)+样式(style)表(sheets),主要用于定义如何显示html元素。样式通常储存在样式表中,即在html文件的同级目录下创建一个 XXX.css 文件,通过link去引用该表对html文件进行样式定义,该表的作用是为了将内容和表现分离,方便进行维护。注:多个样式可以层叠为一个。css的语法css有三种用法,分别是:1.内部样式:通过在head标签中插入style标签使用2.内部/内联样式:在标签行内通过style属性添加样式。
2024-09-09 22:44:01
502
原创 全栈:前端第四,五天
HTML表单:用来收集用户的输入信息,表示文档中的一个区域,此区域包含交互空间(输入框,单选框,复选框,下拉列表,按钮......),将用户收集到的信息发送到服务器。
2024-09-05 18:19:10
952
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人