- 博客(126)
- 收藏
- 关注
RSS订阅原创 element-ui下拉输入框+resetFields无法回显
实际场景用方法二会比较好点，如果有100个下拉框，给初始值的话，那你就要给100个内容进行初始化，很浪费时间。在vue3中也存在这样的情况，不知道这是不是resetFields遗留下来的bug，还需要看一下resetFields的源码。具体的原理还需要大家在评论区进行补充，附上vue3试验的代码。
2025-01-08 11:11:48
532
原创 ExpandingCard扩展卡片
这是一个很初级的project，主要的是通过active类的增删，再结合flex布局来实现。github.com。
2024-11-02 20:20:15
503
原创 JS处理下划线
这道题比较绕的是根据当前字符是双引号还是下划线，以及是否处于引号内，来决定是否分割当前段落。我们可以使用inQuotes的状态，当遇到双引号时，它会进行切换，根据状态进行筛选内容。
2024-10-25 14:07:17
566
原创 JS螺旋矩阵II
该题目是通过模拟螺旋填充的过程，生成一个 n x n 的螺旋矩阵。首先初始化变量和二维零矩阵，然后按照从左到右、从上到下、从右到左、从下到上的顺序填充矩阵，最后处理矩阵大小为奇数时的特殊情况，返回生成的螺旋矩阵。这道面试题算是高频出现的题目之一，它并不要求掌握复杂的算法，而是侧重于模拟某个过程，但非常考验我们对代码的驾驭和把握能力。
2024-10-25 13:48:00
351
原创 JS长度最小的子数组
窗口内是什么？sum≥target的长度最小的 连续 子数组。如何移动窗口的起始位置？当sum≥target时，就要移动如何移动窗口的结束位置？for循环遍历的索引滑动窗口的精妙之处在于根据当前子序列和大小的情况，不断调节子序列的起始位置。从而将O(n^2)暴力解法降为O(n)。代码随想录。
2024-10-24 16:54:27
767
原创 JS有序数组的平方
这题要求将给定非递减顺序数组的每个数字平方后，再按非递减顺序排序。一开始我们会想到采用暴力解法先平方后排序，但更优解为使用双指针法，从数组两端向中间遍历，比较平方值后逆序放入新数组，时间复杂度为O(n)，空间复杂度为O(1)。代码随想录。
2024-10-23 23:04:24
643
原创 JS移除元素
双指针相对暴力解决法来说，时间复杂度更低，实际应用中，通常会选择时间复杂度更低的方法（如方法二或方法三）以提高性能。代码随想录力扣题目链接。
2024-10-23 19:52:46
887
原创 JS两数之和
本题其实有四个重点，把这四点想清楚了，本题才算是彻底理解了。为什么会想到用哈希表哈希表为什么用map本题map是用来存什么的map中的key和value用来存什么的为什么会想到用哈希表当我们需要查询一个元素是否出现过，或者一个元素是否在集合里的时候，就要第一时间想到哈希法。哈希表为什么用map在JavaScript中，Map是一种内建的哈希表实现，它允许我们使用任何类型的键（key），不仅仅是字符串。在这个问题中，我们使用数字作为键，这是Map非常适合的场景。此外，Map。
2024-10-22 18:43:24
933
原创 JS二分查找
二分法的核心在于通过不断地将搜索区间一分为二，来逐步缩小搜索范围，直至找到目标值或确定目标值不存在。而在这个过程中，搜索区间的定义（是左闭右闭、左闭右开，还是其他）以及相应的边界处理方式是至关重要的。代码随想录。
2024-10-22 18:41:06
854
原创 Vue组件通信
父子关系的组件数据传递选择props与$emit进行传递，也可选择ref兄弟关系的组件数据传递可选择$bus，其次可以选择$parent进行传递祖先与后代组件数据传递可选择attrs与listeners或者Provide与Inject复杂关系的组件数据传递可以通过vuex存放共享的变量。
2024-10-21 09:29:45
1011
原创 CSS响应式布局
vw ，就是相对于视口的宽度，分成100等份，100vw就表示满宽，50vw就表示一半宽。（vw 始终是针对窗口的宽），同理，vh则为相对于视口的高度。查询，可以通过给不同分辨率的设备编写不同的样式来实现响应式的布局，比如我们为不同分辨率的屏幕，设置不同的背景图片、字体大小等等。响应式布局：是同一页面在不同的屏幕上有不同的布局，即只需要一套代码使页面适应不同的屏幕，简单来说就是屏幕。flex 布局在响应式方面，主要是实现元素宽高的自适应，无法实现其他属性，如字体大小的自适应。
2024-10-21 08:42:32
1092
原创 JS闭包的特性和应用场景
当通过调用一个外部函数返回的一个内部函数后，即使外部函数执行已经结束了，但是内部函数引用了外部函数中的变量也依旧需要被保存在内存中，我们把这些变量的集合叫做闭包。我们定义行为，然后把它关联到某个用户事件上（点击或者按键）。我们的代码通常会作为一个回调（事件触发时调用的函数）绑定到事件上。原生的setTimeout传递的第一个函数不能带参数，通过闭包可以实现传参效果。用闭包定义能访问私有函数和私有变量的公有函数。
2024-10-20 15:10:36
536
原创 flex实现骰（tou）子点数
文章目录效果演示分析思路代码实现效果演示分析思路5点需要使用margin进行移动点数。而6点的话，使用align-content: space-between;和 justify-content: space-between;就能实现，不过需要注意的是主轴为侧轴，dot的第二个要给padding才能实现每一列3个点。代码实现<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-
2024-08-30 00:09:11
703
原创 CSS关于居中的问题
由于字体设计原因，靠上述办法实现的居中，并不是绝对的垂直居中，但如果一行中都是文字，不会太影响观感。我们可以用百分比来表示，子元素相对父元素移动 50%的距离后，再根据子元素的外边距进行调整。值是写死的，如果 son 的宽度发生改变，子元素也无法水平居中。是写死的，如果父元素的宽度发生改变，子元素就无法水平居中了。子绝父相，子元素设置以下属性，也能进行水平垂直居中。子元素 y 轴移动的距离是父子元素高度差的一半，子元素 x 轴移动的距离是父子元素宽度差的一半。子元素相对父元素移动 50%的距离后，使用。
2024-07-10 15:31:18
820
原创 cesium公交车轨迹漫游
这是一个用 Cesium.js 做的公交车轨迹漫游，实现的功能有加载站点和道路轨迹点数据、监听车辆的实时位置、车辆控制器。滚动屏等等。
2024-07-03 11:48:40
1839
2
原创 cesium楼层分户实现功能
这是一个涉及Cesium.js（一个用于Web的3D地球和地图的JavaScript库）和前后端交互的楼房分户案例。该案例的主要功能包括区域绘制、户型切分、楼房分层、编辑房户信息和查看房户信息等等。
2024-07-03 09:51:01
1670
原创 cesium楼层分户分析
build_id：相应的楼栋，单位跟楼栋是一对多的关系，一个楼可以有多个单位。unit_id：相应的单位，房户跟单位是对应的关系，一个单位可以有多个房户。点击生成数据，将数据提交到数据库中，提交成功过后，跳到编辑房户信息页面。分户坐标是由绘制的多个点组成的，而不是一个点，只读，不可手动更换。create_at：楼层创建时间，自动记录方案添加到数据库的时间。delete_at：楼层删除时间，当方案被删除时自动记录时间戳。绘制三个点：最低点，分割点和最高点，输入楼层数。update_at：更新楼层的时间。
2024-07-02 08:47:42
824
原创 cesium方案论证实现功能
调整完后，提交方案，输入方案名称，点击确定后，通过请求，将方案保存到数据库，因为你无法永久性地改变 3D 瓦片，只能把旋转、位置移动，尺寸都放在数据库中，可以用来还原方案。需要先保证笛卡尔转屏幕，再转笛卡尔流程是正确的，再来进行移动，移动就是对应的屏幕 xy 移动。先将世界坐标转屏幕坐标，再将屏幕坐标转世界坐标，如果转换后还是同一个点，那转换成功。将坐标扔进来会有一个高度，这时不要传高度进去，转出来也要带着高度，高度不变。如果笛卡尔坐标的高度不为 0，就会出现下面的情况，点跑到下面去。
2024-07-02 08:46:36
862
1
原创 cesium方案论证分析
这是一个涉及Cesium.js（一个用于Web的3D地球和地图的JavaScript库）和前后端交互的复杂项目。项目的主要功能包括地形平压、模型放置和调整、方案保存和查看等。
2024-06-25 14:16:53
729
原创 js的qq换肤效果
/ //使用this(this:谁调用我,我代表谁.this就代表点击的那个图片)// //设置body的背景为点击的图片。使用 forEach 进行循环，可以省略 i。// //添加点击事件。使用 for 进行循环。
2024-04-05 08:38:33
822
原创 JS的DOM事件
js 对象：本质是一个对象(类的实例)，不能在网络上传输(后台经常将对象转成 js 字符串，通过网络发给前台)。json 字符串：本质上是一个字符串，可以用于网络传输(从后台接收到的数据大部分都是 json)。是 JavaScript 内置的专门用于 DOM 的对象，该对象包含了若干的属性和方法，**match()**方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。使用字符串的 match 方法判断图片的 src 属性值，进行切换。方法来判断图片的 src 属性值，进行切换。
2024-04-02 13:28:46
1260
原创 js的Number对象和全局对象
把数字转换为字符串，结果的小数点后有指定位数的数字。对象，在 nodejs 中代表 global 对象。使用 Function 构造函数创建一个无参的函数。使用 Function 构造函数创建一个带参的函数。它的属性和方法都不需要加上对象名(window)。页面中最大对象(顶级对象)，在浏览器的环境中代表。Number 对象是原始数值的包装对象。检测指定参数是否为整数。指示某个值是不是数字值。函数本质是对象类型，由。
2024-03-30 11:52:04
808
原创 js的String对象
正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。用于处理文本（字符串）的对象。这个插件，用来生成正则表达式。写一个方法校验 qq 号。
2024-03-30 11:50:54
623
原创 js的Date对象
使用带参构造(传数字类型的参数)，创建出来的就是指定的时间对象(月份是从 0 开始计算的)。使用带参构造(传字符串类型的参数)，创建出来的也是指定的时间对象。使用无参构造，创建出来的就是当前的时间对象。只想或当前的时间对象，使用方式一即可。想要获取指定时间对象，使用方式三即可。Date 对象用于处理日期与时间。
2024-03-29 12:25:43
507
原创 js的数组
定义数组，数据中可以存放真正的数据，如小白、小黑、小胖等这些都是数组中的数据，我们这些数据称为数组单元，数组单元之间使用英文逗号分隔。获取用户的输入的数据，求这个数据在数组中第一次出现的索引，如果不存在,得到的结果为-1。属性，它的含义是获取数组的长度，数组属于对象类型。向数组的末尾添加一个或更多元素，并返回新的长度。向数组的开头添加一个或更多元素，并返回新的长度。数组的数组，二维数组里面的元素都是一维数组。连接两个数组 (不改变原数组的内容)。从尾巴删除一个元素并返回删除的元素。从数组中添加或删除元素。
2024-03-28 22:31:31
1055
原创 js选择语句
case 穿透会从满足条件的那个语句开始，依次执行，即使后面的 case 不满足条件，也会执行，直到出现 break 才会跳出 switch 语句。输入一个月份，判断月份属于哪个季节: 12，1，2 冬季 3，4，5 春季 6，7，8 夏季 9，10，11 秋季。从上往下，依次判断每一个条件，如果满足，就会执行对应的语句体，剩下的即使满足也不会执行。中的条件，符合条件，就执行下面的代码块，每个代码块用。如果你的工作年限小于 1 年，你的年假是 5 天。，就执行大括号的代码块，如果为。
2024-03-27 08:29:50
1280
原创 js运算符
如果左边表达式不成立(已经确定了整个表达式是 false)，右边就没有必要执行，就发生了短路，可以提高效率。如果左边表达式成立(已经确定了整个表达式是 true)，右边就没有必要执行，就发生了短路，可以提高效率。与：&&当且仅当两边都为 true 才返回 true，同真为真，一假为假。或：||一边为 true,返回 true，一真为真，同假为假。js 小数在某些情况下，显示的是一个无限接近的数。弹框录入一个 3 位数，求每一位上的数相加的和。取反，真变假，假变真。++在后，先运算再自增。
2024-03-26 13:09:29
1013
原创 js概念及入门
但在操作页面上的元素和操作浏览器方面各有各自独特的方法，因而 BOM 和 DOM 的实现各个厂商是不一样的。JavaScript,JScript 等脚本语言都是基于 ECMAScript 标准实现的，因此在。JavaScript 由 ECMAScript，DOM 和 BOM 三者组成的。一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过。一种运行在客户端的脚本语言(也可以运行在服务端,比如 nodejs)。输入任意内容会以弹窗形式出现在浏览器中，一般提示用户输入一些内容。
2024-03-25 08:48:47
745
原创 CSS时钟案例
* 向左上移动自身的50% *//* 沿底部旋转 *//* 沿底部旋转 *//* 沿底部旋转 *//* 中间黑点 *//* 添加动画 *//* 定义动画 */
2024-03-24 08:07:41
1084
原创 个人简历项目准备
完整列表请参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media。完整列表请参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media。离它最近的一个拥有“滚动机制”的祖先元素，即便这个祖先不是最近的真实可滚动祖先。相对长度，相对于根元素 html 里面的字体尺寸，不会继承父级的尺寸大小。相对长度，默认相对于浏览器的默认字体尺寸，会继承父级元素的字体大小。从上往下，从左往右，从外向里。
2024-03-23 11:47:57
940
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人