- 博客(25)
- 收藏
- 关注
RSS订阅原创 Vue3组件通信方式
在vue框架中事件分为两种：一种是原生的DOM事件，另外一种是自定义事件；所谓的原生dom事件即可以让用户与网页进行交互，比如click、dbclick、change、mouseleave......自定义事件即可以实现子组件给父组件传递数据。利用方法返回函数触发自定义事件。defineEmits方法不需要引入直接使用。持续更新中...
2024-06-03 15:36:41
342
原创 Vue3实现代码比对功能
在一些大型项目中对于修改了代码的部分可以很清晰的显示，这是非常实用的，也是我做项目需要用到的一个功能板块。配置完成后，就可以开始写代码比对组件啦~
2024-05-22 14:43:25
931
原创 JavaScript系列------3
记忆：''、0、undefined、null、false、NaN转换为布尔值后都是false，其余则为true。输出的age仍然为18，没有执行age++，因为不执行这一句，一假则假。console.log( x && y ) 都是真，输出。可以理解为一种无序的数据集合，注意数组是有序的数据集合。数据行为性的信息称为方法，一般是动词性的，其本质是函数。random: 生成0-1之间的随机数（包含0不包含1）（1）输出属性名：'uname';Math对象是JavaScript提供的一个。
2024-05-06 16:52:09
976
3
原创 JavaScript系列------2
number数字型,string字符串型,boolean布尔型,undefined未定义型,null空类型。因为JS是弱数据类型，它也不知道变量到底属于哪种数据泄露，只有赋值了才清楚。某些运算符被执行的时候，系统内部自动将数据类型进行转换，这些转换称为隐式转换。如果一个变量里面确定存放的是对象，如果还没准备好对象，可以放个null。除了+以外的算术运算符，比如 - * / 等都会把数据转成数字类型。'+'号两边只要有一个是字符串，都会把另外一个转成字符串。的语言，只有当我们赋值了才知道是什么数据类型。
2024-04-24 15:27:29
673
4
原创 JavaScript系列------1
在较旧的JavaScript中，使用关键字var来声明变量，而不是let。var现在开发中一般不再使用它，只是我们可能在老版程序中看到它。BOM(浏览器对象模型): 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等。DOM(页面文档对象模型): 操作文档，比如对页面元素进行移动、大小、添加删除等操作。比如：变量、分支语句、循环语句、对象等等。声明变量：要想使用变量，首先需要创建变量（也称为声明变量或者定义变量）声明变量有两部分构成：声明关键字、变量名（标识）声明多个变量中间用逗号隔开。
2024-04-23 17:42:51
596
原创 web前端 html5+css3相关知识点（跟着黑马学）8
绝对定位查找父级的方式，就近找定位的父级，如果逐层查找不到这样的父级，就以浏览器窗口为参照进行定位。特点：1.脱标，不占位 2.改变标签的显示模式特点：具备了行内块的特点（在一行共存，且宽高生效）（1）可以解决盒子与盒子之间的层叠问题----定位之后的元素层级最高，可以层叠在其他盒子上面。（2）设置偏移值：偏移值设置分为两个方向，水平和垂直各选一个使用即可，选取的原则一般是。先找已定位的父级，如果有这样的父级就以这个父级为参照物进行定位；如果有父级，但父级没有定位，以浏览器窗口为参照物进行定位。
2024-04-22 20:59:59
792
2
原创 web前端 html5+css3相关知识点（跟着黑马学）7
父子级标签，子级浮动，父级没有高度，后面的标准流盒子会受影响，显示到上面的位置>简单粗暴，但是有些布局不能固定父元素高度。如：新闻列表、京东推荐模块等。：如果子元素浮动了，此时子元素不能撑开标准流的块级父元素。会在页面中添加额外的标签，会让页面的HTML结构变得复杂。：需要父元素有高度，从而不允许其他网页元素的布局。特点：项目中使用，直接给标签加类即可清除浮动。项目中使用，直接给标签加类即可清除浮动。：子元素浮动后脱标---->不占位置。这样即可达到清除左右两侧浮动的影响。清除浮动带来的影响。
2024-04-21 13:36:43
233
1
原创 web前端 html5+css3相关知识点（跟着黑马学）6
a：给父元素设置border-top 或者 padding-top（分隔父子元素的margin-top），是浏览器在渲染显示网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素。，子元素的 margin-top 会作用在父元素上。（1）n为：0，1，2，3，4，5，6......浮动的作用：早期的时候是为了图文环绕，现在的作用是。伪元素：一般页面中的非主体内容可以使用伪元素。作用：根据元素在HTML中的结构关系查找元素。（2）伪元素：由CSS模拟出的标签效果。（1）元素：HTML 设置的标签。
2024-04-19 17:25:28
1200
1
原创 web前端 html5+css3相关知识点（跟着黑马学）5
内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）特性：不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低 id 选择器样式。（2）浏览器在渲染（显示）网页时，会将网页中的元素看作是一个个的矩形区域，我们也称之为。如果是复合选择器，此时需要通过权重叠加计算方法，判断最终那个选择器优先级最高会生效。继承父级的某些属性，控制文字的能继承，不是控制文字的不能继承。（1）页面中的每一个标签，都可以看作是一个。，通过盒子的视角更方便的进行布局；
2024-04-17 14:13:47
554
原创 web前端 html5+css3相关知识点（跟着黑马学）4
在选择器1所找到标签的后代（儿子、孙子、重孙子...）中，找到满足选择器2的标签，设置样式。：在选择器1所找到标签的子代（儿子）中，找到满足选择器2的标签，设置样式。：根据HTML标签的嵌套关系，选择父元素 后代中 满足条件的元素。：根据HTML标签的嵌套关系，选择父元素 子代中 满足条件的元素。：找到选择器1 和 选择器2 选中的标签，设置样式。（2）后代选择器中，选择器与选择器之前通过。（2）子代选择器中，选择器与选择器之前通过。能被选择器2选中的标签，设置样式。伪类选择器选中的元素的。
2024-04-16 11:11:26
916
1
原创 web前端 html5+css3相关知识点（跟着黑马学）3
写在style标签中，style标签一般写在head标签里面，title标签下面。（1）所有标签上都有class属性，class属性的属性值称为类名（类似于名字）（2）标签选择器无论嵌套关系有多深，都能找到对应的标签。（3）一个标签可以同时有多个类名，类名之间以空格隔开。（4）类名可以重复，一个类选择器可以同时选中多个标签。（2）id属性值类似于身份号码，在一个页面中是唯一的；（1）标签选择器选择的是一类标签，而不是单独某一个。（3）一个标签是只能有一个id属性值。（4）一个id选择器只能选中一个标签。
2024-04-15 12:47:52
644
1
原创 web前端 html5+css3相关知识点（跟着黑马学）
-----HTML标签是由, /, 英文单词或字母组成，并把包裹起来的英文单词或字母称为标签名。------相同的网页在不同浏览器中显示效果不会完全一致，因为浏览器渲染引擎不同，解析效果也会存在差异。--->对网页元素的外观和位置等页面样式（如：颜色、大小等）------常见的五大浏览器：IE浏览器、火狐浏览器、------JavaScript：负责页面的。--->负责网页模型的定义和页面交互；------HTML：负责网页。------CSS：负责网页。--->页面元素和内容；
2024-04-12 18:19:59
606
1
原创 前端高频面试题--Part1
浏览器的渲染机制：对 DOM 的大小、位置进行修改后，浏览器需要重新计算元素的这些集合属性，就叫重排；对 DOM 的样式进行修改，比如 color 和 background-color ，浏览器不需要重新计算几何属性的时候，直接绘制了该元素的新样式、那么这里就只触发了重绘。，相对于 html 根节点的 font-size 的值，直接给 html 节点的 font-size设置为62.5%；优先级： 写 CSS 样式的时候，会给同一个元素添加多个样式，此时谁的权重高就显示谁的样式。
2024-03-27 11:05:09
534
原创 刷题日记3--Leetcode篇（Java）
然后再同步向右移动 fast 和 slow 指针，这样使得当fast指向Null的时候，slow必定在倒数第 n 个节点的前一个位置。fast 指针是用于确定倒数第n个节点的位置，而 slow 指针则是定位倒数第n个节点前一个节点的位置。这里有个很巧妙的构思，首先 我们使用了虚拟头节点，指向头节点的位置，并且设置 slow 和 fast 指针都指向虚拟头节点的位置，然后。题目描述：给定一个链表，删除链表的倒数第 n 个结点，并且返回链表的头结点。解法：首先要知道，在链表中我们要删除某个节点，
2024-03-26 20:02:32
289
原创 刷题日记2--leetcode篇（Java）
内嵌套循环即 left < right 时即可循环，设置 sum 值为 nums[i] + nums[j] + nums[k]，如果 sum=0，判断 left 指针下一个位置和当前位置值是否相同，right 指针前一个位置和当前位置值是否相同，如果相同的话就跳过重复的元素。给你一个整数数组 nums ，判断是否存在三元组[ nums[i], nums[j], nums[k] ]满足 i!如果中间是四个数字组成的正方形圈，和外圈按照一样的原则处理就行，如果中间是一个点，那么将该点赋值为n²即可。
2024-03-26 12:39:34
388
原创 刷题日记--leetcode篇（Java）
（2）解法2：从数组两端开始，每次移动高度较小的指针，这样可以保证容器的宽度在减小，而要获得更大的面积只有在高度更高的情况下。因此移动指针时，每次选择高度较小的指针。（很巧妙的思想，代码也差不多）（1）解法1：枚举法，一个指针从0到(height.length-1)，一个指针从(height.length-1)到0，记录每次的值并比较，最后返回最大值；轴共同构成的容器可以容纳最多的水。找出其中的两条线，使得它们与。返回容器可以储存的最大水量。
2024-03-22 14:57:10
183
2
原创 一周刷爆LeetCode2（跟着算法大神左神学习做的笔记）
从上到下从左至右构建堆，每加入一个新的数据时，构建新节点，然后将其和父节点的数据进行比较，如果比父节点的数据大，则两者交换，然后继续寻找父节点并进行比较。该过程是一个从下到上的过程。首先将根节点出栈，然后将最后的节点移到根节点位置上，成为新的根节点，然后该节点和其子节点进行比较，如果有子节点比他大，则交换位置，以此进行下去，是一个从上到下的过程。某个数在index位置，能否往下移动，重新构成堆结构，代码如下。首先大家得知道什么是完全二叉树，完全二叉树衍生于满二叉树，那么堆的出栈过程又是什么样的呢？
2024-03-20 18:20:17
344
1
原创 十大排序算法--快速排序
此时high指针左移指向7，7小于pivot指向的数据13，所以将7放到low指针所指向的位置，high指针不动，low指针右移。由于16大于pivot指向的数据13，所以要将16放置到high指针指向的位置，如图所示，然后low指针不动，high指针左移。pivot指向13，low指向13所在的位置（此时是空指针），high指向18，18大于13，所以high指针继续左移。low指针右移指向12，12小于pivot指向的数据13，low指针继续右移，指向16。
2024-03-20 11:02:39
176
2
原创 一周刷爆LeetCode（跟着算法大神左神学习做的笔记）
因为a和b不同，那么eor某一位上一定是1，假设eor第八位是1，那么可以把数组分为两类：第八位上是1的数和第八位上是0的数。新设置一个变量eor'，让eor'去异或第八位上是1的数，即可得到a或b中的一个，最后再用eor’去异或eor，得到另一个数。经过步骤二后，a的值不变，为甲^乙；b的值为(甲^乙)^乙，即甲^（乙^乙），即甲^0，即b的值为甲。a的值为（甲^乙）^甲，即甲^甲^乙，即0^乙，即乙。eor和数组中所有值异或，最终eor = a^b，那么怎么知道a和b的值呢。
2024-03-18 16:52:15
350
3
原创 Vue指令
3.v-show的底层原理：切换css的display：none 来控制显示隐藏。3.v-if底层原理：工具 判断条件 控制元素的 创建 和 移除。（2）v-on: 事件名="methods中的函数名"1、作用：注册事件 = 添加监听 + 提供处理逻辑。（1）v-on: 事件名="内联语句"作用：辅助v-if进行判断渲染。1、作用：动态的设置html的。1.作用：控制元素显示隐藏（1.作用：控制元素显示隐藏。2.语法：v-show="key作用：给元素添加的。（2）key的值必须具有。
2024-03-04 21:05:05
251
原创 2024-2-28谷粒商城p16
（这个问题卡了我半天！我还以为是环境配置出了问题）将.git文件删除后该问题解决，没找到这个文件的，文件显示中设置显示隐藏文件就行；（1）查看node版本对应的npm，比如我的node版本是10.6.3（我是按照谷粒商城老师的版本照着安装的），那么对应的npm版本是4.9+到6.0之间。3、还有一个小问题，我发现弹幕上也很多人在问，为此还是简单说一下，就是大家前端页面展示出来后没有验证码，检查一下是不是RenrenApplication没执行。然后我按照一个博主的方法，执行命令就成功了，啊啊啊太感人了！
2024-02-28 19:33:41
466
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人