- 博客(26)
- 收藏
- 关注
原创 query和params的区别是什么
URL 结构params:参数作为路径的一部分。query:参数作为查询字符串的一部分。获取参数的方法params:通过。query:通过。使用场景如果参数是资源的标识符并且应该是路径的一部分,使用params。如果参数是可选的或用于过滤、排序等,使用query。根据具体需求选择合适的方式。
2024-07-08 21:46:38
884
原创 如何创建一个简单的html页面(春节)
在这篇博客中,我们将介绍一个简单的HTML网页,专注于传统节日春节的内容。这个网页包括了基本的HTML结构和一些CSS样式,展示了春节的历史、习俗、美食以及相关文化。
2024-01-28 21:09:37
1294
原创 后台管理系统模板搭建/项目配置
当我们运行 pnpm run format 的时候,会把代码直接格式化按我的理解就是,如果在之后的工作项目中,公司有一套成熟的代码风格的话,那么我们按照公司的代码风格进行配置,这样可以保证风格统一,同时提高效率。配置一下终身可用。
2024-01-28 18:55:39
1762
原创 好用的浏览器
QQ浏览器是由腾讯公司推出的浏览器,它拥有流畅的界面、快速的加载速度和丰富的在线资源。它拥有强大的广告拦截和VPN功能,同时内置了一些实用的工具,如快速访问网页的侧边栏和个性化的主题设置。它采用了独立的内核,支持插件和扩展,同时还有云端同步和数据备份功能,满足用户对个性化和便捷性的需求。它的界面简洁、流畅,集成了强大的隐私保护功能和优秀的性能表现,同时与其他苹果设备的协同工作也更加顺畅。综上所述,以上十款浏览器都是最好用的浏览器之一,具备优秀的性能和丰富的功能。6. UC浏览器(UC Browser)
2024-01-27 15:02:24
524
原创 使用 JavaScript 实现编辑器拖拽的简单步骤!
当鼠标按下需要拖拽的元素时,通过将 mousemove 事件与拖动事件绑定,处理相应的逻辑。在鼠标松开时,移除拖动事件。在实现元素拖拽效果时,通常需要为目标元素添加。
2023-12-08 13:59:19
570
原创 怎么进行站点内的图片性能优化?
以上是一些常见的图像性能优化方法,根据具体的业务需求和网站特点,可以选择适合的方法进行优化。同时,也可以借助一些工具和技术来辅助进行图像性能优化,如图像压缩工具、CDN服务、lazy load插件等。
2023-12-07 21:18:05
57
原创 CSS革命:如何用工程化激发你的样式创意?
通过使用这些工具,可以显著提升CSS的可维护性、可重用性和可读性,从而使得前端开发更加高效、简洁。方面的处理,以实现对CSS的工程化管理。模块化、组件化、可维护性和可重用性等。指的是在项目中对CSS进行。
2023-12-06 13:19:22
195
1
原创 什么是前端跨平台?有哪些跨平台框架?
React Native 可以在 iOS 和 Android 平台上开发原生应用,同时也可以在 Web 平台上使用 React 框架进行开发。Electron 可以将 Web 应用程序打包成桌面应用程序,可以在 Windows、macOS 和 Linux 等多个平台上运行。这些跨平台框架大大简化了开发过程,提高了开发效率,同时也保证了应用程序在多个平台上的兼容性和用户体验。我了解过的跨平台框架包括。
2023-12-03 14:21:24
340
1
原创 解锁JavaScript的神秘力量:常见内置对象一网打尽
JavaScript中有一系列内置对象,这些对象为开发者提供了强大的功能和工具,使得在应用程序中能够更轻松地处理字符串、数字、数组、函数等。通过以下方法,可以在数组的末尾或开头添加新的元素,或者在数组的末尾或开头移除元素。JavaScript数组对象提供了对数组元素进行排序的方法,可以按照升序或降序排列数组元素,也可以自定义排序规则。JavaScript还提供了许多其他常用的数组方法,例如填充数组、连接数组、截取数组元素等。在开发中,若要查找指定的元素在数组中的位置,可以使用数组对象提供的检索方法。
2023-12-02 13:53:45
1785
2
原创 什么是前后端分离?它有什么优点和缺点?
前后端分离是指将前端和后端分别进行独立开发和部署,使得前端和后端由不同的开发团队负责,通过 API 接口进行数据交互。前端专注于页面展示和用户交互,而后端负责处理业务逻辑和数据存储,二者通过 API 进行通信。总体而言,前后端分离在提高开发效率、网站性能和用户体验方面有着显著优势,但也可能增加开发和维护的难度,需要采取相应的措施来解决潜在的问题。
2023-11-30 15:51:22
834
原创 git pull 和 git fetch 命令分别有什么作用?两者有什么区别?
git fetch 和 git pull 都是用于拉取远程代码的命令,但它们在执行过程中有一些区别。使用 git fetch 可以从远程仓库获取最新代码。执行 git fetch 后,并不会对当前本地代码进行任何改动,也不会自动合并代码。它会将远程仓库的代码更新到本地的一个单独的分支上(例如,origin/master 分支),并且该分支的指针会向前移动到最新的提交记录。这个过程只会更新本地代码库的信息,但是不会合并到你的工作区。
2023-11-29 11:20:05
448
1
原创 Vue 中的 diff 算法
如果找到相同的节点,则移动旧节点的位置,对节点进行复用并移动对应的指针;如果没有相同的节点,则遍历旧孩子列表中与当前新孩子首节点相同节点,如果找到则可以复用,如果没有找到则创建插入。深入比较节点的属性,再对节点的孩子逐个进行比较。由于频繁直接操作DOM的开销较大,Vue使用JavaScript对象模拟生成虚拟的VDOM,然后在虚拟的VDOM操作一次后再更新为真实的DOM。因此,并不需要对所有节点进行一次更新,只需更新这个 li 标签即可,Diff 算法就是用于找出需要更新的节点的算法。
2023-11-27 13:20:03
38
原创 什么是 Vuex?使用 Vuex 有哪些好处?
在这个模式下,用户通过操作视图,触发 actions,actions 通过提交 mutations 来修改 state,然后 state 的变化反映到视图中。这种单向数据流的设计使得状态的变化更加可追踪,易于调试。如果应用规模较小,全局状态管理需求不高,可能使用一个简单的状态管理就足够了。而使用 Vuex,可以通过集中化管理状态,提供了清晰、可预测的状态管理方式,有效解决了这些问题。简单来说,Vuex 维护了一个对象,该对象存储了 Vue 应用中多个组件所需要共同使用的变量,使得组件可以共享它们。
2023-11-26 15:01:38
232
1
原创 前端常见八股文---浏览器
同源策略(Same-Origin Policy)是浏览器安全策略的一项重要规则,它限制了浏览器只允许当前网页的脚本与来自同一站点(协议、主机、端口号相同)的窗口进行交互,而限制了与不同源(协议、主机、端口号任一不同)的窗口进行交互。同源策略的目的在于有效保护用户的信息安全和隐私。DOM同源策略: 限制了一个文档中的脚本只能访问同一来源的文档对象模型。XMLHttpRequest请求同源策略: 限制了通过XMLHttpRequest发起的请求只能访问同一来源的资源。
2023-11-24 21:46:31
706
8
原创 前端学习路线推荐
以上为个人推荐的视频,每个人都有适合自己的课程,自行选择即可。在学习过程中,可以多做笔记、写博客,在学完一个战术栈之后,可以做一个小项目使得技术更加牢固,可以将满意的项目上传到Gitee和GitHub上,在以后这些都将成为很好的加分项。遇到不懂的问题或者Bug时,可以到CSDN、掘金等网站寻找答案,同时也可以借助ChatGPT等工具提高学习效率。坚持学下去,相信在学习的过程中你们会找到适合自己的学习节奏和方向。技术:AJAX、axios、ES6新特性、Promise。技术:HTML、CSS、JS。
2023-11-24 19:43:51
63
5
原创 JS在哪些情况下会出现内存泄漏
内存泄漏是指⼀些被分配的内存空间,因为某些原因⽽⽆法被垃圾回收机制回收,导致占⽤内存空间⽆法被释放,最终会导致程序崩溃。总的来说,要避免内存泄漏,需要我们具备良好的编程习惯,及时清除不再需要的引用,合理使用闭包和定时器等技术,以及使用内存分析工具进行监测和调试。可复用的对象池是一种有效的内存管理技术,它可以在需要时创建对象,而不是一直创建新的对象。由于闭包会引用包含函数的变量,如果闭包一直存在,这些变量也会一直存在于内存中,无法被垃圾回收。递归会占用大量的内存,如果递归的深度过大,可能会导致内存泄漏。
2023-11-23 14:30:24
154
1
原创 JS 如何顺序执行多个异步任务?
在 JS 中可以使用 Promise 和 async/await 来顺序执行异步任务。生成器(Generator)确实是一种特殊的函数,其函数体内可以使用。使用 Promise 通过 then() 方法的链式调用来实现。使用 async/await 可以将异步任务看做同步人物来执行。生成器函数的调用返回一个迭代器对象,该迭代器对象可以通过调用。暂停函数的执行,将一个值传递给生成器的调用者。方法来依次获取生成器函数中使用。表示生成器函数是否已经执行完成。声明,并且在函数体内可以通过。
2023-11-21 11:42:32
946
原创 浅拷贝和深拷贝
深拷贝会复制对象中的数据,因此修改深拷贝对象中的属性不会影响原对象中的属性。相反,浅拷贝仅复制引用,修改其中的属性会影响原对象的属性。同时也需要理解浅拷贝和赋值的区别,赋值对于对象中的基本类型采用引用其地址的方式,而浅拷贝会复制基本类型的数据。通过递归遍历对象的所有属性,对于属性值为对象的情况,递归调用深拷贝函数,确保每个嵌套的对象都得到正确的拷贝,防止循环引用。是创建⼀个新的对象,并复制原始对象的所有属性,包括嵌套的对象和数组。是创建⼀个新的对象,新对象的⼀些属性引⽤原始对象中相同的属性。
2023-11-19 22:00:01
35
1
原创 JSON.parse() 和 JSON.stringify()
利用 JSON.parse() 和 JSON.stringify() ⽅法可以实现实现深拷贝,深拷贝是指创建⼀个新的对象,并复制原始对象的所有属性,包括嵌套的对象和数组。这意味着在原始对象或新对象。JSON.stringify():将一个 JSON 对象并将其转换为字符串。但这种方法有⼀些限制,例如不能复制函数和特殊对象,则可以用递归来实现深拷贝。JSON.parse() :将字符串作为输入并将其转换为对象。上的更改不会相互影响。
2023-11-19 15:08:35
63
1
原创 JavaScript 中如何终止网络请求?
通过 AbortController 创建新的 AbortController 对象,然后使用其 abort() 方法来中止请求。在创建请求时,将 AbortController.signal 分配给请求的 signal 属性,以便在调用 abort() 方法时取消请求。JavaScript 中使用 AbortController 和 AbortSignal 中止网络请求。
2023-11-17 13:46:42
751
原创 Webpack中magemin依赖下载很容易报错的解决办法
最近在学习webpack的过程中遇到Image Minimizer依赖插件下载失败的问题,在网上搜索了众多方法,例如修改。的方式,挂vpn等方法都无法解决。今天终于通过用cnpm成功下载了。2.下载剩下的包,有两种模式(一般在此处会出现下载失败的情况,通过cnpm)1.下载包(这个包一般都能下载成功)
2023-10-30 16:01:44
397
原创 前端学算法^-^
时间复杂度不要看是两个循环嵌套就认为是O(n^2),看元素的操作次数,元素在right移动时进来一次,left移动时出去一次所以是2n次,时间复杂度O(n)。
2023-10-18 21:16:11
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人