- 博客(170)
- 资源 (3)
- 收藏
- 关注
原创 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关注的人