- 博客(92)
- 资源 (5)
- 问答 (27)
- 收藏
- 关注
原创 「枯燥的数组知识一网打尽!轻松学会JavaScript的数组操作」
Array(数组)是编程中常见的数据结构之一。本文基于JavaScript介绍了一维数组、二维数组和多维数组的概念和用法,以及对象数组的应用和使用方法。此外,还介绍了JavaScript中常用的处理对象数组的方法。
2024-05-22 06:00:00 624
原创 前端使用JavaScript实现一个LRU缓存
LRU(Least Recently Used)算法是一种广泛应用于内存管理和缓存系统的策略,在微前端、状态管理以及性能优化等场景下,合理使用缓存机制能够有效提升应用性能。本文将介绍LRU算法的基本原理,并通过JavaScript实现案例,帮助读者理解其在前端开发中的应用场景。
2024-05-21 16:32:38 540
原创 从此告别数组烦恼!JavaScript 带你轻松删除指定元素!
删除数组中指定的元素是编写程序算法中常用的操作之一。本文章以力扣第27算法题移除元素为例详细解释了JavaScript数组删除指定元素的方法的原理和应用。
2024-05-16 05:00:00 588
原创 《前端算法宝典:双指针问题解析与应用》
双指针算法是一种常用的解决问题的技巧,通过维护两个指针,在遍历数组或字符串时同时移动,从而解决一些特定类型的问题。双指针算法通常用于求解数组中的子数组或子串问题,如找到满足某种条件的子数组。这种算法通常能够在 O(n) 的时间复杂度内完成任务,因此被广泛应用于解决字符串匹配、子数组求解等问题中。
2024-05-10 00:00:00 870
原创 有人相爱,有人夜里看海,有人力扣第一道题做不出来
基于JavaScript的力扣第一题算法题解,使用哈希表和碰撞指针解决两数之和的问题。看完这篇文章,你将进一步熟悉JavaScript的语法并了解两种解题方法。
2024-05-03 05:00:00 8 1
原创 算法复杂度分析:揭秘隐藏的计算之谜
文章通过简洁的语言解释了前端面试中常见算法的复杂度分析,使读者能够快速理解不同算法的时间和空间复杂度,为面试提供了有力的准备工具。
2024-05-02 19:04:12 639 1
原创 Vue保姆级项目教程:十万字零基础开发信贷管理系统!
本文档概述了信贷管理系统的开发过程和关键需求,包括用户管理、信贷申请、贷款审批、数据分析、安全性、兼容性、扩展性和用户界面。目的是提高信贷业务的效率和准确性,满足机构对信贷业务管理的需求。
2024-03-09 14:17:14 726
原创 消息订阅与发布pubsub
一种组件间通信的方式,适用于任意组件间通信。使用步骤:安装pubsub:npm i pubsub-js引入:import pubsub from ‘pubsub-js’接收数据:A组件想要接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。methods(){},......mounted(){提供数据 pubsub.publish(‘xxx’,数据)最好在beforeDestory钩子中,用 pubsub.unsubscribe(pId)取消订阅。
2023-10-22 12:26:33 216
原创 Vue配置代理学习笔记
因为当一个项目变大时,把所有的内容都丢在一个网站或者是后台服务器中是不现实的,因此有跨域。跨域请求,首先浏览器为了安全,做了一个同源策略机制,也就是所谓的同源安全策略。浏览器的同源策略(Same-Origin Policy)是一种安全机制,用于限制一个网页文档或脚本如何与来自不同源的资源进行交互。同源是指两个 URL 的和都相同。协议相同+域名相同+端口号相同,浏览器才认为是同一个网站,才不会受到同源策略的影响,才可以正常的发送ajax请求。
2023-10-20 12:37:36 248
原创 Vue实现动画效果
作用:在插入、更新或者移除DOM元素时,在合适的时候给元素添加样式类名。使用transition包裹要过渡的元素,并配置name属性有动画效果的文字若有多个元素需要过渡,需要使用transition-group,且每个元素都要指定key值。
2023-10-20 12:25:39 322
原创 ToDoList使用自定义事件传值
MyTop与MyFooter与App之间传递数据涉及到的就是子给父传递数据,MyList和MyItem与App涉及到爷孙传递数据。之前的MyTop是使用props接收App传值,然后再在methods里面调用,现在使用自定义事件来处理子组件和父组件之间传递数据。MyFooter中的todos是数据,不可以作为自定义事件(因为不是函数,只有函数才可以是自定义事件)给MyTop组件定义一个自定义事件addTodo,事件的回调也是addTodo,可以重名不冲突。在App的MyTop组件中使用自定义事件。
2023-09-29 14:10:27 998
原创 组件自定义事件学习笔记
解绑testa事件</button>解绑一个自定义事件。unbind() {解绑两个自定义事件解绑所有的自定义事件vm销毁的之后会移除所有的watchers 子组件和自定义事件,所以也可以直接销毁当前组件的实例,销毁后实例的所有的自定义事件失效<button @click="destroyed">销毁当前组件的实例
2023-09-15 20:07:52 205
原创 浏览器缓存学习笔记
sessionStorage和LocalStorage统称为webStorage。存储内容大小一般支持5MB左右(不同浏览器可能不同)浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。备注:(1). SessionStorage存储的内容会随着浏览器窗口关闭而消失,而LocalStorge存储的内容手动清除才会消失。
2023-09-15 20:06:06 240
原创 ToDoList待办事件(Vue实现)详解
组件化编程流程:(1)拆分静态组件:组件按照功能点拆分,命名不与html元素冲突。(2)实现动态组件:考虑好数据的存放位置,数据是一个组件在用(放在组件自身),还是一些组件在用(放在共同的父组件上面)。(3)实现交互:从绑定事件开始。props适用于:(1).父组件=>子组件 通信(2).子组件==>父组件通信(父组件先给子组件一个函数)使用v-model时要切记:v-model绑定的值不能使props传过来的,因为props是不可以修改的。
2023-09-15 20:00:20 1167
原创 Vue生命周期详解学习笔记
mounted,发送ajax请求,启动定时器,绑定自定义事件,订阅消息等【初始化操作】。beforeDestroy:清除定时器,解绑自定义事件、取消订阅消息等【收尾工作】。
2023-07-16 16:56:15 365
原创 express框架学习笔记
每一个请求到达服务器之后都会执行全局中间件函数执行下面的函数// 获取url和ip// 将信息保存在文件中access.logres.send('前台首页');});推荐插件Template String Converter,可以在${}输入字符串时候自动生成反引号每个路由规则都要写app.get里面的两行代码,先上车后检查的类似操作后续维护不便,这是我们可以考虑中间件操作// 获取url和ip// 将信息保存在文件中access.log// 调用nextnext();
2023-06-17 08:32:02 578
原创 Node包管理工具
package代表了一组特定功能的源码集合。管理包的应用软件,可以对包进行下载安装,更新,删除,上传等操作借助包管理工具,可以快速开发项目,提高开发效率。
2023-06-13 10:41:16 2017
原创 Node.js模块化学习笔记
将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为模块化。其中拆分的每个文件就是一个模块,模块的内部数据是私有的,不过模块可以暴露内部数据以便其他模块使用。
2023-06-11 17:08:05 921 1
原创 node.js的http模块
包括但不限于以下场景a标签hreflink标签hrefscript标签hrefimg标签srcvideo audio标签的srcform中的actionAJAX请求中的URL。
2023-06-09 23:21:38 1327
原创 node基础与fs模块学习笔记
fs提供了同步、回调和基于promise的三种形式。同步api会阻塞线程,但对于某些场景,使用同步方法会更方便、更易理解尽量使用promise方式,回调容易造成嵌套地狱对于大文件,使用文件流的方式来读写文件 createReadStream 和 createWriteStream 来减少内存占用三方npm包 fs-extra 是fs的一个拓展,提供了很多更方便的api// 拆分文件名// 判断// 创建新的文件名// 重命名})
2023-06-07 09:07:40 834
原创 nodejs的path模块
path模块是Node.js官方提供的,用来处理路径的模块。提供一系列的方法和属性,用来满足用户对路径的处理需求。例如:如果在js代码中,使用path模块来处理路径,需要先导入。
2023-06-07 08:57:41 1182
原创 Vue收集表单数据学习笔记
收集数据表单:若:,则v-model收集的是value值,用户输入的就是value值。若:,则v-model收集的是value值,且要给标签配置value值。若:1. 没有配置input的value值,那么收集的就是checked(勾选是true,未勾选为false)2. 配置input的value属性:(1)v-model的初始值是非数组,那么收集的就是checked(勾选是true,未勾选为false)(2)v-model的初始值是数组,那么收集的就是value组成的数组。
2023-04-25 11:53:35 519 1
原创 Vue监视数据的学习笔记
Vue会监视data中所有层次的数据如何监测对象中的数据通过setter实现监视,且要在new Vue时就要传入要监测的数据(1). 对象中后追加的属性,Vue默认不做响应式处理(2). 如需给后添加的属性做响应式,请使用如下API:Vue.set(target,propertyName/index,value)或如何监测数组中的数据?通过包裹数组更新元素的方法实现,本质两步骤(1).调用原生对应的方法对数组进行更新(2).重新解析模板,进而更新页面。
2023-04-23 15:45:06 584
原创 【React】三.React组件基础学习
组件的两种创建方式:函数组件和类组件无状态(函数)组件,负责静态结构展示有状态(类)组件,负责更新UI绑定事件注意this指向的问题推荐使用受控组件来处理表单
2023-01-18 15:58:00 764 1
原创 【React】二.JSX
JavaScript XML的简称,表示在JavaScript代码中写XML(HTML)格式的代码优势:声明式语法更加直观,与html结构相同,降低学习成本,提升开发效率JSX是React的核心内容。
2023-01-13 11:13:13 347
原创 【React】一.React基本使用
新手不适用最新版本,现在最新版本18.0.2,我要用17.0.2,降低版本,进入项目目录下,使用cmd命令。react18不再支持ReactDOM,两种办法,使用18支持的API或者降低版本 (17就可以)最终我选择了降低版本,新版本不是我这菜鸟可以驾驭的。我在vscode终端输入命令,开始react之旅。2.引入react和react-dom两个文件。1. 在 React 18 中,4.渲染React元素到页面中。参数一:要渲染的react元素。3.创建React元素。参数三:元素的子节点。
2023-01-12 14:26:33 689
原创 JavaScript-BOM
💖通过看视频教程和红宝书浅浅的写下一些关于BOM的笔记红宝书知识系统全面,精炼。大概是因为太干货了,涉及的知识点太多,所以我选择看着简单的视频教程,同时打开红宝书。笔记的内容以红宝书为基准。
2022-12-16 09:46:00 251
原创 JavaScript-DOM操作表单
声明一个数组,遍历checkbox,如果checkbox被选中就将此checkbox的内容push到数组中。事件需要有动作才可以实行(比如点击触发,方法可以不用动作,调用即可)代码中给每个表单添加了name属性,用这个属性去获取相应的表单元素。checkbox(兴趣) 的值没有成功获取到。注意:onsubmit,onreset只能给表单添加。表单.submit;表单.onreset;可以通过form.name获取表单。checkbox的获取办法。checkbox的获取办法。全文使用代码完整如下。
2022-12-13 11:32:42 319
原创 JavaScript-DOM操作表格
DOM操作表格会在项目做数据展示的时候用到,其余地方使用并不多。表格中的tbody是可以不写的,在浏览器解析的时候,会自动加上建议写的时候写上tbody,向项目标准看齐。
2022-12-09 20:46:09 474
原创 HTML DOM Element 对象(getBoundingClientRect,getAttribute,setAttribute,removeAttribute)
获取到元素盒模型的一些信息,得到的结果是没有单位的,不包含滚动条的距离,不包含margin,包含border和paddingwidth 宽度(包含边框)height 高度(包含边框)left 从元素最左边到可视区最左边距离从元素最右边到可视区最左边距离top 从元素的最上边到可视区最上边的距离从元素的最下边到可视区最上边的距离给body添加一个高度的样式,从而出现滚动条,但是对盒子无影响。
2022-12-09 20:16:37 128
原创 动态与静态获取元素
静态获取(querySelectorAll)时,选出的所有元素的数组,不会随着文档操作而改变;动态获取(getElementById)时,选出的所有元素的数组,会随着文档的操作而发生变化;静态获取数组的元素,数组元素按照顺序依次被遍历读取。第一次循环,1插入到最后,2获得新的下标0,第四次循环,3获得新的下标3,插入到最后。所以第二次插入到最后的是3,,第三次插入到最后的是5。
2022-12-09 20:13:53 898
原创 JavaScript-innerHtml与DOM方法的区别
此时运行点击任意一个,弹框显示undefined,为什么呢,因为html是大写的取消注释的内容,点击事件失效。如果考虑使用innerHTML,要考虑之前的事件会不会失效。
2022-12-09 19:43:00 134
原创 HTML DOM Element 对象(getBoundingClientRect,getAttribute,setAttribute,removeAttribute)
获取到元素盒模型的一些信息,得到的结果是没有单位的,不包含滚动条的距离width 宽度(包含边框)height 高度(包含边框)left 从元素最左边到可视区最左边距离从元素最右边到可视区最左边距离top 从元素的最上边到可视区最上边的距离从元素的最下边到可视区最上边的距离···。
2022-12-09 19:33:54 102
原创 JavaScript实现登录框定位
元素.offsetWidth返回元素的宽度,包含边框的元素.clientWidth返回元素的宽度,不包含边框的元素.clientHeight和宽度语法相同可视区的宽高宽:document.documentElement.clientWidth高:document.documentElement.clientHeight。
2022-11-30 22:18:49 403
原创 JavaScript获取DOM元素相关信息和属性
获取到元素盒模型的一些信息,得到的结果是没有单位的,不包含滚动条的距离,不包含margin,包含border和paddingwidth 宽度(包含边框)height 高度(包含边框)left 从元素最左边到可视区最左边距离从元素最右边到可视区最左边距离top 从元素的最上边到可视区最上边的距离从元素的最下边到可视区最上边的距离给body添加一个高度的样式,从而出现滚动条,但是对盒子无影响。
2022-11-29 22:11:04 1096
原创 认识与了解前端Dom
文档对象模型Dom是关于创建,修改,插入,删除页面元素的标准Dom赋予我们操作操作页面的能力页面的内容都是字符串,js会把这些字符串转换成DOM树,DOM树会把字符串转换成节点,其实我们操作DOM的根本就是操作节点。
2022-11-29 16:50:31 291
2023元旦倒计时代码
2022-12-17
网页设计期末作业秦皇岛旅游html+css
2021-09-21
哈希表计算最长连续序列是否需要判断条件更新序列长度
2024-05-18
node版本管理工具nvm安装后使用命令报错解决方案
2024-04-09
第三个空填什么,想不到应该是什么
2024-03-23
asp,net窗体实现sql数据库多个表查询功能相关问题
2023-12-19
C语言实现线性表代码
2023-09-26
Vue新建项目导入vue模板报错
2023-06-17
关于react18的api问题
2023-01-11
:hover::after伪元素样式生效但是不显示对应样式
2022-10-30
为什么轮播图的图片容器变得这么大呢,想知道原因和解决办法
2022-10-30
关于#int#的问题,如何解决?
2022-09-11
关于#c语言#的问题:*p=&x p=&x解释一下这三个代表的含义的区别
2022-06-26
笔记本电脑浏览器打不开网页qq可正常使用
2022-06-17
启动Hive metastore服务失败了,有没有专业人员给看看,如何解决?
2022-06-13
关于#c语言#的问题:若执行以下程序段
2022-06-11
关于#java#的问题:初次使用idea社区版
2022-06-05
关于#android#的问题,如何解决?
2022-06-02
浏览器输入php文件地址运行报错,MySQL拒绝连接,原因及其解决方案
2022-05-12
Android studio proxy设置报错,连接有点问题
2022-04-09
ecplise运行程序时候报错,不知道如何解决
2022-04-06
android项目运行成功但是电脑端的手机无动于衷不知原因和处理的办法
2022-04-03
android studio关于SDK 的相关问题,修改本地文件后错误的解决办法?
2022-03-27
c#的编辑器vs2022安装之后没有新建网站的相关组件,
2022-03-24
Java基础类的问题,所有内容写在大括号里面,但是第一个地方不可以写的原因是什么
2022-03-21
php问题基础语法的问题
2022-03-18
Android studio安装之后双击studio报错
2022-03-04
unity打开工程文件失败
2021-12-29
电脑小时了三个盘只剩下一个盘了
2021-12-23
若 int a[3] [2]={{1,2},{3,4},{5,6}},则a[2][1]是
2021-12-16
MySQL怎么给含有主键的字段添加信息
2021-12-09
vue.js中的脚手架CLI安装后不能创建项目
2021-11-27
unity所有物体环境整体下沉,不知原因
2021-11-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人