- 博客(149)
- 收藏
- 关注
RSS订阅
原创 【Vue】本地数据存储 & TodoList watch监视本地存储（超快速）
是 Vue 提供的一种“深度监听”的机制，能追踪数组和对象内部任意层级的变化。该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。如果xxx对应的value获取不到，那么getItem的返回值是null。SessionStorage存储的内容会随着浏览器窗口关闭而消失。LocalStorage存储的内容，需要手动清除才会消失。 该方法接受一个键名作为参数，并把该键名从存储中删除。 该方法接受一个键名作为参数，返回键名对应的值。 该方法会清空存储中的所有数据。
2025-04-30 07:00:00
1302
原创 【Git】远程仓库的创建&&仓库的拉取及推送
进入Git平台后，我们可以看到 文件，介绍该仓库的作用，包括里面的分支内容，和我们前面学习的 是一样的。右边也有所有的成员管理：新建 ，例如在开源后，外面的人发现了我们的程序有bug，能够与仓库管理者进行沟通的地方。如果完成该项修改后，就可以把待办的修改成已完成。进来后，就能看到readme文件，来介绍该仓库的作用包括里面的分支内容，也是跟我们前面学习的git branch是一样的右边也有所有的成员管理：新建lssues, 是比如开源后 外面的人发现了我们的程序有点bug，能够与仓库管理者进行沟通
2025-04-28 08:00:00
1067
原创 【CSS】精通Flex布局（全）
1. 搭建HTML结构flex是flexible Box的缩写， 意为“弹性布局”， 用来为盒状模型提供最大的灵活性， 任何一个容器都可以指定为flex布局。采用Flex布局的元素， 称为Flex容器(flex container)， 简称“容器”。它的所有子元素自动成为容器成员， 称为Flex项目（flex item）， 简称“项目”。总结flex布局原理：就是通过给父盒子添加flex属性， 来控制子盒子的位置和排列方式1. 主轴与侧轴再flex布局中， 是分为主轴 和 侧轴两个方向， 同样的叫法有
2025-04-27 08:00:00
1319
原创 【算法专题二十七】前缀和&差分思想
最关键的就是，要记录每个区间重复的次数，这里就要开辟新的数组来记录重复出现的次数，在重复得到m次区间sum的条件下，又要在 r - l 的次数内记录当前下标出现的次数在index数组内，也就是O(m * n) 的时间复杂度，这里就会发现，过不了最后一个测试用例！由此就可以看出，前缀和数组，是在以空间换取时间的前提下，O(n)下遍历数组，得到一个空间复杂度也为O(n) 的nums数组，在O(1) 的条件下，直接得到关于[l,r]区间内的arr数组的和。那么他的原理是什么呢？
2025-03-02 15:22:17
1198
原创 彻底学懂BFS广度优先遍历（最全解）
广度优先遍历（Breadth-First Search，BFS）是一种图形搜索算法，从图的某一特定顶点出发，首先访问其所有邻接顶点，然后再依次访问这些邻接顶点的邻接顶点，如此一层一层地向外扩展，直到访问完所有顶点。在二叉树等数据结构中，BFS 通常按照从根节点开始，一层一层地横向遍历节点。
2024-09-04 07:00:00
6799
2
原创 一个题目教会你使用 priority_queue＜int,vector＜int＞＞ q 优先级队列 和 unordered_map＜int,vector＜int＞＞ hash 二维数组 hash表
对于unordered_map hash;有了更深层的理解，对于二维数组的引用不管是push_back() , 还是hash[ ].erase(hash[ ].begin())删除都有了更深的影响。对于优先级队列priority_queue 底层是大小堆的实现有更深的了解 ， 非常建议自己动手来实现一下大小堆！！
2024-08-26 07:45:00
2507
原创 【Vue3】Vue3工程的创建 及 开发者工具的安装
t=P1C7yihaohhh/我爱Vue - Gitee.comhttps://gitee.com/liu-yihao-hhh/i-love---vue/tree/master/01_src3_%E5%88%86%E6%9E%90%E5%B7%A5%E7%A8%8B%E7%BB%93%E6%9E%84。
2025-05-21 18:10:00
239
原创 【Vue】element组件库
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库本节素材已上传至Gitee：yihaohhh/我爱Vue - Gitee.com。
2025-05-20 06:00:00
544
原创 【Vue】路由2——编程式路由导航、 两个新的生命周期钩子 以及 路由守卫、路由器的两种工作模式
t=P1C7t=P1C7t=P1C7t=P1C7t=P1C7t=P1C7yihaohhh/我爱Vue - Gitee.comhttps://gitee.com/liu-yihao-hhh/i-love---vue/tree/master/37_src_%E7%BC%96%E7%A8%8B%E5%BC%8F%E8%B7%AF%E7%94%B1%E5%AF%BC%E8%88%AA。
2025-05-19 20:38:29
992
原创 【JavaScript】用 Proxy 拦截对象属性
你可以把Reflect理解为一个官方提供的工具库，专门用于安全、标准地操作对象。// 普通写法// 更安全写法是“官方提供的设置方法”，多了一层保护，比如你设置失败它会给你 false，不会直接报错。},})只需要将所有的target[key] = value 修改成Reflect.set(target, key, value)即可，函数会自动帮我们生成对应的方法的t=P1C7t=P1C7。
2025-05-19 17:41:07
936
原创 【Vue】路由1——路由的引入 以及 路由的传参
路由是前端开发中实现页面切换和内容展示的重要机制。在单页面应用中，通过配置不同的路径与组件的对应关系，用户点击导航栏时无需刷新页面即可完成内容切换。Vue 中使用 Vue Router 插件进行路由管理，开发者通过 `router-link` 实现导航，通过 `router-view` 指定组件的展示区域。路由支持多级嵌套，同时可以通过 query 或 params 传递参数，并在组件内通过 `$route` 获取。为了提高组件复用性和代码清晰度，还可以配置 props 方式将参数直接映射为组件的属性。
2025-05-18 21:08:12
823
1
原创 【vue】vuex实现组件间数据共享 & vuex模块化编码 & 网络请求
本文介绍了如何在Vue.js项目中使用Vuex进行组件间数据共享，并通过模块化和命名空间的方式优化代码结构。首先，通过创建Count和Person组件，展示了如何在Vuex中定义state、mutations、actions和getters来实现数据共享。接着，针对大型项目中Vuex模块可能变得臃肿的问题，提出了将不同功能模块化的解决方案，即将每个功能的actions、mutations、state、getters封装成独立对象，并在Vuex.store中进行模块化暴露。
2025-05-10 23:57:54
1076
原创 【Vue】vuex的getters & mapState & mapGetters & mapMutations & mapActions的使用
本文介绍了Vuex中的四个辅助函数：mapState、mapGetters、mapMutations和mapActions，用于简化Vuex的使用。首先，通过getters可以对state中的数据进行加工，类似于计算属性。接着，mapState和mapGetters帮助将state和getters中的数据映射为组件的计算属性，减少了重复代码。mapMutations和mapActions则用于生成与mutations和actions交互的方法，简化了commit和dispatch的调用。
2025-05-10 19:18:42
1004
原创 【Vue】vuex环境搭建 & 基本使用
store.dispatch('action中的方法名',数据)或$store.commit('mutations中的方法名',数据)备注：若没有网络请求或其他业务逻辑，组件中也可以越过actions，即不写dispatch，直接编写commit。
2025-05-09 07:30:00
1363
原创 【Vue】插槽
父组件 ===> 子组件html结构1</div>子组件中：<template><div>-- 定义插槽 --><slot>插槽默认内容...</slot>
2025-05-09 07:00:00
744
原创 【Vue】axios实现github案例《大批量搜索github用户》
在asserts 里面配置就是要用import进行引入，那么就会进行严格的检查bootstrap.css 用到了不存在的资源 所以还是不要在asserts 静态资源里面引入。那么我们只需要得到response.data.items的数组内容传给List组件即可，那么这就是兄弟组件之间的互相通信 1. 全局事件总线 2. 消息的订阅与发布。还可以进一步优化一下，观察上面，在我们进行搜索的时候，会有一段空白期，我们不知道是否使网页卡住还是正在请求中，所以我们要在每一个阶段都让页面有消息能够显示在页面上。
2025-05-08 08:00:00
723
原创 【Vue】配置代理
说明：优点：配置简单，请求资源时直接发给前端（8080）即可。缺点：不能配置多个代理，不能灵活的控制请求是否走代理。工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器 （优先匹配前端资源）
2025-05-08 07:00:00
755
原创 【Vue】Vue封装的过度与动画
作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。图示：写法：准备好样式：元素进入的样式：v-enter：进入的起点v-enter-active：进入过程中v-enter-to：进入的终点元素离开的样式：v-leave：离开的起点v-leave-active：离开过程中v-leave-to：离开的终点使用<h1 v-show="isShow">你好啊！</h1>，且每个元素都要指定key值。
2025-05-07 07:00:00
860
原创 【Vue】消息订阅与发布_pubsub & TodoList 编辑事件
任意组件间通信</span>。使用步骤：引入:接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的<span style="color:red">回调留在A组件自身。
2025-05-07 06:45:00
973
原创 【Vue】全局事件总线 & TodoList 事件总线
全局事件总线图：到main.js 里面设置全局总线由于上面只是一个普通对象， 所以我们没有办法能够访问它的$on, $off以及$emit， 因为这些只存在组件的实例对象中， 那么我们第一件事情就是要创建组件的实例对象。Student组件用来传值：School用两个生命周期钩子进行获取值：分别用来绑定事件 和 解绑解绑事件！虽然我们学习了全局事件总线，任意两个组件之间的通信都非常方便，但是也不是所有组件之间的通信都要用上全局事件总线，就比如：父
2025-05-06 17:17:10
993
原创 【Vue】组件自定义事件 & TodoList 自定义事件数据传输
想要把Student子组件的name传给父组件 可以用函数来接受Student的name值， 然后更新App组件的studentName的值这是可行的！<h1>{{ msg }}, 学生姓名是：{{ studentName }}</h1>// params 是一个数组console.log('App被调用！},console.log('App被调用！}) // 绑定自定义事件用ref也是可行的！
2025-05-06 09:14:22
1236
原创 【Vue】深入组件&分析脚手架
简单来说，ref是 Vue 提供的一个 API，用来给元素或者子组件绑定一个引用标识，方便我们在代码里直接拿到这个元素或者组件实例。在 Vue2 中，使用$refs获取；在 Vue3 的 Composition API 中，使用ref或获取。refs 获得组件实例对象👉ref就是让你可以在Vue中，直接拿到DOM元素或组件实例的一个快捷通道。props是父组件传递数据到子组件的一种机制。简单理解就是：父亲给儿子发东西，儿子通过props接收。在 Vue 中，子组件通过props。
2025-04-29 08:00:00
939
原创 【Git】多人协作开发
现在就是又遇到了合并feature-1的问题，为了避免冲突 我们就还是再feature-1分支上来合并master。可以看到每次开发都是自己创建的分支，然后进行 push，每次都能成功，不会遇到冲突的问题。上创建的分支，然后自己创建的分支只有自己开发的时候能够用上，所以不会出现 push 冲突的问题。此时，我们又回到了多人开发一中的情形，开发者1和开发者2在同一个分支开发。文件进行修改，可是 push 的时候却发生错误，提示当前的本地与远程仓库有区别！，然后开发者1和开发者2都同时在这个分支上进行操作。
2025-04-28 09:00:00
787
原创 【Vue】组件基础
在学习 Vue 的过程中，我们经常会接触到两种不同的写法：一种是在 HTML 中用 标签直接使用 Vue，另一种则是用 文件编写的单文件组件。那么它们有什么区别？我们又该在什么场景下选择哪种方式呢？Vue中使用组件的三大步骤： 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 1、如何定义一个组件？ 使用Vue.extend(options)创建，其中options和new
2025-04-21 23:13:09
755
原创 【Vue】生命周期详解：从创建到销毁，全面掌握组件的生命轨迹
在 Vue 中，生命周期是指一个组件从被创建、渲染、更新到最终被销毁的整个过程。通俗一点说，每个 Vue 组件都像是一个“有生命的个体”，会经历出生（创建）、成长（挂载）、变化（更新）和死亡（销毁）等阶段。Vue 提供了一系列的“生命周期钩子函数”，让我们在合适的时机执行特定的操作，比如数据初始化、DOM 操作、定时器清理等等。又名：生命周期回调函数、生命周期函数、生命周期钩子。是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。
2025-04-08 16:48:53
1162
原创 【Vue】入门进阶必看：表单收集、过滤器、内置指令、自定义指令全解析
Vue 除了提供大量内置指令，还允许开发者注册自定义指令以满足个性化需求。需求1：定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍。需求2：定义一个v-fbind指令，和v-bind功能类似，但可以让其所绑定的input元素默认获取焦点。
2025-04-07 18:45:40
999
原创 【Vue】 核心特性实战解析：computed、watch、条件渲染与列表渲染
特性v-ifv-show控制方式动态添加/移除 DOM控制首次渲染性能较慢较快切换频率建议用于不频繁切换频繁切换更适合。
2025-04-05 17:12:14
1044
原创 【Vue2】数据绑定_MVVM模型_数据代理_事件处理
目录一、 数据绑定1. Vue中有2种数据绑定的方式：2. 响应式原理el 与 data 的两种写法二、 MVVM模型三、 数据代理1.回顾Object defineproperty方法2. 何为数据代理3.Vue中的数据代理四、 事件处理1.事件的基本使用：2. Vue中的事件修饰符：3. 键盘事件总结不易~ 本章节对我有很大的收获，希望对你也是！！！Vue2 的数据绑定是其核心特性之一，它采用 双向数据绑定（Two-way Data Binding） 机制，使数据和视图保持同步更新。 备注：单向绑定（）
2025-04-02 16:19:52
1178
原创 【Vue2】初始Vue & 开发环境的搭建
目录1. Vue 简介1.1. 官网编辑1.2. 介绍与描述1. Vue.js 是什么？2. Vue 的特点1.3. Vue 的特点1️⃣ 轻量级 & 易上手1.4. 与其它 JS 框架的关联1️⃣ Vue 与 React 的对比📌 结论2️⃣ Vue 与 Angular 的对比📌 结论3️⃣ Vue 与 jQuery 的对比📌 结论4️⃣ 什么时候选择 Vue？2. 初识 Vue1️⃣ Vue 的基本概念Vue 的特点2️⃣ Vue 开发环境搭建（1）引入 Vue📌 但是这里还是提供一种原始的V
2025-04-02 00:28:19
1016
原创 【BootStrap】前端开发框架 | bootstrap栅格系统
Bootstrap是一个开源的前端开发框架，用于帮助开发者快速设计和开发响应式、移动优先的网页。它由Twitter的开发者 Mark Otto 和 Jacob Thornton 在 2011 年创建，目的是为了让网页开发变得更加简单和高效。框架： 顾名思义就是有一套比较完整的解决方案，而且控制权再框架本身，有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发！
2025-04-01 01:50:29
965
原创 【jQuery】尺寸、位置操作【电梯栏效果】
目录1. jQuery 尺寸、位置操作1.1 jQuery 尺寸1.2 jQuery 位置案例：带有动画的返回顶部总结不易~ 本章节对我有很大收获~希望对你也是！！！素材已经同步更新：jQueryStudy: jQuery学习仓库 - Gitee.com位置主要有三个： offset()、position()、scrollTop()/scrollLeft()1. offset() 设置或获取元素偏移2. position() 获取元素偏移3. scrollTop()/scrollLeft() 设置
2025-03-31 20:25:38
915
原创 【jQuery】备忘录案例实践——toDoList
1. 本地存储里面只能存储JSON字符串的数据模式 把我们的数组对象转换为字符格式 JSON.stringify()一、 我们要实现上面的功能， 首先就是要实现本地存储的任务！2. 获取本地存储数据 我们需要把里面的字符串数据转换成 对象格式 JSON.parse()localStorage.getItem(key) // 用于从本地存储中进行获取值。强烈推荐自己手撕三遍！一遍完全根本就不够！自己写出来的话，成就感十足~总结不易~ 本章节对我有很大的收获 希望对你也是！
2025-03-31 19:22:41
984
原创 【jQuery】插件
目录一、 jQuery插件1. 瀑布流插件： jQuery 之家 http://www.htmleaf.com/ 2. 图片懒加载： jQuery 插件库 http://www.jq22.com/ 3. 全屏滚动总结不易~ 本章节对我有很大收获，希望对你也是~~~jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。注意: 这些插件也是依赖于jQuery来完成的，所以必须要先引入jQuery文件，因此也称为 jQuery 插件。jQuery 插件演示：素材自取
2025-03-30 21:22:43
1047
原创 【jQuery】事件
事件素材自取：jQueryStudy: jQuery学习仓库 - Gitee.com单个事件注册on() 方法优势1：可以绑定多个事件，多个处理事件处理程序。如果事件处理程序相同on() 方法优势2：可以事件委派操作 。事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。on() 方法优势3：动态创建的元素，click() 没有办法绑定事件， on() 可以给动态生成的元素绑定事件 点击发布按钮， 动态创建一个小li，放入文本框的内容和
2025-03-30 20:51:34
999
原创 【jQuery】属性操作以及元素操作（超便利）& 购物车案例模块实现（全流程）
用户自己给元素添加的属性，我们称为自定义属性。比如给 div 添加 index =“1”。1. 获取属性语法attr(''属性'') // 类似原生 getAttribute()2. 设置属性语法attr(''属性'', ''属性值'') // 类似原生 setAttribute()
2025-03-24 19:45:27
734
原创 【jQuery】常用API
1. 参数params: 想要更改的样式属性，以对象形式传递，必须写。属性名可以不用带引号， 如果是复合属性则需要采取驼峰命名法 borderLeft。其余参数都可以省略。speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。easing：(Optional) 用来指定切换效果，默认是“swing”，可用参数“linear”。fn: 回调函数，在动画完成时执行的函数，每个元素执行一次。left: 500,
2025-03-21 17:04:11
570
原创 【Linux】动态库和静态库
我们都知道，一堆源文件和头文件最终变成一个可执行程序需要经历以下四个步骤：例如，用test1.c、test2.c、test3.c、test4.c以及main1.c形成可执行文件，我们需要先得到各个文件的目标文件test1.o、test2.o、test3.o、test4.o以及main1.o，然后再将这写目标文件链接起来，最终形成一个可执行程序。如果我们在另一个项目当中也需要用到test1.c、test2.c、test3.c、test4.c和项目的main2.c或者main3.c分别形成可执行程序，那么可
2025-03-17 10:00:42
997
原创 【AJAX】让数据活起来&axios使用
是一种用于在网页与服务器之间进行异步数据通信的技术。它允许网页在不刷新整个页面的情况下从服务器获取或发送数据，从而提高用户体验。尽管名字中有 "XML"，但实际上 AJAX 并不局限于 XML，现代开发中更常用作为数据格式。概念：AJAX 是浏览器与服务器进行数据通信的技术1. 怎么用 AJAX？1.1.先使用axios[æk‘sioʊs]库，与服务器进行数据通信基于 XMLHttpRequest 封装、代码简单、月下载量在 14 亿次。
2025-03-15 19:15:22
1248
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人