×

前端框架

Vue自定义网页顶部导航栏(vue实现顶部导航栏)

Kung Kung 发表于2024-04-21 浏览8855 评论0
Vue自定义web网页顶部导航栏 说明:此组件是为论坛类项目定制的一个实用的顶部导航栏,当然也可以用于其他的Web项目,只需要稍作修改便可以达到想要的效果。其中导航栏包含了搜索栏,用户头像,以及基本的导航标题。导航栏标题的选中是通过 vue-router(路由)实现。 💕💕*:文末附下载连接* 导航栏效果 详细步骤 第一步:安装 vue-router npm i vue-router@3 第二步:在 main.js 中引入和使用 VueRouter

前端框架

uni-app 使用 Uview2.x 搭建自定义tabbar组件

夏至未至 夏至未至 发表于2024-04-21 浏览8413 评论0
先看效果 引言 我的软件需要后续隐藏导航栏等功能,在开发过程中逐渐意识到uni-app原生的tabbar可能不能满足个人的开发要求,而且uView的兼容性是所有非原生组件库中最好的,所以我以uView的tabbar组件作为基础进行自定义修改 安装 uni-app怎么引入uView很多人都写过,可以参照uView的官网uView官网-如何安装uView 我是使用Hbuilder插件的方式引入的组件库,之后的配置参考了这篇文章uni-app中引入uViewUI框架 有需要的可以自行

前端框架

【vue 组件化开发 一 】组件基本使用、全局和局部组件、父组件和子组件的区别

窜天猴 窜天猴 发表于2024-04-21 浏览6581 评论0
目录 前言: 完整内容请关注: 一、组件的基本使用 二、全局组件和局部组件 全局注册,通过 Vue.component 局部注册,通过 components:{} 全局组件 局部组件 三、父组件和子组件的区别 前言: 完整内容请关注: (1条消息) Vue 的基础学习_小余努力搬砖的博客-CSDN博客https://blog.csdn.net/yzq0820/category_11934130.html?spm=1001.2014.3001.5482 一、组件

前端框架

react antd对话框里面input的数据回显(antd 表单回显)

kph kph 发表于2024-04-21 浏览4557 评论0
需求是,点击表格中的名字,弹出对话框,然后可以修改名字。 如下两图: ​​​​​​​      因为姓名那里是在表格里面,直接借助antd中的API,设置columns中,使用render可以拿到你点击的内容,这个方法有三个参数,因为我当前需求只会用到text这个参数,还有两个就不说了。 // 表格表头 const columns = [ { title: '编号', dataIndex: 'count_i

前端框架

VUE3的watch监听使用

jsonyy jsonyy 发表于2024-04-21 浏览18196 评论0
watch介绍 vue中watch用来监听数据的响应式变化.获取数据变化前后的值 watch的完整入参 watch(监听的数据,副作用函数,配置对象) watch(data, (newData, oldData) => {}, {immediate: true, deep: true}) watch监听的不同情况 创建响应式数据 import { ref, watch, reactive } from "vue"; let name = ref("moxun");

前端框架

怎么让 echarts 图表动起来?定时器解决它 —— 大屏展示案例(动态仪表盘、动态柱状图)

daimoway daimoway 发表于2024-04-21 浏览93499 评论0
        该案例为了实现效果采用的是随机生成数据,比较适用于偏向展示效果的静态页面如门户网站的首页、登录页等等。颜色样式自调。         需要注意在有些项目中仪表盘可能无法正常显示,这是因为你在项目中引入的 echarts 版本太低,需要引入新版本 echarts5。 目录 一、案例效果 二、实现步骤 1.创建页面结构  2.创建方法绘制图表并调用 3.在option设置图表及其样式 三、要点知识总结 四、完整代码+详细注释 一、案例效果 做案例之前正常

前端框架

angular框架简介基础与使用(全文2w8字)前端框架angular(angular框架介绍)

梦幻星空 梦幻星空 发表于2024-04-21 浏览7340 评论0
写在前面 本文的所有内容,可以在我的博客上看到,下面是地址。建议去博客看,因为csdn的这篇图片我没上传。 可以转载,但请注明出处 我的博客—点击跳转 https://numbrun.gitee.io/views/angular angular Angular介绍 Angular是谷歌开发的一款开源的web前端框架,诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。 根据项

前端框架

针对Vue框架渗透测试-未授权访问目录漏洞【渗透实战+工具开发】

神经蛙 神经蛙 发表于2024-04-20 浏览7606 评论0
前言(吹水环节) 好久不见,最近很忙,自从工作之后就很少挤出时间来写博客了,每天都是干不完的活,特别是现在的七八月份,Hvv和攻防演练一大堆,我作为底层安服,所以更忙。就在上周,我在授权的情况下进行测试,偶然发现vue框架做的前端登录框,在很久之前我就开发了一款工具,专门用来检测vue前端未授权访问接口目录暴露的漏洞问题,但是呢,本身这个范围就很小,而且懂这个的人也不多,所以工具的stars量对比大热门的ThinkPHP漏扫要低了许多,就是下图这样,哈哈: 这个我觉得严格意义上来

前端框架

「经典题」Vuex常见面试题大全汇总--史上最全【vuex面试题】(vuex面试题目)

IPASS IPASS 发表于2024-04-20 浏览7048 评论0
一.vuex是什么?怎么使用?哪种功能场景使用它?         Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是:应用遇到多个组件共享状态时,使用vuex。 场景:多个组件共享数据或者是跨组件传递数据时, 比如:单页应用中,组件之间的状态。音乐播放、登录状态、加入购物车 怎么使用? vue框架中状态管理。在main.js引入store,注入。 新建了一个目录sto

前端框架

vue antvG6树图的摸索总结—新手入门

田小檬 田小檬 发表于2024-04-20 浏览7104 评论0
持续更新中... 一、简单介绍 以下有什么不恰当的地方还请多多指教,因为公司业务需求,被迫看了浅学习了一下antv-g6,之前一直使用Echarts,感觉Echarts就很好用,可是看过g6之后,觉得确实很漂亮,而且也能实现一些业务中比较变态的要求。接下来我就从我刚入手的角度,谈一下自己的心得体会。  二、安装引用 1.在项目中直接NPM包引入 Step 1: 使用命令行在项目目录下执行以下命令: npm install --save @antv/g6 St