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