- 博客(71)
- 收藏
- 关注
RSS订阅原创 Java进阶知识点及案例总结（续2）
相同点：都可以改变函数内部的this指向区别点call和apply会调用函数，并且改变函数内部this指向call传递参数arg1,arg2...形式，apply必须使用数组形式[arg]bind不会调用函数，可以改变函数内部this指向主要应用场景call调用函数并且可以传递参数apply经常跟数组有关系，比如借助于数组对象实现数组最大值和最小值bind不调用函数，但是还想改变this指向，比如改变定时器内部的this指向性能优化说明使用场景防抖单位时间内，频繁触发事件，
2024-04-25 21:30:07
797
2
原创 JavaScript进阶知识点及案例（续）
面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作面向对象是以对象功能来划分问题，而不是步骤。
2024-04-24 21:46:55
983
3
原创 WebApis知识点案例总结（续2）
之前写出的页面数据刷新之后页面就没有了随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量数据，HTML5规范提出了相关解决方案数据存储在用户浏览器中设置，读取方便，甚至页面刷新不丢失数据容量较大，sessionStorage和localStorage约5M左右JavaScript中定义正则表达式的语法有两种const 变量名=/表达式/ //其中/ /是表达式字面量预定类说明\d匹配0-9之间的任一数字相当于[0-9]
2024-04-10 14:20:56
571
原创 WEBAPIS知识案例总结（续）
属性作用说明scrollLeft和scrollTop被卷去的头部和左侧配合页面滚动来写，可读写clientWidth和clientHeight获得元素宽高不包含border，margin，滚动条用于js获取元素的大小，只读属性offsetWidth和offsetHeight获取元素宽度和高度包含border，padding，滚动条等，只读offsetLeft和offsetTop获取元素距离自己定位父级元素的左，上距离获取元素位置的时候使用，只读属性。
2024-04-06 17:50:33
618
原创 Web APIs 学习知识总结
标签天生自带的属性 比如：class id title等，可以直接使用点语法操作比如：disabled checked selected在html5中推出来的专门的data-自定义属性在标签上一律以data开头在DOM对象上一律以dataset对象方式获取const one=document.querySelector('div')//只获取第一个div盒子。
2024-03-26 18:09:00
960
原创 JavaScript基础
如果先加载的JavaScript期望修改其下方的HTML，那么他可能由于HTML尚未加载成功而失效，因此，将js代码放在HTML页面的底部附近通常是最好的策略。当用户输入数据时，可使用变量将其存储起来，变量就是一个装东西的盒子，是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆。注意：单引号只会找距离其最近的单引号进行匹配，若想在单引号中加入引号，就不可再加单引号，但是可以添加双引号，外双内单或外单内双。小案例：页面弹出对话框，输入名字和年龄，页面显示：大家好，我是XXX，我今年XX岁了。
2024-03-12 22:48:13
1018
原创 移动WEB开发知识总结
数值越小，排列越靠前，默认为0。注意:和z-index不一样。/* 让三个盒子沿着侧轴底侧对齐 */*//* 若只让第三个盒子在底侧 */div span {order: -1;</style><body></body>流式布局(百分比布局)栅格系统英文为“gridsystems”,也有人翻译为“网格系统”，它是指将页面布局（rem是将整个设备宽度划分）划分为等宽的列，然后通过列数的定义来模块化页面布局。
2024-02-17 09:45:07
943
原创 阿里百秀移动端首页
bootstrap在设置字体图标时，通过引用相关字体图标的类名，就可直接在该元素前面添加一个伪元素放至字体图标，调整字体图标的位置时直接设置该元素的before伪元素即可。超小屏幕时阿里百秀图片隐藏，被替代为文字，给图片添加类名hidden-xs即可，事先准备好一个盒子来装文字，再让该文字只在超小屏幕显示即可，即添加类名visible-xs。，里面的a元素宽高撑满，a里的元素宽高也撑满，切记不可设置margin，设置li的宽度时，左边为50%，右边为25%,若使用margin则会把右边的图片挤下去。
2024-02-10 20:42:29
544
原创 苏宁易购移动端首页（rem布局）
banner区域放置一张图片，为了使图片也能自适应，应该设定banner的宽度和高度，图片在里面百分百就可以。该区域分为三个部分，可使用flex布局使三张链接图片平分为三部分，让a里面的图片宽度百分百即可。这次的nav先不用flex布局，用rem布局，每个a元素的宽高固定，再对a元素进行浮动即可。因为是rem布局，所以设置宽度高度或者跟数字有关的数据时，都要除以html的文字大小。剩下的样式都是常规操作，我就不详细说了，以上代码主要是熟悉rem布局的做法。1．新建index.less这里面写首页的样式。
2024-02-08 19:50:31
460
原创 携程网首页案例制作（移动端）
直接添加图片即可，但因为上面搜索区域是固定定位，不占据位置，下方图片某部分会被搜索区域覆盖住，因此要设置焦点图区域的padding-left使其往下方移动。搜索模块是一个固定定位，它与父亲没有关系，只与视口有关，所以设定位置为水平居中时，要以视口为标准。background:linear-gradient(起始方向，颜色1，颜色2，...);通常要设置最大宽度，最小宽度，水平居中，字体设置，背景颜色以及相关初始化。伪元素添加定位之后就变成行内块元素。三个子盒子就用到了线性渐变。固定定位的盒子要有宽度。
2024-02-07 23:24:48
1139
原创 京东首页移动端-web实战
京东自主研发推出DPG图片压缩技术，经测试该技术,可直接节省用户近50%的浏览流量，极大的提升了用户的网页打开速度。能够兼容jpeg，实现全平台、全部浏览器的兼容支持，经过内部和外部上万张图片的人眼浏览测试后发现，压缩后的图片和webp的清晰度对比没有差距。谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。之后的布局以及样式都与上面大致相同，京东移动端的练习就先到这里啦。根据改变之后的图片测量坐标。转换伪元素为块级元素。
2024-02-05 21:36:57
702
原创 HTML5和CSS3强化知识总结
之前总结定位元素水平垂直居中时，top left均为50%，之后margin-top为-高度的一半，margin-left为-宽度的一半，即可实现，但这一旦改变盒子的宽高，也得改变marign值，故tranform：translate（-50%，-50%）很方便的避免了频繁改动数据的问题。利用阴影进行动画设置，先利用定位将阴影与圆点放置合适位置，用一个盒子将其包含，让阴影水平垂直居中放置在盒子中，此时圆点就会在阴影正中间，利用动画将阴影的宽高调大，之后每个阴影进行延迟即可。
2024-02-04 11:13:24
3029
2
原创 品优购项目实战
gaouwuche品优购项目搭建工作：创建文件夹以及文件名称 说明 shoping 项目文件夹 images 样式类图片文件夹 css 样式文件夹 upload 产品类图片文件夹 fonts 字体类文件夹 js 脚本文件夹 首页 index.html CSS初始化样式文件 base.css CSS公共样式文件 common.css 模块化开发模块化：将一个项目按照功能划分一个
2024-02-02 14:30:43
870
原创 HTML以及CSS相关知识总结（二）
点击其中一个图层，按住shift键再点击另一个图层，即同时选中两个图层，之后点击图层菜单，选中图层菜单里的合并图层，快捷键为ctrl+e，即同时选中两个图层之后按ctrl+e就可直接合并图层。3.png图像格式是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点，能够保持诱明背景.如果想要切成背景透明的图片,请选择png格式。导出透明背景的图片，找到图层工具栏，下滑至最底端有个背景，点击前方的眼睛，点击后眼睛消失，同时页面背景会变成。在使用定位布局时，可能会出现盒子重叠的情况。
2024-01-26 13:30:22
1151
原创 HTML以及CSS相关知识总结(一)
在<head>标签内，可以通过<meta>标签的charset属性规定HTML文档应该使用哪种字符编码，一般情况下，统一使用"UTF-8"编码，即万国码，基本包含了全世界所有国家需要用到的字符。由以上代码可知，尽管ID选择器的权重比元素选择器的权重大，但p元素仍然使用了元素选择器的样式，因为ID选择器为父元素的样式，而p元素对于父元素的样式为继承，权重为0，故元素选择器的样式占上方。网页元素很多都带有默认的内外边距，而且不同浏览器默认的也不一致，因此在布局前，首先清除·网页元素的内外边距。
2024-01-21 12:18:43
1713
原创 C语言实现学生成绩管理系统（单链表）
本次我就用学到的相关链表知识总结回顾一下。首先还是先创建一个项目，分别创建头文件和源文件，头文件用来声明函数，源文件用来定义函数以及实现学生成绩管理系统。创建完成后如上图。先创建一个结构体用来存放学生信息（学号，姓名，成绩），在这里学号我使用的是字符数组，整型可能不能满足学号长度的需要。接着就是创建节点用来链接学生信息喽！节点如下:常规的放一个结构体（学生信息）以及下一个结点的地址。基本步骤就完成了。接下来是菜单，用来指引用户完成程序。菜单就用函数来实现（记得先在头文件里声明）。
2024-01-15 13:34:43
1378
原创 计数排序，基数排序及排序总结
在这里我在说说计数排序吧，计数排序就是将给定数组中的数进行计数，在从小到大依次输出即可。稳定性：当要排序的数组有相同数据时，排序后相同数据的相对位置不变，则称该排序算法稳定，否则即为不稳定.思想：分别取出每个数的个位，十位，百位······，每次依次通过个位。十位、百位···对其进行排序。计数排序的时间复杂度：O（N+range），它适用于范围集中的整型数组。平时这个排序用处不大，在此就不展示它的代码了。
2023-12-23 13:18:04
425
1
原创 快速排序（非递归）以及归并排序的递归与非递归
递归次数太多的缺陷：极端情况下（栈帧深度太深）会导致栈溢出，即使程序代码正确（递归的深度足够深时，空间不足，就会导致栈溢出），因此在实际应用中通常情况下是利用非递归算法实现。递归改成非递归：1.直接改循环（简单）2.借助数据结构栈模拟递归过程（复杂）首先要建立一个栈，直接引用之前建立过的栈即可，用栈来模拟左右递归的过程，由于栈是先进的后出，为了先排左边的，就得先将被分割后的右边下标存入栈中，当左边的下标被提取完之后，说明左边已经有序，接着取出右边的下标进行单趟排序即可。以此类推：Stack.h。
2023-12-21 20:21:54
887
原创 数据结构：直接选择排序和堆排序
这里我用两个变量同时找出最小值和最大值。注意：若begin为最大值，maxi即为最大值的下标，若将最小值与其交换，最大值的下标此时就不再是maxi，而变为mini了，故此时要调整maxi的位置。
2023-12-18 00:00:00
387
原创 插入排序：直接插入排序 希尔排序
假设红竖线前的元素全部排好序，红线后面的数即为要插入的数据，红线依次往后移，假设end为排好序的最后一个数字，end+1即为要插入的数字，一次插入时，end与要插入的数字依次比较，之后end--，直到end小于0后循环停止，进入下一次的插入数据，故让end等于for循环里的i即可，一次插入之后end就向后移一位，循环次数为n-2（若为n-1，end+1就会越界）。
2023-12-17 00:00:00
438
原创 周报：静态页面（酷狗首页）的制作-下
本周呢还是主要进行了酷狗剩余页面的完成，后半部分的网页结构非常相似，吸取了上次的教训之后，我添加了许多通用样式，再对特殊的样式进行修改，写代码的速度真的快了许多，而且心理上也没有任何压力。在这里我就说说其中一个样式的制作吧！样式效果如下：这里利用了固定定位和绝对定位以及字体图标的应用对于下方宽度不占满的边框，我是使用一个新的元素，设置其宽高，背景颜色以及居中设置的，当然，这只是我的想法，肯定也有很多更简便更好的方法实现。
2023-12-16 00:00:00
461
原创 清华大学考研复试上机题之二叉树的遍历
编一个程序，读入用户输入的一串先序遍历字符串，根据此字符串建立一个二叉树（以指针方式存储）。例如如下的先序遍历字符串：ABC##DE#G##F###其中表示的是空格空格字符代表空树。建立起此二叉树以后，再对二叉树进行中序遍历，输出遍历结果输入：abc##de#g##f###输出：c b e g d f a。
2023-12-15 00:00:00
422
原创 平衡二叉树
给定一个二叉树，判断它是否是高度平衡的二叉树。本题中，一棵高度平衡二叉树定义为：一个二叉树每个节点的左右两个子树的高度差的绝对值不超过 1。
2023-12-14 00:00:00
357
原创 二叉树的层序遍历
先用二叉树结构体front记录队列的front，之后取出二叉树front，并输出，如果二叉树front的左子树不为空，就将front的左子树插入到队列中，右子树同理，之后又将front替换到新队列的front元素，再移出输出，直到队列为空就停止。如果对上图的二叉树进行深度优先遍历的前序，则最终输出结果为A B D E C F G.而广度优先遍历输出结果为A B C D E F G.要想实现广度优先遍历，在这里我们可以使用队列来实现，不通过递归实现遍历。二叉树的前序，中序和后序遍历其实就是深度优先遍历。
2023-12-11 00:00:00
373
原创 周报：静态页面（酷狗首页）的制作-上
在前端领域学习了HTML和CSS有关知识后，我开始进行对常见网页制作的练习了，本次我尝试制作的是酷狗首页。以下为酷狗首页的样例：不难发现，酷狗首页和豆瓣首页有很多相似之处，练习酷狗首页就相当于我对常规页面制作的巩固复习吧。创建项目之后，首先就是将css文件与html文件分开，css文件包括重置样式，作者样式和通用样式，在这里我先补充一个之前豆瓣首页中我没总结过的相关效果的做法吧。
2023-12-10 12:52:49
1103
原创 数据结构：数和二叉树
结点的度：一个节点含有的子树的个数称为该节点的度；如上图：A的度为6叶节点或终端节点：度为0的节点称为叶节点；如上图B、C、H、I···等节点为叶节点非终端节点或分支节点：度不为0的节点；如上图：D、E、F、G····等节点为分支节点双亲结点或父节点：若一个节点含有子节点，则这个节点称为其子节点的父节点；如上图：A是B的父节点兄弟节点：具有相同父节点的节点互称为兄弟节点；如上图B、C是兄弟节点树的度：一棵树中，最大的节点的度称为树的度；如上图：树的度为6。
2023-12-10 11:45:29
850
原创 有效的括号
给定一个只包括‘[’，‘]’，‘{’，‘}’，‘(’，‘)’的字符串s，判断字符串是否有效。有效字符串需满足：1. 左括号必须用相同类型的右括号闭合。2. 左括号必须以正确的顺序闭合。输入：s=“（）”输出：ture输入：s=“()[]{}”输出：true输入：s=“（[”输出：false输入：s=“（[）]”输出：false。
2023-12-08 00:00:00
390
原创 线性表之-队列
队列：只允许在一端进行插入数据操作，在另一端进行删除数据操作的特殊线性表，队列具有FIFO（First in First Out）的特点入队列：进行插入操作的一端称为出队列：进行删除操作的一端称为。
2023-12-07 00:00:00
369
原创 线性表之-栈
栈：一种特殊的线性表，其只允许操作。进行数据插入和删除操作的一端称为，另一端称为栈中的数据元素遵守后进先出LIFO（Last In First Out）的原则。压栈：栈的插入操作叫做进栈/压栈/入栈，出栈：栈的删除操作叫做出栈，
2023-12-06 00:00:00
412
原创 环形链表 2：找出入环的第一个节点
给定一个链表返回链表开始入环的第一个点。如果链表无环，则返回NULL。为了表示给定链表中的环，我们使用整数pos来表示链表尾连接到链表中的位置（索引从0开始）。如果pos是-1，则在该链表中没有环。不允许修改给定的链表。做此题之前，我们先来推理一个结论,结论：一个指针从meet（slow和fast相遇的地方）开始走 ，一个指针从链表头开始走，它们会在入口点相遇。
2023-12-04 14:40:28
402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人