- 博客(190)
- 收藏
- 关注
RSS订阅
原创 前端基础知识总结（完善ing）
前端基础知识总结学习前端知识的过程中，我对所学的基础知识（HTML / CSS / JavaScript / 开发环境 / 运行环境等）做了思维导图框架总结。现在在此分享~ 欢迎大家指正分享~~页面布局两栏布局1、两栏布局2、两栏布局3、两栏布局4三栏布局1、三栏布局2页面布局总结...
2021-02-28 11:44:03
200
2
原创 踩坑系列//vue中d3的click事件怎么获取对应数据？？vue中第三方插件的click事件，传回来第一个参数是vue的事件、第二个参数才是自定义参数
vue中d3的click事件怎么获取对应数据？？vue @click 绑定的函数，如何同时传入事件对象和自定义参数？？vue中第三方插件的click事件，传回来第一个参数是vue的事件、第二个参数才是插件本身的内容。.on(‘click’, function ($event, e) {})https://blog.youkuaiyun.com/little_kid_pea/article/details/89736282html 文件中 d3 的 click 事件返回的.on('click', functi
2021-09-25 20:31:46
1814
原创 D3树状图改造
我需要的树状图需要那个节点可以做成div，里面展示不同信息，同时可以添加点击事件但我看了echarts/ highcharts / d3 等等都是只能用 text，不能像我想要的那样做div然后自定义内容等等。我是不是要自己写这个组件才行了呢？？...
2021-09-22 15:31:03
264
原创 后台管理系统——若依
码云上 13.6k star官网：http://www.twom.top/前端入口：http://vue.ruoyi.vip/system/dict文档：http://doc.ruoyi.vip/码云地址：https://gitee.com/y_project/RuoYi-Vuegithub地址：https://github.com/yangzongzhuan/RuoYi
2021-09-17 14:51:12
466
原创 axios//多個ip怎麽配置好呢？
【axios封装】面对多个baseurl 如何封装请求方法 多个服务器请求地址axios发送请求（baseURL有多个的情况）自定义axios配置多个ipaxios中文文档|axios中文网
2021-09-14 17:01:18
334
原创 个人//不要给自己设限（自己觉得某个东西肯定没问题就不去尝试改，导致问题一直存在。要客观！不能总是自己认为！）！！！！！使用某个组件之前，【先看】【再拷贝过去，校验】，走通了再写自己的业务逻辑！！！！
个人//不要给自己设限（自己觉得某个东西肯定没问题就不去尝试改，导致问题一直存在。要客观！不能总是自己认为！）！！！！！使用某个组件之前，【先看】【再拷贝过去，校验】，走通了再写自己的业务逻辑！！！！！不然总是缺这缺那，缺了点之类的。下面这个代码看着没问题，所以我就一直没有去改，没有用模板里的写法尝试。但是改成模板的之后发现及没问题了。确定是我自己写错了。因为缺了一个 .不要给自己设限！！！！知识都不难，就是看自己能不能客观的看待遇到的问题。不要自己觉得没错就一直不去试一下！！！...
2021-09-13 08:55:25
159
原创 vscode//每次Saving ‘...‘: Getting code actions from ‘‘StandardJS - JavaScript Standard 转很久
https://stackoverflow.com/questions/65487080/vscode-saving-getting-code-actions-from
2021-09-13 08:55:19
2014
原创 element-u//dialog弹窗 设置点击空白处不关闭
https://blog.youkuaiyun.com/yssa1125001/article/details/106271209/也就是“ :close-on-click-modal ” 这个属性设置成false 就可以了<el-dialog title="添加" :visible.sync="dialogFormVisible" :close-on-click-modal="false"></el-dialog>...
2021-09-12 09:37:01
564
原创 elementui//el-form 中 input 框没有对其的原因 el-row 用了 :gutter。改用  ；
el-form 中 input 框没有对其的原因 el-row 用了 :gutter。改用 修改后：不用 :gutter。改用 <el-form-item v-for="(item, index) in form.value" :label="`字典${index + 1}`" :key="item.id" :prop="`value.${$index}`
2021-09-12 09:35:54
1395
原创 elementui//el-form-item设置了统一的margin-bottom。其中用了两个 el-col 后高度改变了
直接统一每一个 el-form-item 的高度.el-form-item{ margin-bottom:2px; height: 41px;}
2021-09-12 09:28:00
3164
原创 elementui——el-form动态表单props正确写法，如何使用 validateField
el-form动态表单props正确写法，如何使用 validateField <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="ID" v-show="!isAdd"> {{ form.typeId }} </el-form-item> <el-form-item
2021-09-12 09:24:44
2725
原创 踩坑系列——输入一个字符就退出校验、要重新聚焦输入。这里用了id，但因为id会随时改变，出现bug了
遍历循环的key值要用不改变的值，用index！！！！这里用了id，但因为id会随时改变，出现bug了（输入一个字符就退出校验、要重新聚焦输入）修改 key 值。这就正常了
2021-09-12 09:17:40
131
原创 踩坑系列——弹窗数据会影响外面table的数据，导致试图变化的问题。要将数据深拷贝才行this.form = JSON.parse(JSON.stringify( row))；
弹窗数据会影响外面table的数据，导致试图变化的问题。是不是要将数据深拷贝才行呢.是的要深拷贝this.form = JSON.parse(JSON.stringify( row));里面弹窗表单一边输入，外面table一直变化。就是因为没有深拷贝。this.form = row改成this.form = JSON.parse(JSON.stringify( row));...
2021-09-12 09:15:35
676
原创 css//css滚动条优化
https://www.cnblogs.com/xiuyun/p/13574089.html<style>::-webkit-scrollbar-track{background: rgba(0,0,0,.1);border-radius: 0;}::-webkit-scrollbar{-webkit-appearance: none;width: 10px;height: 10px;}::-webkit-scrollbar-thumb{cursor: pointe
2021-09-12 09:11:35
168
原创 elementui//el-card全局去阴影
src/styles/index.scss.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover{ box-shadow: none;}
2021-09-12 09:09:49
3261
原创 css//css设置字与字之间的距离(letter-spacing/word-spacing)
https://blog.youkuaiyun.com/lovetopceo/article/details/83606827style="line-height:400%;font-weight: bold;word-spacing:4;letter-spacing:2;"letter-spacingword-spacing
2021-09-12 09:08:20
254
原创 踩坑系列——vue中.native将原生事件绑定到组件。el-row等封装的组件，@click无效，@click.native 才有效。
https://cn.vuejs.org/v2/guide/components-custom-events.html#%E5%B0%86%E5%8E%9F%E7%94%9F%E4%BA%8B%E4%BB%B6%E7%BB%91%E5%AE%9A%E5%88%B0%E7%BB%84%E4%BB%B6el-row等封装的组件，@click无效，@click.native 才有效<el-row class="listdata" @click.native="addVisible = true">
2021-09-12 09:06:04
200
原创 踩坑系列——后端代码在本地跑着，在本地对接口。后端接口在swagger和postman中都跑通了，但是在前端项目中出现get请求成功/post请求失败（一直说请求超时）的情况。本地用了mock数据
复制上面的链接会转跳到首页？？？这是正常吗？？？应该怎么测呢？？松子说：转跳首页正常的。
2021-09-08 08:55:31
2001
原创 vue//全局filters可以从全局方法中引入导出
全局filters可以从全局方法中引入导出src/filters/index.js// import parseTime, formatTime and set to filterexport { parseTime, formatTime } from '@/utils'使用<el-table-column label="创建时间"> <template #default="{row}"> <!-- {{ row.createdAt }} --
2021-09-08 08:48:20
240
原创 elementui//el-form ‘resetFields‘ of undefined 给表单重置校验
https://www.cnblogs.com/tentacion/p/11543169.html如果是第一次就点击新增就没必要reset, 根据元素undefined判断if (this.$refs[formName] !== undefined) { this.$refs[formName].resetFields();}
2021-09-08 08:48:11
233
原创 vscode//使用vscode如何设置vue模板
https://blog.youkuaiyun.com/qq_41805715/article/details/1027675541.选择File中的Preferences中的User Snippets2.搜索vue，选择vue.json3.将下面内容复制到vue.json的大括号中，保存{ "Print to console": { "prefix": "vue", "body": [ // "<!-- $0 -->", "<template>", "
2021-09-08 08:48:02
200
原创 css//设置两个DIV为display:inline-block出现上下错位问题
https://www.cnblogs.com/zml-mary/p/7722061.html发现AB两个div设置display：inline-block，出现上下错位问题，当AB里面内容为空时，错位问题消失看了网上资料以及通过实践分析，总结如下1.同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline2.对于内容为空的inline-block元素而言，该元素的基线就是它的margin底边缘，否则就是元素的内部最后一行内联元素的基线解决方式：1.floa
2021-09-08 08:47:47
998
原创 elementui//el-table 的 template slot
文章目录slot-scope#defaultslot-scope<template slot-scope="scope">{{scope.row.name}}{{scope.$index}}</template><el-table-column label="姓名"> <template slot-scope="scope"> {{ scope.row.name }} </template></el-tab
2021-09-08 08:47:32
798
原创 vue//VUE中mock模拟数据和后台接口同时使用
https://www.jianshu.com/p/5d97d5e4af2cvue.config.jsdevServer: { port: port, open: true, host: '0.0.0.0', overlay: { warnings: false, errors: true }, before: require('./mock/mock-server.js'), proxy: { [proce
2021-09-08 08:47:21
2131
2
原创 踩坑系列//git报错——git push fatal: You are not currently on a branch. To push the history leading to
https://blog.youkuaiyun.com/zhai_865327/article/details/105031756git报错——git push fatal: You are not currently on a branch. To push the history leading to the current (detached HEAD) state now, use git push origin HEAD:<name-of-remote-branch>
2021-09-05 11:07:31
3799
原创 elementui//submenu 样式修改（border-bottom加粗）
文章目录参考：方法一：style scoped 然后deep方法二：style 全局改样式修改前后对比参考：https://blog.youkuaiyun.com/ABCD198643/article/details/102319822https://blog.youkuaiyun.com/weixin_42204698/article/details/101757080方法一：style scoped 然后deep<style lang="scss" scoped>.border-width { bo
2021-09-05 11:04:23
2431
原创 elementui//el-menu 的 mode设为horizontal 后，横向后，有bug。el-menu 下如果引用组件，组件模板的 div 也会渲染，阻断了样式！！！
文章目录如何找问题？——把我自己的和element的模板对比，找问题。一步一步来。解决方法一：在el-menu下的组件外面加div包裹，设置 `display：flex；`然后通过css `deep`处理一个一个更改样式。（这方法比较麻烦）解决方法二：组件中`render`的方式渲染模板，不用`...`解决方法三：把组件拆开，分成两个组件，拿出来递归【但是会出现 内存超载的问题】解决方案四：只封装一个组件，其它全部在外层组件实现el-menu 的 mode设为horizontal 后，横向后，有bug。【
2021-09-05 10:58:29
6849
4
原创 vue//vue 动态侧边栏菜单不更新问题（退出重登录管理员还是看到普通用户的菜单列表）；注意：深拷贝会丢失函数！！！
https://blog.youkuaiyun.com/qq_16072507/article/details/102720589强刷页面 window.location.reload(true);路由数据深拷贝（注：深拷贝会丢失函数；如果有箭头函数之类的不能深拷贝）async logout() { await this.$store.dispatch('user/logout') window.location.reload(true);//强制刷新整个界面}GenerateRoutes({com
2021-09-05 10:41:33
702
原创 vue//vuex中不同模块中如何互相调用
https://blog.youkuaiyun.com/qq_43586840/article/details/112582215rootGetters{root: true}
2021-09-05 10:37:42
475
原创 js//所有 filter / map 。。。。都要return！！！！总踩这个坑！！！
outputList = inputList.filter((item) => { return item.name == routeTag})记得 return ！！！
2021-09-05 10:33:00
1663
4
原创 js vue//递归数组本身，返回合适的路由
https://www.imooc.com/wenda/detail/588902vue路由递归遍历找到所有符合条件的路由。传参里面还有 result=[]，用于输出多级菜单中符合条件的内容函数调用函数本身filterList(inputList, result = []) { inputList.forEach((item) => { if (item.menuType == 1) { result.push(item) } else if (item.m
2021-09-05 10:30:43
345
原创 CSS//让文字居于div的底部
https://blog.youkuaiyun.com/weixin_38168728/article/details/101573357https://blog.youkuaiyun.com/sd19871122/article/details/53143035代码演示：https://codepen.io/janmie-cjm/pen/yLXapdB?editors=1100外层div 设置positon 为 relative里层p 设置position 为 absolute；且 bottom、padding、mar
2021-09-05 10:23:11
1004
原创 vue//login 页面，下次自动登录功能
https://blog.youkuaiyun.com/a12hhhe/article/details/106058676https://blog.youkuaiyun.com/qq_37473645/article/details/83176633https://blog.youkuaiyun.com/qq_1307495/article/details/105624268思路：通过 cookie 取 / 删 / 存<template> <div class="login-container">
2021-09-05 10:06:54
852
原创 vue//vue路由带参数（模板语法 vs query）
next(`/login?redirect=${to.path}`) ///login?redirect=%2Fhome next({path:'/login', query:{redirect: to.path}}) //同上——/login?redirect=%2Fhome
2021-09-05 09:57:34
646
原创 js//了解export和import的使用以及export和export defalut 的区别
https://www.cnblogs.com/tu-0718/p/11125862.htmlADM——用于浏览器。异步加载js。CommonJS——用于服务器。同步加载js。用于node端。使用npm后建议使用CommonJS。问题三：为什么要使用export和import？JS在ES6以前都没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。 这使得JS对开发大型的、复杂的项目形成了巨大障碍。 为了解决该问题，ES6之前社区制定了一些模块
2021-09-04 14:13:15
171
原创 踩坑系列报错：Uncaught (in promise) Error: Redirected when going from “/login?redirect=%2Fabout“ to “/“ via
参考链接：https://blog.youkuaiyun.com/qq_42805569/article/details/111238634原因：vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误，但并不影响程序功能解决方案一、使用编程式导航跳转时，每次使用，后面都跟上.catch方法，捕获错误信息this.$router.push('/location').catch(err => ())解决方案二、全局解决：替换路由的Push和replace方法，放在src/router/in
2021-09-04 14:08:41
5574
3
原创 VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘) 说明
https://blog.youkuaiyun.com/qq_41912398/article/details/109231418next() —— 放行next(’/’) —— 中断当前导航，执行新的导航。注意这里不是直接转跳，而是中断。beforeEach((to, from, next) => { beforeEach(('/logon', from, next) => { beforeEach(('/logon', from, next) => { beforeE
2021-09-04 14:05:21
2040
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人