- 博客(18)
- 收藏
- 关注
原创 前端知识点——快看看忘了多少
SPA适合对用户体验要求较高、复杂交互逻辑的应用,如社交网络、在线办公工具等。MPA适合内容较为独立、SEO要求高的应用,如新闻门户、官方网站等。懒加载的实现原理懒加载(Lazy Loading)是一种优化技术,用于延迟加载应用程序中的资源(如图片、JavaScript文件、CSS文件等),以提高页面加载速度和性能。
2024-03-21 15:08:34
1178
1
原创 做前端的你——面试会用到的题
简而言之,JavaScript 的事件循环实际上是不断地从任务队列中取出任务执行的过程,并且在执行每个任务之后会检查微任务队列,确保微任务在宏任务之间执行。需要注意的是,父组件和子组件的生命周期函数是在创建和挂载过程中依次执行的。总结起来,父组件会在子组件之前加载,并且父组件的挂载过程会在子组件的挂载过程之前完成。这样确保了在父组件中可以正确地使用子组件,并保证了组件的生命周期钩子函数按照正确的顺序执行。在上述顺序中,首先是父组件的生命周期函数执行,然后才是子组件的生命周期函数。
2024-03-13 22:13:59
331
原创 【介绍一下Vite吧】
Vite 是一个基于原生 ES 模块的 Web 开发构建工具,旨在提供比传统打包工具更快的开发环境。Vite 的核心思想是利用现代浏览器对 ES 模块代码的原生支持,通过将构建工作推迟到运行时来实现快速的冷启动。:Vite 可以在不需要预先构建的情况下直接运行项目。它利用浏览器的原生 ES 模块加载能力,只在需要时编译模块,因此具有极快的冷启动速度。:Vite 内置支持常见的前端构建工具和框架,比如 Vue、React、Preact 等,无需额外配置即可开始项目开发。
2024-03-07 17:06:05
712
原创 前端算法相关
数据结构数组、链表、栈、队列、树、图等数据结构的基本概念和操作。算法排序算法(如快速排序、归并排序、冒泡排序)、搜索算法(如深度优先搜索、广度优先搜索)、动态规划、贪心算法等。字符串处理字符串反转、查找子串、替换等问题。递归与迭代递归函数的编写和优化,以及递归与迭代之间的转换。算法复杂度分析时间复杂度和空间复杂度的概念,对算法效率进行评估JavaScript 相关问题JavaScript 中数组方法的应用、对象操作等与算法相关的问题。
2024-03-05 15:51:20
1173
1
原创 前端书写代码规范
推荐: 函数定义方式推荐使用函数表达式强制:hooks的定义使用use开头强制: Url中query定义使用小写,如有多个单词,用下划线隔开强制: 路由query定义使用小写,如有多个单词,用下划线隔开强制: 路由params使用小驼峰声明。
2024-03-05 11:47:18
1024
1
原创 响应式布局(Responsive Layout)和自适应布局(Adaptive Layout)
响应式布局是一种设计和开发网页的方法,使得网页能够根据用户设备的屏幕尺寸和分辨率做出相应的调整,以提供最佳的用户体验。总的来说,响应式布局更灵活和实时地根据设备特性做出调整,而自适应布局则更侧重于设定几个固定的布局点,并在这些点上进行切换。通常情况下,响应式布局被认为是更为流行和推荐的方法,因为它可以更好地适应各种设备和屏幕尺寸,提供更一致的用户体验。自适应布局通常会定义几个固定的布局尺寸,当用户设备的宽度落在这些尺寸范围内时,网页会选择最匹配的布局进行展示。,而在小屏幕上则会垂直堆叠显示。
2024-03-05 10:37:37
648
1
原创 前端闭包介绍
使用闭包可以实现许多有用的模式,例如封装私有变量、实现模块化等。但需要注意,过度或不恰当地使用闭包可能会导致内存泄漏问题,因为闭包会持续引用外部函数的变量,导致这些变量无法被垃圾回收。因此,在使用闭包时需要谨慎处理内存管理问题。闭包(Closure)是指函数和函数内部能够访问到其词法作用域(Lexical Scope)的变量的组合。换句话说,闭包可以让函数访问在其外部定义的变量,即使在函数被调用后外部的词法作用域已经销毁。已经执行完并且其词法作用域已经销毁。是一个闭包,它可以访问到。
2024-03-01 10:50:52
225
原创 深入理解 Vue 3 Composition API
Vue 3 引入了 Composition API,为开发者提供了一种新的组织代码的方式,本文将深入探讨 Composition API 的优势以及如何使用它来构建更具可维护性和复用性的 Vue 应用。
2024-02-22 15:53:01
293
1
原创 Vue 3.0 新特性介绍
Vue 3.0 也带来了很多性能改进。其中最令人激动的是渲染函数的优化,这使得 Vue 3.0 在处理大型应用程序时更加高效。总的来说,Vue 3.0 带来了很多令人激动的新特性和改进,包括 Composition API、性能改进、Tree Shaking 技术和其他改进。这些改进使得 Vue 3.0 更加高效、灵活和易用,为开发者提供了更好的开发体验和更好的性能表现。相比于前代版本,Vue 3.0 带来了很多令人兴奋的新特性和改进,本文将为您介绍 Vue 3.0 的一些重要新特性。
2024-02-22 15:25:17
490
1
原创 【异步解决-浏览器剪贴板复制失败】
安全域的限制包括了是否启用TLS安全认证以及访问来源是否为本地(即file://协议),换成如 https 协议的地址、127.0.0.1 或 localhost。原因就是在本地的时候都是安全域名,编辑后在服务器上测试的时候可能使用的就是不安全域名了(比如http)废弃的方法,异步复制也不省生效。navigator.clipboard.writeText复制也不会生效~使用copy-to-clipboard 复制出弹窗,复制不生效。浏览器安全策略限制是异步复制失败的主要原因之一。
2023-10-13 16:47:38
836
原创 vue下拉菜单上的tooltip小技巧
利用elemnet-UI的el-tooltip可以简单实现 下拉菜单的某选项设置toolTip简单来说就是把el-option下插入el-tooltip,设置某个选项选中展示
2022-07-06 10:03:48
2083
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人