W-阿飞 - 博客园

2024年10月24日

摘要： // vue.config.js module.exports = { configureWebpack: { resolve: { alias: { '@': path.resolve(__dirname, 'src'), // 将'src'目录设置别名为'@' 'components': pat 阅读全文

posted @ 2024-10-24 10:51 W-阿飞阅读(8) 评论(0) 推荐(0) 编辑

2024年10月23日

React 类组件的生命周期

摘要： React 类组件的生命周期可以分成三个阶段：挂载（Mounting）阶段：当组件实例被创建并插入 DOM 中时，会调用的方法。更新（Updating）阶段：当组件的 props 或 state 发生变化时会调用的方法。卸载（Unmounting）阶段：当组件从 DOM 中移除时会调用的方法。阅读全文

posted @ 2024-10-23 13:48 W-阿飞阅读(8) 评论(0) 推荐(0) 编辑

2024年9月19日

Uniapp生命周期

摘要： UniApp框架中的生命周期函数主要分为两大类：页面生命周期和组件生命周期。页面生命周期： onLoad：页面加载时触发。 onShow：页面显示时触发。 onReady：页面初次渲染完成时触发。 onHide：页面隐藏时触发。 onUnload：页面卸载时触发。 onPullDownRefres 阅读全文

posted @ 2024-09-19 15:57 W-阿飞阅读(65) 评论(0) 推荐(0) 编辑

2024年9月18日

使用call、apply和bind改变函数执行时的上下文

摘要：使用call、apply和bind都能够是函数的上下文发生改变，那我们来具体看看这记者之间的区别吧。 call方法：语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替阅读全文

posted @ 2024-09-18 16:50 W-阿飞阅读(13) 评论(0) 推荐(0) 编辑

2024年9月17日

Math方法

摘要： ‌JavaScript的Math对象提供了多种数学函数和常数，用于执行数学相关的操作和计算。‌ 这些方法包括计算绝对值、取整、幂运算、平方根、三角函数、对数函数、指数函数、随机数生成等。以下是一些常用的Math对象方法及其描述： ‌计算绝对值‌：使用Math.abs(x)方法，返回数值x的绝对值。如阅读全文

posted @ 2024-09-17 13:22 W-阿飞阅读(7) 评论(0) 推荐(0) 编辑

2024年8月28日

js判断类型

摘要：判断JS类型，有以下几种方法： typeof ：可以判断基本类型，如：number，string，boolen、symbol、undefined、null等 2. instance of：只能用来判断复杂数据类型，如：数组，方法，对象等 object.prototype.toString.call：阅读全文

posted @ 2024-08-28 00:06 W-阿飞阅读(14) 评论(0) 推荐(0) 编辑

2024年8月27日

虚拟列表

摘要： <template> <div ref="list" class="infinite-list-container" @scroll="scrollEvent($event)"> <div class="infinite-list-phantom" :style="{ height: listHei 阅读全文

posted @ 2024-08-27 23:52 W-阿飞阅读(4) 评论(0) 推荐(0) 编辑

vue全局指令按钮权限控制

摘要：方法一：指令.js // 注册一个全局自定义指令 `v-has-permission` Vue.directive('has-permission', { bind(el, binding, vnode) { // 获取绑定的权限值 const permission = binding.value; 阅读全文

posted @ 2024-08-27 23:33 W-阿飞阅读(107) 评论(0) 推荐(0) 编辑

淘宝flexible + rem

摘要： rem页面 <style> html { font-size: 100px; } div { /* 相对于 100px */ font-size: 1rem; } </style> <div> rem单位 </div> flexible <!DOCTYPE html> <html lang="en" 阅读全文

posted @ 2024-08-27 21:49 W-阿飞阅读(4) 评论(0) 推荐(0) 编辑

2024年8月26日

小功能

摘要： 1.将内容复制到剪贴板为了提高网站的用户体验，我们经常需要将内容复制到剪贴板，以便用户将其粘贴到指定位置。 const copyToClipboard = (content) => navigator.clipboard.writeText(content)copyToClipboard("Hel 阅读全文

posted @ 2024-08-26 22:22 W-阿飞阅读(7) 评论(0) 推荐(0) 编辑