- 博客(41)
- 收藏
- 关注
原创 Git仓库
什么是git?Git 仓库(或称为 Git 存储库、Git 仓库库)是一个存储项目所有版本历史的目录,其中包含了项目中的所有文件、历史记录以及关于这些文件和记录的元数据。Git 是一个分布式版本控制系统,它允许开发者在本地存储完整的项目历史记录,从而能够在没有网络连接的情况下进行工作。
2024-03-30 20:44:46
195
原创 Node.js
跨平台的node.js运行环境,使开发者可以搭建服务器端的js应用程序它可以编写服务器端程序;编写数据接口;提供网页资源浏览功能前端工程化:开发集成的所有工具和技术与浏览器环境的区别node.js环境中没有DOM和BOM。
2024-03-15 18:13:03
487
原创 Ajax(2)
传图片文件不能像传文字一样用JSON格式,可以用form-data类型携带文件1.获取图片文件对象2.使用FormData(浏览器内置的构造函数)携带图片文件3.提交表单数据到服务器,返回图片网址这里可能用到的事件监听器:change 事件通常用于在 HTML 表单元素的值改变时触发某些操作。最常见的应用场景是 <input>,<textarea>和 <select> 元素。
2024-03-13 21:51:24
1236
原创 ‘老生常谈’ - 图书管理系统
基于axios从服务器拿到需要数据,进行渲染、封装,新增数据并不是一条一条渲染,而是整体重新渲染;调用删除接口,需要id信息,但不能更改(最好隐藏);收集修改信息,提交给接口。对于该系统新增数据:收集表单数据、提交服务器保存 ->重新获取列表。对于删除数据,事件委托,请求服务器删除数据,重新渲染界面。在软件开发中,增、删、改、查这几个业务非常常见。获取id ->调用删除接口->重新渲染。
2024-03-08 20:25:15
221
1
原创 JavaScript进阶 (1)
js可以通过构造函数进行封装,但存在浪费内存问题每创建新的对象引用数据类型就开辟新的空间构造函数通过原型分配函数是所有对象所共享的每一个构造函数都有一个prototype属性,指向另一个对象,也称为原型对象js封装后可以面向对象编程例如写一个数组扩展函数每个原型对象里都有constructor属性该属性指向原型对象的构造函数,添加公共属性时:1.如果是追加不会丢失constructor(知道爸爸是谁)2.如果直接不难理解,constructor会丢失。
2024-03-04 18:41:01
286
原创 ecmascript 6+(2)
arr.reduce(functoin(pre(起始值或元素第一个值,循环后为返回值),current(后一元素)){拷贝对象Object.assign(要被追加的对象,对象)filter:过滤数组(返回新数组,筛选满足条件的数组元素)Object.keys(对象) 返回数组,内容为属性名。Object.values(对象) 返回数组,内容为值。包装类型:(底层数据类型会将简单数据类型包装为对象)forEach : 遍历数组(不返回数组)map:迭代数组(返回被处理的数组)对数组的元素循环操作。
2024-03-03 15:06:53
167
原创 WEB APIs (5)
其为js操作浏览器提供了方法window对象是一个全局变量,是BOM树根节点BOM的属性和方法都是window的,如document、console.log()等var定义在全局全局作用域中的变量、函数都会变成window对象属性和方法。
2024-03-02 14:56:46
1085
原创 ecmascript 6+(1)
内存分配(声明变量、函数、对象时自动分配)-内存使用(读写内存,即使用函数等)-内存回收(自动回收不再使用的内存)函数执行时,优先当前函数作用域变量;...为语法符号,在形参最后,arr是含有剩余参数的数组(在函数参数中使用)把所有var声明的变量提升到当前作用域最前面,只提升声明,不提升赋值。符号为 ...,和剩余参数语法符号相同,用于展开数组,获得所有元素。调用每个元素,传递给回调函数(与map不同,不返回新数组)子作用域能访问父作用域,父作用域不能访问子作用域。嵌套关系的作用域嵌套形成作用域链。
2024-03-02 07:44:17
414
原创 正则表达式
用于匹配字符串中字符组合的模式。在js中,正则表达式也是对象。日期格式:^\d{4}-\d{1,2}-\d{1,2}[a-zA-Z]匹配大小写英文字母其中任何一个。[^a-z]匹配小写英文字母以外任何单个字符。g,匹配所有满足正则表达式的结果。匹配成功返回数组,否则null。i,正则匹配时字母不区别大小写。.除换行符外的任何单个字符。[abc]匹配abc中一个。test()检测是否匹配。输入框的输入限制等。量词(表示重复次数)
2024-02-25 21:52:17
833
原创 DOM(文档对象模型)
仅获得所有元素节点(只选亲儿子,只不过把儿子里的内容也获取了)获得所有子节点,包括文本节点(空格、换行)、注释节点等。传入布尔值为true,克隆会包含后代节点一起克隆(深克隆)属性节点:所有属性如href、id、class等。flash(默认),不会包含后代节点(浅克隆)父元素.removeChild(要删除的元素)复制原有节点,把复制节点放到指定元素内部即。移动端独特的地方:touch(触摸事件)把创建的新的节点放入到指定元素内部。2.插入到父元素中某个子元素的前面。1.插入到父元素的最后一个子元素。
2024-02-23 10:11:42
420
原创 js-轮播图
例子(该案例进行了略微修改,下面会列出)否则箭头会定位到最大的HTML上,复制结构的代码,不要轻易更换。用box限制,其中用。hidden进行隐藏。
2024-02-22 15:55:25
182
原创 WEB APIs (4)
toLocaleString()、toLocaleDateString()、toLocaleTimeString()也可以显示粗略时间。1970年01月1日0时0分0秒其到现在毫秒数,计量时间的方式。将来的时间戳-现在的时间戳=剩余时间戳。代码中出现new关键字,创建时间对象。应用定时器可以实时显示时间。使用场景:倒计时效果。
2024-02-21 16:45:03
484
原创 WEB APIs (3)
事件对象有事件触发时的相关信息,如点击事件中事件对象储存了鼠标点在哪个位置的信息场景:用户按下了哪个键,按下回车键可以发布新闻鼠标点击了哪个元素,从而做哪些操作参数e为事件对象。
2024-02-20 15:34:02
1764
原创 js基础(1)
显示转换:‘ ’,0,undefined,null,false,NaN转换为布尔值都是false,其余都是true隐式转换:‘’+1=‘1’减法只能作用于数字,将‘’转换为0null经数字转换为0undefined经过数字转换为NaN。
2024-02-09 20:08:25
274
原创 移动端基础-vw适配
相对单位相对视口的尺寸换算 1vw=1/100视口宽度vw不需要向rem一样检查视口宽度若视口宽为375px1vw=3.75px。
2024-02-04 22:50:40
255
原创 移动端基础-响应式开发:Bootstrap前端开发框架
目前只考虑样式库CSS布局效果步骤:1.创建文件2.创建HTML骨架结构3.引入相应样式文件4.书写内容到官网下载好bootstrap.js创建文件夹:将样式引入直接查找css样式:注意:不同的样式是通过类来定义的,所有可以得到同样效果如下:书写内容:直接拿bootstrap预先定义好的样式使用可以修改bootstrap原来的样式,注意权重。
2024-02-03 15:53:06
1257
原创 rem适配方案之flexible.js
在任意不同的屏幕下都可以显示不同的大小,比单一的rem适配更灵活。案例:(技术 flexible.js + rem)若设计稿是750px,只需将文字设计为75px;rem值:页面元素px值 / 75。把设备分为10等分,比例一致;
2024-02-01 16:33:56
176
原创 移动端基础:rem适配布局
rem是相对单位,类似于em但rem的基准是相对于HTML元素的字体大小rem的优点是可以通过修改HTML文字大小改变页面元素大小,做到整体控制。
2024-01-30 22:59:15
969
1
原创 移动端基础:flex布局
弹性布局,任何容器都可以指定flex布局当父类设为flex布局之后子类的float、clear、vertical-align属性将失效采用flex布局的元素,称为flex容器所有子元素称为容器成员,简称‘项目’。可以横向排列也可以纵向排列通过给父类添加flex属性,控制子盒子位置和排列方式主轴和侧轴即行和列;x轴水平向右,y轴竖直向下。
2024-01-27 21:04:54
956
原创 移动端基础:流式布局
可以用谷歌浏览器模拟手机调试搭建本地web服务器,手机和服务器在一个局域网内,可通过手机访问服务器使用外网服务器,通过IP或域名访问。
2024-01-25 14:09:52
339
原创 前端网站制作
自己写的网站只有自己能访问浏览是不是太可惜了,如果想让更多人看到,可以放到服务器上服务器分文件服务器、数据库服务器、应用程序服务器、Web服务器等Web服务器可以向浏览器等Web客户端提供文档,也可以放置网站文件,让全世界浏览并下载;可以把自己电脑设为本地服务器,同一局域网就可以访问。
2024-01-23 22:42:23
419
1
原创 CSS高级技巧
精灵技术的目的:有效减少服务器接收和发送请求的次数,提高页面加载速度使用精灵图的核心:针对背景图片使用,把多个小背景图片整合到一个大图片。移动背景图片位置,可以用background-position移动距离就是目标图片的x,y轴坐标,y轴正方向水平向下因此如果往上往左移动,数值是负值类似移动大图片位置剪切缺点:图片文件比较大,放大缩小会失真;制作完毕更换非常复杂。用字体图标iconfont可以解决。
2024-01-21 22:53:05
847
1
原创 元素显示与隐藏
类似广告,点击关闭就不见了,刷新还会再出现。1.display显示隐藏2.visibility显示隐藏3.overflow溢出显示隐藏。
2024-01-20 22:47:18
300
原创 CSS基础(5)
1.浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子;2.定位则可以让盒子自由在某个盒子内移动位置或者固定屏幕中某个位置,并可以压住其他盒子。定位模式用于指定一个元素在文档中定位方式,边偏移则决定了该元素的最终位置。边偏移使定位盒子移动到最终位置;有top、bottom、left、right 4个属性。
2024-01-20 22:03:03
983
原创 CSS基础(4)
浮动可以改变标签默认的排列形式(不会有缝隙)浮动的应用:多个块元素一行排列;选择器 {float:属性值;(none(默认)、left、right)可以浮动到一边;同理,也可以移动到两侧。
2024-01-16 22:14:11
856
1
原创 takes?section?到底什么时候用( ̄⊿ ̄“)
每个课程可以被划分为多个不同的部分,以便更好地管理和组织学生、教师、时间表、教室等相关信息。这些部分可以是不同的班级、分组、讲座、实验室或其他形式的课程组织单元。通过在"section"表中存储相关信息,可以轻松地跟踪和管理大学中的各个课程或学科的不同部分。该表通常包含与课程或学科相关的信息,如部分编号、名称、教师、时间表、教室、容量等。它可能包含学生 ID、课程 ID、学期、年份、成绩等信息。在大学数据库的上下文中,`takes` 和 `section` 分别表示学生选课记录和课程的不同部分。
2023-12-27 23:51:05
419
2
原创 合法出栈顺序 —— 卡特兰数
那么从(0,0)点到(n,n)点的过程中,我们总共需要向右移动n步,向上移动n步,一共2n步。凡超越主对角线都可视为触碰到y=x+1,在第一个触碰点处,关于y=x+1对称,我们会发现所有触碰到y=x+1的路径都会对称到(n-1,n+1)处,共C(n-1,n+1)种,另Catalan(卡特兰数)=C (n,2n)-C(n-1,n+1)=f(0)f(n-1)+f(1)f(n-2)+······+f(n-1)f(0);1,2,5,14,42······,我们发现,这与卡特兰数极为相似,那么何为卡特兰数?
2023-09-06 23:59:44
456
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人