- 博客(170)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 Git常用命令
1.git init初始化 git init2.git remote add origin 将本地的仓库和远程的仓库进行关联git remote add origin [email protected]:wu-yuan/kunqing.git3.git remote rm origin删除和git remote -v 查看远程仓库git remote -v //查看git对应的远程......
2020-03-05 16:46:51
1780
3
原创 vue地址栏路由传参 参数为数组时刷新页面变为字符串 处理方案
3.这样刷新浏览器的时候，数组就不会自动变成字符串了。1.传参数之前添加JSON.stringify。2.接收参数JSON.parse。
2024-04-07 09:58:41
125
原创 uni-app混合开发 navigateTo、reLaunch、redirectTo、switchTab区别
参数与路径之间使用?key=value&key2=value2’，与redirectTo不同的是如果跳转的页面路径是 tabBar 页面则不能带参数。跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。如果跳转url参数为tabBar的路径则无法进行跳转。需要跳转的应用内非 tabBar 的页面的路径，保留当前页面，跳转到应用内的某个页面，关闭当前页面，跳转到应用内的某个页面。关闭所有页面，打开到应用内的某个页面。需要跳转的 tabBar 页面的路径，需要跳转的应用内页面路径 ,
2023-09-18 16:33:50
879
原创 vue3学习笔记（2）
props可以实现父子,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！
2023-09-18 16:19:52
231
原创 JS 常用数组
从 0 开始计算的索引，表示要开始改变数组的位置一个整数，表示数组中要从start开始删除的元素数量。(0代表不删除）item1itemN从start开始要加入到数组中的元素（如果不指定，那不增加元素）
2023-09-07 17:56:21
178
原创 cookies 设置过期时间
F12-Application-Cookies可以查看到网页所有设置cookie值，如果设置了过期时间的cookie是可以看到过期时间的持久cookie（persistent cookie），没有设置过期时间的是会话cookie（session cookie）
2023-09-07 11:15:59
913
原创 node.js版本管理
6、n //检查目前安装了哪些版本的node，会出现已安装的node版本，选一个就可以直接切换了。1、sudo npm cache clean -f //清除node.js的cache。3、npm view node versions // 查看node所有版本。2、sudo npm install -g n //使用npm安装n模块。sudo n stable // 升级到稳定版本。4、sudo n latest // 升级到最新版本。5、node -v //查看当前安装的版本号。
2023-08-17 13:24:25
319
原创 vue项目系统内路由无权限跳转404改为跳转401
401页面需要在权限配置里进行配置才能访问这个401无权限页签。这样很麻烦，需要对每个角色进行这个页面的权限配置。在路由跳转404的时候进行调接口判断。如果返回true .则跳转401页面，如果false,继续跳转404.这里处理思路是在前端动态生成路由的过程将401页面的配置添加进去。这样不用系统进行额外配置这个页面的权限了。这里需要后端提供个接口，传当前路由，如果是系统内路由接口返回true，如果不是返回false.这里注意参数不需要传给后端， to.redirectedFrom 是从哪个路由进来的。
2023-06-26 10:16:34
1391
原创 el-table实现单选
（2）弹窗选择某个企业分类，点击确定，下拉框的企业分类变更。企业分类（1）选择企业分类，打开弹窗，自动勾选已经选择的企业分类。
2023-03-13 14:49:09
6170
原创 el-table 合并相同行（二维数组）|【elementUI中el-table中span-method 中传递自定义参数】
【代码】el-table 合并相同行（二维数组）|【elementUI中el-table中span-method 中传递自定义参数】
2023-02-20 16:23:04
726
1
原创 项目经验：链接跳转 | 清除浮动 | 光标处插入关键字|匹配特殊字符{KeyWord:}，替换为空
如果链接为外链，在新的窗口打开，如果为内链，在当前页面打开。如果链接为空，不做处理。
2022-08-15 16:52:58
365
原创 最全前端面试总结面试了 N家公司总结的高频面试题。 经典！必考必会！
1Vue中created和mounted的区别？created：模板渲染成html前调用mounted：模板渲染成html后调用，页面初始化后，对dom节点进行操作2.Vue3相比Vue2有哪些改进？（1）性能优化：打包大小减少，渲染和更新渲染变快，内存减少。2.网站慢前端如何优化？2.数组处理reduce3.事件循环loop4.ES6 map5.路由处理6 think await7 dom事件模型9.Vue-router实现路由懒加载1
2022-06-20 13:25:06
619
原创 纯CSS绘制会话气泡
效果如下：html结构 <div class="lockTips">修改URL可能会导致关键词排名的浮动，流量的波动等问题，非必要<span>不建议修改</span></div>css样式.lockTips { width: 524px; line-height: 40px; background: #e6f7ff; border-radius: 4px 4px 4px 4px; border: 1px sol.
2021-10-29 14:02:33
406
原创 element-ui的input框实现远程搜索,模糊搜索
1.html <el-form-item label="位置:"> <el-autocomplete class="search-input" v-model="queryData.location" :fetch-suggestions="querySearch" placeholder="请输入内容" @select="...
2021-10-28 16:59:48
1566
原创 vue-element 使用插件clipboard实现复制功能
1.安装clipboard插件 ------------ npm installclipboard2.引入：import Clipboard from "clipboard";3.页面使用 <div class="content"> <div class="item" v-for="(item, key) in linkLi...
2021-10-28 16:47:46
2785
转载 el-input 输入框禁止输入特殊字符
<template> <el-input v-model="value" placeholder="请输入" @keyup.native="keyUp" @keydown.native="keydown" ></el-input></template><script> export default { methods:{ //限制输入.
2021-10-26 10:14:54
2647
2
原创 Vue实现单选多选反选全选全不选
功能：实现点击选中，再点击取消选中，全选，取消全选，左滑删除。页面效果如下：左滑删除功能需要用到mint-ui的mt-cell-swiper。注意使用这个插件的时候不能用v-if，要用v-show，否则无法实现预期效果。（我在这上面踩了很久的坑，才突然顿悟的）需要引入mint相关的js和css<link rel="stylesheet" type="text/css" href="../cs...
2021-10-09 15:52:49
2402
原创 Vue实现查看大图，多图可滑动查看，再次点击会到缩略图的功能（类似微信朋友圈）
需求：图片列表点击可查看大图，多图可以左右滑动查看，再次点击会到缩略图的功能思考：开始考虑使用v-viewer组件，功能比较多，可以旋转，放大缩小图片等，但是并不完全符合需求，后采用swiper-slide,自己写组件方式完美适配需求。效果如下：2.viewimglist组件单独新建个文件，我这里是建在components文件夹下，命名为viewimglist.vue。你根据自己的文件目录建，能正确引入就行。完整的组件代码如下：<template> <.
2021-09-15 16:53:17
2572
原创 Element-ul的 el-image-viewer组件实现点击【查看图片】能预览大图功能
element-ul有大图预览功能，链接如下Element - The world's most popular Vue UI framework但我们不想展示图片，想实现的是“查看图片”能预览大图（多张也可以预览）的功能。如下图所示：该如何实现呢？1.导入组件// 导入组件import ElImageViewer from "element-ui/packages/image/src/image-viewer";2.注册组件 components:...
2021-09-14 17:30:47
5738
4
原创 vue 三级导航展示和隐藏
需求描述：要实现侧边栏三级导航的显示和隐藏。点击其中一个一级导航，展示该一级导航的二级导航，再点击关闭该二级导航。一级导航的其他项，展开二级导航。关闭其他一级导航的二级导航。效果如下：代码：<template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld msg="Welcome to Your Vue.js App" .
2021-08-30 15:50:30
999
原创 设置用vscode快捷打开文件夹的方式
mac的设置方法想要快速在vscode打开对应的文件夹。如下所示效果。实现步骤1.打开「自动操作.app」，就是小机器人图标那个2.新建文稿在「选取文稿类型」里选择「快速操作」3.按以下步骤操作：贴入代码for f in "$@"do open -a "Visual Studio Code" "$f"done4.command + s 保存为 「用 VSCode 打开」5.完成，可以测试下了...
2021-08-10 12:55:30
5249
原创 Echarts图表相关问题
1.用echats绘制图表的时候，遇到的问题是切换tab,图表无法绘制出来。解决方案，在<el-tab-pane>里添加lazy<!-- 6企业渠道统计 --><el-row:gutter="12"style="margin-top: 20px"><el-col style="width: 1100px"> <el-card shadow="always"> <div slot="hea..
2021-07-15 16:21:27
4373
4
原创 element -ul 日期选择器（日期格式化，默认值）
需求：实现如下效果1.默认展示最近三个月，2.不能选择今天之后的日期，即不能选未来的时间3.带快捷选项，并且快捷选项的【全部时间】开始时间为某个指定的时间如（2010年8月1日）element-ul 可以很容易实现第二，第三条需求。但是默认数据那个，要自己写。还有选全部时间，从指定日期开始，也废了我一番功夫研究。所以，最终将研究成果整理出来。方便下次遇到同样的问题能快速解决，提升个人的开发效率。也方便其他小伙伴有同样困惑，可以快速寻得解决方案。解决过程及代码解析涉及2个文件（
2021-04-28 16:23:02
4885
原创 Vue+elementUl （今天之前的日期不可选，结束日期大于开始日期）
<el-form-item> <el-col :span="4"> <el-radio label="2">定时开启</el-radio> </el-col> <el-col :span="20" v-if="form.open_type == '2'"> ...
2021-03-29 16:41:28
1917
原创 vue的axios的简单封装
1.前言Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中2.安装$ npm install axios3.axios封装封装目的：实现请求拦截、相应拦截、错误统一处理在src/assets/js 目录下新建Ajax.js文件import axios from 'axios'; // 引入axiosimport { Toast} from 'vant';// 将所有 Toast 的展示时长设置为 1000 毫秒
2021-03-17 14:57:20
622
原创 如何快速上手vue项目
0.vscode安装和使用工欲善其事必先利其器vscode的优点：1.免费，开源 2.有海量的扩展插件 3.轻量（不会占用大量的内存和CPU）vscode的汉化，搜索插件chinese 直接安装，然后重启vsCode即可生效。1.vue基础知识学习（重点）第一阶段：学习vue.js, 学习时间两周（每天1小时）第一周学完（1-5条） 第二周学完（6-8条） 预计3月26号完成vue基础知识入门。官方文档是第一手资料，地址：https://cn.vuejs...
2021-03-12 14:17:24
4672
5
spring-framework-3.0.5.RELEASE
2018-04-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人