- 博客(10)
- 收藏
- 关注
原创 Vue3+Ts 仿写ElementPlus组件库(更ing)
是传入参数类型是数组(独立参数组成的数组),数组子项数据类型为任意类型,数据数量为任意数量。
2024-07-30 20:13:18
342
原创 VueComponent
data函数、methods中的函数、watch中的函数、computed中的函数,它们的this均是【VueComponent实例对象】1.school组件本质是一个名为VueComponent的构造函数,且不是程序员定义的,是Vue.extend生成的。data函数、methods中的函数、watch中的函数、computed中的函数,它们的this均是【Vue实例对象】3.特别注意:每次调用Vue.extend,返回的都是一个全新的VueComponent!Vue的实例对象,以后简称vm。
2023-11-29 12:34:55
48
1
原创 Vue生命周期
1.mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等(初始化操作)。3.一般不会在beforeDestroy操作 数据,因为即便操作数据,也不会触发更新流程了。2.beforeDestroy:消除定时器、解绑自定义事件、取消订阅消息等(收尾工作)2.销毁后自定义事件会失效,但原生DOM事情依然有效。1.销毁后借助Vue开发者工具看不到任何信息。
2023-11-28 14:47:12
43
1
原创 Vue key原理(列表渲染案例)
1.根据key唯一标志匹配初始数据中对应的 li虚拟dom节点,观察内部节点内容,看到span节点里的内容“老刘-30”与“张三-18”不一样,那么这个span节点重新生成为真实dom节点;1.根据id生成的key,通过对比算法,除了key为004那行需要重新生成真实的dom节点,其他的可以直接复用初始数据生成虚拟dom后转为的真实dom。b.若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面之前的真实DOM。a.若虚拟DOM中内容没变,直接使用之前的真实DOM;
2023-11-22 01:54:26
77
原创 Leetcode 买股票最佳时机(121、122、123、188、309、714)
dp[i][j+1] 第一次持有 max(dp[i-1][j+1], dp[i-1][j]-prices[i])dp[i][0] 持股 max(dp[i-1][0], dp[i-1][1]-prices[i])dp[i][1] 第一次持有 max(dp[i-1][1], dp[i-1][0]-prices[i])dp[i][1]表示第i天不持有股票获得的最大利润。dp[i][0] 持股 max(dp[i-1][0], dp[i-1][1]-prices[i])
2023-11-16 20:57:33
70
1
原创 Leetcode Day2 977.有序数组的平方&& 209.长度最小的子数组&& 59.螺旋矩阵II
暴力解法的双指针,i从0开始遍历,j从i开始遍历,依次找的是以下标为0~nums.length-1为起始位置的符合sum>=target的最小子数组。关键点:新数组的大端,只能由原数组两端对比大小得出,依次两头对比(类比快排),不可能是中间。每个元素在滑动窗后进来操作一次,出去操作一次,每个元素都是被操作两次,所以时间复杂度是 2 × n 也就是O(n)rightwindow为终结位置指针(若为起始位置指针,梦回暴力解法),leftwindow为起始位置指针。时间复杂度为O(n^2)
2023-10-12 22:01:13
121
原创 LeetCode Day1 704.二分查找 && 27.移除元素
i.Math.floor((right-left)/2)+left == ii.Math.floor((right+left)/2),但前者好的地方是可以保证 不会超出整数范围,万一数组长度很大,防溢出。if(target>nums[mid]) 那么left可以不用包含mid(mid已不符合),所以left=mid+1;if(target>nums[mid]) 那么left可以不用包含mid(mid已不符合),所以left=mid+1;若a<b [a,b)成立)II. 左闭右开区间[a,b)非递归。
2023-10-11 17:59:42
312
原创 HTML语义化标签
b.便于SEO搜索引擎抓取内容及优化,html语义标签化提供的内容权重快速匹配引擎搜索关键字,根据搜索引擎的算法得出网页分数排名,可以使开发者优化网站提高用户体验。都用div没有明确的语义标签,没有可读性,在不看css的情况下,开发者和浏览器不能清楚理解内容结构。a.无css渲染时,html语义化标签使裸页页面结构、内容层次清晰,增加可读性,开发者易维护管理。HTML是标记语言,用明确含义的标签,使文本内容结构化、代码结构化。html5新增了什么语义化标签,为什么增加这些标签?input属性和表单属性。
2023-09-12 20:46:08
46
原创 CSS+HTML实现菜单栏
ul不能用flex布局,虽说li不用计算宽度(弹性布局),但是ul没有设高度,li+二级菜单ul时,会撑开整个li高度,那么ul就是最长li的那个高度。a.无浮动 b.无position c.有宽度 d.display:block。li只能用float,ul没有设高度,子盒子float => 父盒子高度坍塌为0。felx设置在父上,好处是子弹性布局(内部盒子宽度自行调整排列)选择器1:hover 选择器2{ } 鼠标放1上,设置2样式。选择器1:hover{ } 鼠标放1上,设置1样式。
2023-09-10 22:01:05
467
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人