![](https://img-blog.csdnimg.cn/direct/f8dcffa76fa742829cea626bb624fd57.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 86
常用js的api记录以及封装的公共方法
生活、追梦者
别怕过去的自己,如何生活的狼狈不堪;只有现在勇往直前的力量,才足以战胜遥不可及的梦想。路,一直在脚下,好好努力,明日必定越来越好。
展开
-
【vuejs】vm.$set() 的原理解析和方法以及应用场景
vm.$set是 Vue 实例的一个方法,它提供了一种在 Vue 实例的响应式对象上动态添加新属性的方式。当使用vm.$set向响应式对象添加新属性时,Vue 会确保这个新属性同样是响应式的,并且能够触发视图的更新。原创 2024-06-07 15:25:25 · 1620 阅读 · 1 评论 -
【vuejs】keep-alive组件的原理讲解和使用讲解
Vue.js 框架中的组件是一个用于缓存组件实例的内置组件,它使得组件在不活动时保持其状态,从而提高应用的性能和用户体验。当使用动态组件切换视图时,不在显示的组件实例会被销毁并重新创建,这会导致状态丢失。而可以避免这种情况,它缓存了这些组件实例,使得它们在重新激活时能够保持之前的状态。原创 2024-06-05 12:22:22 · 1040 阅读 · 0 评论 -
Proxy 与 Reflect 的关系、作用与应用场景
代理(Proxy)是一种设计模式,允许为其他对象创建一个代表或占位符对象,以控制对它的访问。在JavaScript中,Proxy 对象是一个内置对象,用于创建一个对象的代理,从而可以拦截和自定义对象的基本操作,如属性查找、赋值、枚举、函数调用等。反射(Reflect)是ES6中引入的一个内置对象,它提供了拦截JavaScript操作的方法,这些方法与Proxy对象的陷阱(trap)方法相对应。Reflect对象的方法可以用来实现默认行为,使得在Proxy中可以方便地定义自定义行为。原创 2024-06-05 12:21:27 · 963 阅读 · 0 评论 -
JavaScript事件循环机制(event loop)、宏任务、微任务总结
多线程 vs 单线程:浏览器通过多线程模型处理异步任务,而Node.js使用单线程事件循环。宏任务与微任务的执行:浏览器在每个事件循环迭代中先执行宏任务,然后清空微任务队列;Node.js在每个阶段结束后检查微任务队列,并在适当时机执行微任务。:Node.js特有的允许回调在当前事件循环迭代的末尾执行,提供了更高的执行优先级。理解这些差异对于在不同环境中编写高效且可靠的JavaScript代码至关重要。原创 2024-05-30 16:04:51 · 845 阅读 · 0 评论 -
【React】react函数式编程常用hooks讲解
React Hooks 是 React 16.8 版本引入的一项重要特性,它极大地简化和优化了函数组件的开发过程。React 中常用的 Hooks,包括 useState、useEffect、useContext、useReducer、useCallback、useMemo、useRef、useLayoutEffect等。这些 Hooks 涵盖了状态管理、副作用处理、性能优化、DOM 操作等各个方面,为开发者提供了强大的工具。原创 2024-05-29 11:02:41 · 2037 阅读 · 1 评论 -
dayjs 常用方法总结以及项目实战
自定义格式化是 Day.js 的一个强大功能,它允许开发者根据特定的需求来定义日期时间的显示格式。定义格式:可以通过字符串模板定义自定义的日期时间格式。Day.js 将根据模板中的指令解析和显示日期。使用场景:自定义格式化特别适用于需要遵循特定格式标准或展示非标准日期时间格式的场景。自定义日期格式将日期显示为的格式。组合年月日和时间将输出日期和时间,如。包含星期信息将输出包含星期的日期,例如'28.05.2024 星期二'。自定义格式的应用非常灵活,可以根据不同的业务需求来调整日期时间的显示方式。原创 2024-05-28 15:46:39 · 1250 阅读 · 0 评论 -
react useState基本使用
React Hooks是React 16.8版本引入的新特性,它允许在不编写类的情况下使用state和其他React特性。Hooks的引入极大地简化了组件的编写,使得函数式组件能够拥有类似类组件的功能。原创 2024-05-28 15:43:46 · 889 阅读 · 0 评论 -
【nodejs】npm镜像配置及常用的基本命令解释说明
npm(Node Package Manager)是 Node.js 的默认包管理器,nodejs安装成功后npm也已经按照好了。npm用于管理和安装第三方库、框架和工具。在某些情况下,由于网络原因,直接使用官方的 npm 仓库可能会很慢或者无法访问。这时,你可以通过配置 npm 来使用一个镜像站点,从而加速包的下载和安装。原创 2024-04-13 11:20:38 · 1048 阅读 · 2 评论 -
【TypeScript 】typescript入门基础知识点整理
TypeScript 是一种由 Microsoft 开发的开源编程语言,它是 JavaScript 的一个超集,提供了类型系统和对 ES6 的支持。TypeScript 的目标是成为 JavaScript 程序的静态类型检查器,帮助开发者在代码运行之前发现潜在的错误。:TypeScript 引入了静态类型检查,这意味着你可以在编译时期就捕获到类型错误,而不是在运行时期。:接口是 TypeScript 中定义对象结构的一种方式,可以用来定义类、函数的参数和返回值的类型。索引访问类型允许你通过索引来访问类型。原创 2024-04-13 11:12:24 · 483 阅读 · 1 评论 -
实时动态修改css :root 中的变量实现换肤、主题色的功能
到此就完成了动态修改:root变量实现换肤了,具体的应用场景中我们应该是在页面上操作,选中需要的肤色然后修改:root定义的变量值,考虑到浏览器刷新会重置原始状态的值,这里要结合本地存储方式记住选中的肤色。原创 2024-04-12 16:18:22 · 571 阅读 · 1 评论 -
Vue组件:自定义弹窗组件Dialog详解
项目中大量的模块因字段都比较少,因此添加和编辑用弹框的形式更加方便,但是UI的设计和现用的组件库的弹框组件差异比较大,只能自己动手封装这么一个组件了。通过自定义弹窗组件ByDialog,我们可以在Vue.js应用中创建高度定制化的弹窗功能。通过属性、事件和插槽的灵活运用,我们可以实现各种弹窗样式和交互效果。原创 2023-10-18 18:40:43 · 5241 阅读 · 1 评论 -
【vue2+elemen-ui】el-form,el-table封装的条件过滤和列表展示的表格组件
然而,一旦项目的表格或表单多起来,每个不同的配置,以及多一个字段少一个字段,都要在 template 中重新写一大段组件代码,显得非常麻烦。或许你会考虑将这些代码封装起来,可是又会发现,封装的表格、表单大多数只在一处地方使用,还不如不封装呢。到底要如何封装,可以让每处使用 el-table 或 el-form, 都可以复用相同的组件,减少代码量的同时又具备高度的可定制性?本文章将会按照从无到有的步骤,按照封装组件常用的思路来封装 el-table,并且实现封装完成的组件支持 el-table 的全配置。原创 2024-04-10 16:19:53 · 848 阅读 · 1 评论 -
【Vue I18n 国际化插件】vue3+vue-i18n 项目实战总结
前端国际化:应用要服务于不同的地区的用户,所以应用不能单一语言;应用要能让不同地区的人无障碍使用就需要实现国际化。目前在各大商城项目中,对于国际化语言的需求越来越高了,其中最多的就是 vue 项目使用 i18n 插件实现多语言切换功能。原创 2024-04-08 11:31:16 · 1765 阅读 · 1 评论