技术栈
前端开发
aiguangyuan
12 天前
前端开发
·
vue 3.0
后台管理系统引导功能的实现
引导是软件中经常见到的一个功能，无论是在后台项目还是前台或者是移动端项目中。那么对于引导页而言，它是如何实现的呢？通常情况下引导页是通过 聚焦 的方式，高亮一块视图，然后通过文字解释的形式来告知用户该功能的作用。
aiguangyuan
15 天前
前端开发
·
vue 3.0
后台管理系统用户退出登录方案实现
退出登录一直是一个通用的前端实现方案，对于退出登录而言，它的触发时机一般有两种：1. 用户主动退出，即用户点击登录按钮之后退出；
aiguangyuan
16 天前
前端开发
·
vue 3.0
后台管理系统动态面包屑Ｂreadcrumb组件的实现
在后管理系统开发中，面包屑导航是一个非常常见的功能，通常是根据当前的 url 自动生成面包屑导航菜单，当跳转路由发生变化时，面包屑导航都会随之发生变化，即动态面包屑。
aiguangyuan
20 天前
svg
·
前端开发
·
icon
·
vue 3.0
Vue 3.0 中封装icon组件使用外部SVG图标
通常在企业级项目开发时，所使用的 icon 图标，一共分为两类：1. element-plus 的图标
川石教育
1 个月前
前端
·
javascript
·
vue.js
·
前端框架
·
前端开发
·
vue前端开发
Vue前端开发-全局配置axios
在vue3中，可以使用 app.config.globalProperties来注册全局属性的对象，其中app是通过createApp()方法创建后的Vue实例化对象，它替代了Vue2中的Vue.prototype方式，无论是Vue3中的组件式API还是选项式API，都可以轻松访问到它的值。
川石教育
1 个月前
前端
·
vue.js
·
前端框架
·
前端开发
·
vue框架
·
数据缓存
Vue前端开发-数据缓存
完成全局性的axios实例对象配置后，则可以在任意一个组件中直接调用这个对象，发送异步请求，获取服务端返回的数据，同时，针对那些不经常变化的数据，可以在请求过程中，进行数据缓存，并根据设定的缓存时长，定时更新数据，接下来进行详细介绍。
川石教育
1 个月前
javascript
·
vue.js
·
前端框架
·
前端开发
·
vue前端
Vue前端开发-axios对象安装的方法
在Vue3中，通过安装Axios模块来实现数据的异步请求和接收，Axios模块是一个基于Promise网络请求库，可以用于服务端和浏览器中，当用于浏览器时，本质是将XHR对象进行了封装，因此，它的核心依然是XHR对象，接下来详细介绍该模板的使用。
川石教育
2 个月前
vue.js
·
vue
·
前端开发
·
vue前端开发
Vue前端开发-路由跳转及带参数跳转
在Vue 3中，由于没有实例化对象this，因此，无法通过this去访问 $route对象，而是通过导入一个名为 useRouter 的方法，执行这个方法后，返回一个路由对象，通过这个路由对象就可以获取到当前路由中的信息，包括参数的读取，接下来进行详细说明。
川石教育
2 个月前
前端
·
vue.js
·
前端框架
·
前端开发
·
slot组件
Vue前端开发-slot传参
slot 又称插槽，它是在子组件中为父组件提供的一个占位符，使用来表示，通过这个占位符，父组件可以向中填充任意的内容代码，这些代码将自动替换占位符的位置，从而轻松实现在父组件中控制子组件内容的需求。
MavenTalk
2 个月前
android
·
前端
·
flutter
·
ios
·
uni-app
·
前端开发
前端技术选型之uniapp
移动应用基本是互联网产品开发的起点，有流量、有用户，相比PC端而言规模更大，利所当然选择一个适合自己公司的前端框架就显得很重要，这里来聊聊uniapp这款开发框架。
川石教育
2 个月前
前端
·
vue.js
·
前端开发
·
vue前端开发
·
vue组件传参
Vue前端开发子组件向父组件传参
在父组件中，如果需要获取子组件中的数据，有两种方式，一种是在子组件中自定义事件，父组件绑定该事件，当触发自定义事件时，向父组件传入参数;另一种是先通过ref属性给子组件命名，然后在父组件中就可以调用$refs对象，访问命名的子组件中数据。
并不会
2 个月前
前端
·
css
·
学习
·
html
·
前端开发
·
css选择器
常见 CSS 选择器用法
"Be Your Own Hero"CSS选择器是一种模式，用于选择需要应用CSS样式的HTML元素。以下是一些基本的CSS选择器类型：
川石教育
3 个月前
前端
·
vue.js
·
前端框架
·
前端开发
·
vue前端
Vue前端开发：元素动画效果之过渡动画
在Vue中，专门提供了一个名称为transition 的内置组件，来完成单个DOM元素的动画效果，该组件本身和它的顶层并不渲染动画效果，而只是将动画效果应用到被组件包裹的DOM元素上，代码实现的格式如下所示。
华为云开发者联盟
3 个月前
低代码
·
开源
·
前端开发
·
tinyengine
几行代码带你用TinyEngine低代码引擎开发侧边栏插件
本文分享自华为云社区《实操上手TinyEngine低代码引擎插件化开发》，作者：OpenTiny。低代码开发是近些年非常热门的一种开发方式，用户可以通过可视化的方式，简单拖拽，不写代码或者编写少量代码，类似搭积木一样搭建业务应用。
aiguangyuan
3 个月前
webpack
·
前端开发
Webpack一键打包多个环境
安装如下插件，以便可以在打包命令中设置环境变量区分不同的环境。在package.json中配置正式环境和测试环境打包命令，同时添加一个命令同打包两个环境。
Amd794
3 个月前
生命周期
·
前端开发
·
nuxt.js
·
钩子函数
·
代码示例
·
应用初始化
·
modules:done
Nuxt.js 应用中的 modules：done 事件钩子详解
title: Nuxt.js 应用中的 modules：done 事件钩子详解 date: 2024/10/16 updated: 2024/10/16 author: cmdragon
Amd794
3 个月前
生命周期
·
前端开发
·
nuxt.js
·
请求处理
·
应用初始化
·
nuxt实例
·
ready钩子
Nuxt.js 应用中的 ready 事件钩子详解
title: Nuxt.js 应用中的 ready 事件钩子详解 date: 2024/10/12 updated: 2024/10/12 author: cmdragon
Amd794
3 个月前
前端开发
·
nuxt.js
·
状态管理
·
钩子函数
·
ui更新
·
页面动画
·
页面过渡
Nuxt.js 应用中的 page：transition：finish 钩子详解
title: Nuxt.js 应用中的 page：transition：finish 钩子详解 date: 2024/10/10 updated: 2024/10/10 author: cmdragon
Amd794
4 个月前
前端开发
·
nuxt.js
·
钩子函数
·
代码示例
·
数据刷新
·
ui优化
·
动态更新
深入理解 Nuxt.js 中的 app:data:refresh 钩子
title: 深入理解 Nuxt.js 中的 app：data：refresh 钩子 date: 2024/9/29 updated: 2024/9/29 author: cmdragon
Amd794
4 个月前
webpack
·
vite
·
前端开发
·
插件
·
nuxt kit
·
扩展配置
·
构建器 api
使用 Nuxt Kit 的构建器 API 来扩展配置
title: 使用 Nuxt Kit 的构建器 API 来扩展配置 date: 2024/9/24 updated: 2024/9/24 author: cmdragon