![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端相关技术
陆仁丶
一个除了生孩子以外什么都可以会的程序猿
展开
-
vue3使用 JSX / TSX语法
vue中使用jsx/tsx语法实现灵活组件原创 2024-06-19 11:37:48 · 896 阅读 · 0 评论 -
自定义vue-cli 实现预设模板项目
其中,presets 保存的就是预设信息,test 是保存预设起的别名,我们的preset.json 需要的就是 test 的值,所以preset.json 中的内容就是这样。preset.json 中是一个包含创建新项目所需预定义选项和插件的 JSON 对象,让用户无需在命令提示中选择它们,简称预设;对于以 . 开头的文件,改成 _ ,例如 .eslintrc.js ==》_eslintrc.js。交互式的告知vue create所需,是根据用户使用需求自定义设置的信息。原创 2024-04-11 10:00:17 · 528 阅读 · 0 评论 -
axios封装终极版实现token无感刷新及全局loading
关于axios全局loading的封装博主已经发过一次了,这次是在其基础上增加了token的无感刷新。原创 2024-02-20 11:42:55 · 1047 阅读 · 2 评论 -
vue 发布自己的npm组件
npm发布自己的ui组件、业务组件原创 2024-01-29 11:37:51 · 533 阅读 · 0 评论 -
verdaccio搭建npm私服
npm 简单搭建私服;原创 2024-01-29 10:20:29 · 661 阅读 · 0 评论 -
vue3封装文字滚动组件
【代码】【无标题】原创 2023-08-18 17:06:18 · 332 阅读 · 0 评论 -
JS文字转语音技术实现
最近在做排队叫号系统,涉及到文字转语音播报,因此总结了几种前端文字转语音发声的方法。原创 2023-05-24 11:27:18 · 6835 阅读 · 9 评论 -
vue3导航栏菜单搜索功能
vue3导航栏菜单搜索功能原创 2023-03-01 15:15:14 · 958 阅读 · 0 评论 -
vue采用screenfull全屏功能实现
【代码】vue采用screenfull全屏功能实现。原创 2023-03-01 15:08:58 · 388 阅读 · 0 评论 -
从零搭建React项目框架与基本封装
react 简单项目创建原创 2023-01-31 10:19:22 · 844 阅读 · 0 评论 -
前端生成uuid
【代码】前端生成uuid。原创 2023-01-16 08:54:12 · 649 阅读 · 0 评论 -
vue 自定义指令之防抖动函数
vue 自定义指令之防抖动函数原创 2023-01-10 13:47:45 · 146 阅读 · 0 评论 -
jenkins + nginx 前端自动化部署项目
jenkins + nginx 前端自动化部署项目原创 2023-01-10 10:41:51 · 335 阅读 · 0 评论 -
vue3+elementuiPlus 实现分页组件封装
vue3+elementui分页组件封装原创 2023-01-09 16:07:59 · 1662 阅读 · 3 评论 -
moment.JS获取今天,下周一,下周末,下月初,下月末
moment.JS获取今天,下周一,下周末,下月初,下月末。原创 2022-12-26 14:24:21 · 2596 阅读 · 1 评论 -
vue3中使用websocket
vue3中使用websocket原创 2022-12-05 17:03:38 · 8183 阅读 · 3 评论 -
vue3中Pinia的基础使用
Pinia是vue3用来替代vuex的方案原创 2022-12-05 16:35:25 · 113 阅读 · 0 评论 -
axios封装及全局loading实现
axios 封装及全局loading实现原创 2022-12-05 16:22:55 · 534 阅读 · 0 评论 -
vue3递归实现动态菜单
阉割版的动态菜单,data当中可以直接传路由数组,也可传递自己 构建的路由对象原创 2022-12-05 16:01:18 · 1049 阅读 · 0 评论 -
vue动态组件component
vue 实现的动态组件 可根据type 来映射ui组件原创 2022-12-05 15:28:02 · 486 阅读 · 0 评论 -
好看的登录页(可在css文件中配置颜色渐变)
【代码】好看的登录页(可在css文件中配置颜色渐变)原创 2022-11-08 10:45:19 · 1003 阅读 · 0 评论 -
list转Tree和手动过滤TreeNode
【代码】list转Tree和手动过滤TreeNode。原创 2022-10-17 11:49:51 · 485 阅读 · 0 评论 -
JS修改Css变量值
【代码】JS修改Css变量值。原创 2022-09-09 14:03:20 · 2077 阅读 · 0 评论 -
Vue3实现国际化多语言切换
vue3国际化多语言切换原创 2022-08-17 10:55:28 · 2479 阅读 · 1 评论 -
elementUI table滚动分页
当table 数据过多时 滚动加载原创 2022-08-17 10:03:22 · 2895 阅读 · 4 评论 -
JS文件下载
js下载页面的文本数据原创 2022-06-24 11:46:52 · 110 阅读 · 0 评论 -
JS一键复制功能
采用input框实现原创 2022-06-24 11:41:05 · 272 阅读 · 0 评论 -
JS文件上传
HTML部分 <div> <input type="file" class="file" multiple @change="fileChange" /> <el-button plain> <span style="vertical-align: mi原创 2022-04-26 13:53:48 · 1008 阅读 · 0 评论 -
JS获取本机IP的工具类
JS获取本机IP的工具类/** * 获取ip地址 */export function getUserIP(onNewIP) { // onNewIp - 回调函数 //兼容for firefox and chrome var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var pc = new myP原创 2022-04-26 13:28:29 · 1017 阅读 · 0 评论 -
JSON文件转Tree结构
JSON文件转Tree结构export function parseJson (treeData) { let resultJsonArray = []; let data = treeData; let obj = parseObj(data) resultJsonArray.push.apply(resultJsonArray, obj); return resultJsonArray;}function getElement (key, value) {原创 2022-04-26 13:35:55 · 2711 阅读 · 0 评论 -
从零搭建vue3.0项目框架与基本封装
从零搭建vue3.0项目框架与基本封装一、先卸载旧版本如果没有旧版本可直接跳过此步骤npm uninstall vue-cli -g二、安装Vue CLI 3npm install -g @vue/cli三、创建项目进入要创建项目的目录vue create name执行上述命令后,出现如下界面,选择配置,这里不选默认,选择自己配置根据自己的需求,选择相应的配置,这里按"a",全选,回车。这里选择3x,回车。这里问你是否使用class风格的组件语法,输入y,回车。这里原创 2021-12-08 09:39:04 · 3433 阅读 · 3 评论 -
vue深拷贝数组
废话不多说直接上代码let newData=JSON.parse(JSON.stringify(this.data))原创 2021-10-27 14:13:12 · 2789 阅读 · 2 评论 -
elementui 动态合并单元格
效果图废话不多说直接上代码1、:span-method=“objectSpanMethod” 在table属性中启用合并单元格方法 <el-table class="mytable" :data="drugDeptApplyDetailVOs" style="width: 100%;height: 600px;overflow: scroll" border @selecti原创 2021-10-27 14:10:24 · 4106 阅读 · 0 评论 -
vue中将数组中的相同值得数据归类
将同一个数组中的 相同字段值的数据归到一起组成新的数组废话不多说直接上代码let tempdata={}this.cartdata.forEach(str => { if (tempdata[str.applyOrg] != null) { tempdata[str.applyOrg].push(str) } else { let every = [] every.push(str)原创 2021-10-27 11:30:45 · 1903 阅读 · 0 评论 -
vue实现锚点
vue实现锚点效果预览点击右侧导航栏,左侧表单会自动定位废话不多说直接上代码<template> <div> <el-row :gutter="20"> <!--表单--> <el-col :span="20" style="height: 800px;overflow: scroll" id="row"> <el-form :model="goodDeatil" :rules="原创 2021-10-27 11:22:53 · 406 阅读 · 0 评论 -
vue 日历插件ele-calendar
效果预览全局引入npm install ele-calendar组件使用<template> <div> <div style="width: 400px;height: 600px;margin: 30px auto;text-align:left;"> <el-input style="width: 300px;margin-bottom: 10px" placeholder="请选择日期"原创 2021-08-17 13:53:44 · 1796 阅读 · 0 评论 -
vue +elementUI实现动态表格(表头也是动态)
废话不多说直接上代码前端页面调用<el-table :data="tableData" highlight-current-row style="width: 100%;margin-top: 30px; "> <el-table-column v-for="(item,index) in cols" :key="index" :label="item.label" :property="i原创 2021-07-29 13:35:05 · 1250 阅读 · 0 评论 -
vue中使用局部过滤器(管道符,通配符)
废话不多说直接上代码页面调用 <el-table :data="tableData|code(that)" :height="Height" border v-loading="loading" highlight-current-row :header-cell-style="{background:'#原创 2021-07-29 11:19:40 · 708 阅读 · 0 评论 -
vue中使用vue-video-player(兼容m3u8)
一、下载vue-video-playernpm install vue-video-player --savenpm install videojs-contrib-hls --save二、在main.js文件引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoP原创 2021-07-29 11:07:09 · 1243 阅读 · 0 评论 -
Vuex模块化使用
一、概览1、Vuex是什么专为Vue.js应用程序开发的状态管理模式(状态即数据,即数据管理)采用集中式存储管理应用的所有组件的状态以相应的规则保证状态以一种可预测的方式发生变化2、状态组件内部状态:仅在一个组件内使用的状态( 即data字段里的数据,不能共享,只在本组件使用 )应用级别状态:多个组件共用的状态(将这个状态放入vuex中进行管理)3、什么情况下使用Vuex多个视图(组件)依赖同一状态来自不同视图(组件)的行为需要变更同一状态二、Vuex核心概念1、store:类似容器原创 2021-07-29 10:46:25 · 2561 阅读 · 0 评论