- 博客(83)
- 收藏
- 关注
RSS订阅原创 25岁女前端的成长经历
2018年大学毕业我是一个长相普通的农村女孩 坐标黑龙江 学习成绩中上等吧 自认为有一点小聪明 毕业于成都理工大学 不好不坏吧 普通本科 有没有可爱的校友举个爪~~~~毕业第一年欢欢喜喜毕业的我 面临了毕业之后的行业选择 物联网专业毕业的我 似乎应该去当一名 嵌入式工程师 搞搞C语言 可以我大学混了四年 不说啥也不会也差不多 而且也不想搞这些 觉得难度系数有些高 得益于我大一的时候加过一个学校社团 学习了简单的静态页面知识 所以呢 就想着找找前端开发的工作吧 紧急有学习了哈 准备面试 那时候的我觉
2021-09-02 13:29:13
740
13
原创 vue项目实现websocket
wsUrl: 'ws://1xxxxxxx:8099/imserver/9999', // ws地址 websock: null, // ws实例// 初始化weosocket initWebSocket() { if (typeof WebSocket === 'undefined') return console.log('您的浏览器不支持websocket') this.websock = new W...
2021-07-22 14:24:32
412
2
原创 一坨咸鱼怎么更上一层楼
越发的不喜欢上班，就好像学生时期坐不住凳子一样，不过学生时期是有梦想的，每天都执着于自己的理想，好好学习，高考考的好一点，上个好大学，简单却是那时候一直坚持的，并为之努力，不放弃！随着不如社会工作的几年，除了刚开始的上进，接下来似乎摸鱼的时候更多些 哈哈哈 也发现工作越发无聊 每天家里公司两点一线 ~~~ 不对 现在我也是有梦想的 赚钱钱钱！！！ 入了基金的坑 结果年初的暴跌行情 嗯玩了3个月 搞个寂寞 啥也不是 到现在还亏了6块--…据说大V 微博会给流量费 想着要不养个微博号吧 赚点钱 ==…
2021-03-23 15:23:41
304
8
原创 element项目菜单折叠时echarts宽度自适应
首先说下原理 菜单的折叠展开是由一个变量控制的 将这个变量存入vue-x中 点击改变状态就存入变量 在echarts渲染的时候 监听这个vue-x中存入的变量 有变化即用charts.resize 就可以实现自适应啦 就还是挺方便哒 vue-x的存变量我上一边介绍的很清晰：点击折叠展开菜单触发的方法： //点击按钮折叠菜单 toggleCollapse() { this.isCollapse = !this.isCollapse //点击折叠按钮后，对isCollapse进
2021-01-13 10:45:37
2276
3
原创 vue 安装vue-x
npm install vuex --save然后在src文件夹下建store文件夹 ，在里面建index.js内容如下：import Vue from 'vue'import Vuex from 'vuex'import menuStatus from './module/status' //以这个为例子Vue.use(Vuex)export default new Vuex.Store({ state: { //把存的那个值的名字初始化一下 }, m
2021-01-13 10:36:12
246
原创 vue绘制水球图
https://blog.csdn.net/qq_42597536/article/details/90056775大佬连接可以直接用 我把它封装成组件了 <div :class="className" :style="{height:height,width:width}" style="margin-top: 35px"/></template><script>import echarts from 'echarts'require('echarts/
2021-01-11 15:48:55
1224
原创 vue引入D3绘制流程图
npm install d3npm install dagre-d3这样项目里面就可直接引入使用了 如过项目里面使用比较多 可以在main.js里面全局引入 不多的话就在vue文件里面引入即可import dagreD3 from 'dagre-d3'import * as d3 from 'd3'需要注释我都标注在代码里面了 // 设置节点和连线 renderGagre() { let self = this this.tooltip = this.
2020-12-29 11:39:27
4112
原创 echart绘制关系图、拓扑图
今天有个画流程图的需求，在echarts官网上看到了一个简单关系图的案例， 链接如下：https://echarts.apache.org/examples/zh/editor.html?c=graph-simple这个是个简单的例子，节点是根据坐标来的，在现实的开发中不太容易实现，毕竟找坐标是很麻烦的，根据改进可以用force布局，实现了功能，贴下代码： initCharts(chartList, linkList) { let self = this let myCh
2020-12-29 11:28:50
2541
1
原创 vue实现echarts折线图 横坐标可以拖动
大佬的链接：https://www.cnblogs.com/ss977/p/9969758.html官网的链接：https://echarts.apache.org/examples/zh/editor.html?c=custom-error-bar
2020-12-18 15:49:32
1839
2
原创 echarts拓扑图的配置
https://www.cnblogs.com/raitorei/p/11023408.html大佬的连接收藏使用 ！！！！！！！
2020-12-17 10:01:34
682
原创 vue弹窗中echarts报错typeError: Cannot read property ‘getAttribute‘ of null
今天需要在抽屉里面绘制echarts图形 发现个神奇的报错 不显示图形 还报错 ：typeError: Cannot read property ‘getAttribute’ of null百度下知道是因为拿不到dom节点 所以报错 综合分析下网上的解决办法 觉得下面的办法比较简单 还能顺利解决：在弹窗的弹出事件里出发一下函数（eg: dialog、drawer 的@open事件） openChart() { const self = this setTimeo
2020-12-16 15:11:01
456
3
原创 vue全局引入echarts
npm install echarts --save// main.js文件中引入并全局注册import Echarts from 'echarts'Vue.prototype.echarts = EchartsVue.use(Echarts)下面在项目里就可以直接使用echars了 正常是这样的 不过可能会报错（“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘…） 就是echart并没引入进来 这时候
2020-12-16 15:05:56
3253
原创 element drawer去掉弹框出现的蓝框
最近用element 的抽屉 发现title 还有整个抽屉 在点开的时候会有一个蓝色的框 看着真的不好看 合计去掉 收藏下面 有效<style lang="scss" > // 去掉弹窗出现时的出现蓝框:focus { outline: 0;}</style>...
2020-12-16 14:51:13
309
原创 vue js给字符串中包含的部分字符串加样式
let searchStr = this.formInline.logId, // 需要特殊样式的字符串 srtEndIndex = 0, srtStartIndex = 0, newStr = '' data.forEach((item) => { // 后端返回的列表数据 if (item.indexOf(searchStr) > ...
2020-12-09 13:46:11
5403
1
原创 vue.js不能渲染字符串中的html标签
今天遇到个问题vue渲染后台返回的列表 要为里面特定的字符串加样式 所以就给特定字符串加了标签 很奇怪标签没有显示 百度查知道 v-html就可解决~~~ <div v-for="(item, index) in logList" :key="index" v-html="item"> </div>...
2020-12-09 13:42:13
808
原创 vue-router菜单高亮问题
https://blog.csdn.net/hailangtuteng/article/details/86691082https://blog.csdn.net/w1418899532/article/details/103768835保存下下次用
2020-11-19 10:52:30
290
原创 处理后端返回的html代码实现支付功能
今天项目有个小需求，希望弹出个支付弹框，本来觉得挺容易的，页面是支付宝返回的，可是处理还是出了问题，后台接口返回的html代码，是没问题的，可返回到了response里面，前端取不到，后来决定直接弹个iframe页面，src直接指向接口地址，让浏览器自己处理返回值，从而弹出来，如愿以偿实现了功能，不过感觉不够完善，下面附上代码，有需要的可以用： <div style={{ width: '80%', height: '355px', margin: '30px auto 10px
2020-10-28 14:36:07
2659
原创 react 引入百度地图 图标自定义
项目首页需要引入百度地图，根据需要点击地图上的标记点显示弹框，并且根据数据显示标记点的样式，下面附上代码： //初始化地图 componentDidMount() { this.initMap(filterData); } initMap = (data, level = 5, num1 = 116.413369, num2 = 39.910836) => { const { BMap, BMAP_STATUS_SUCCESS } = window
2020-10-28 11:25:59
755
原创 前端实现excel导出和导入（react项目）
最近公司有个新需求，需要前端导出规定模板的excel,导入的时候前端解析excel文件，数据处理一下传给后台，下面分享下纯前端实现excel的导出和导入：excel导出 handleClick = () => { // 定制化改动地方 let excelData = this.state.excelData // 数据是后台返回渲染导出的excel数据的 let data = [] if (excelData.length) { for (let i
2020-10-28 10:50:24
2892
1
原创 请求被取消cancled
今天遇到个问题 请求发布出去被取消 后来找到了原因 ：场景还原 ： 弹窗的表单提交 在提交的回调里面 执行父组件的函数 关掉弹窗 这时候 提交的请求就有可能被浏览器取消解决办法：（加一个1s的延时 不然弹框消失 浏览器自然取消了弹框内发的请求） setTimeout(this.props.refreshData() , 1000)小贴士：react vue均会遇到这个问题~...
2020-08-19 15:59:18
1081
1
原创 js对象数组根据属性值从小到大排序
直接上代码：compare(property){ return function(a,b){ var value1 = a[property]; var value2 = b[property]; return value1 - value2; } }传入需要排序的属性即可：this.compare('number')
2020-08-10 10:36:15
2120
原创 react图形验证码
https://www.csdn.net/gather_14/MtTaQg2sMDU1MDUtZG93bmxvYWQO0O0O.html亲测好用 推荐给需要的朋友们
2020-07-10 13:32:07
796
原创 ant design table去掉表头滚动条及滚动条样式修改
ant table 组件的滚动条样式不太好看 考虑调整一下 而且表头 和x轴还出现了滚动条原滚动条样式：去掉表头的滚动条.ant-table-fixed-header .ant-table-scroll .ant-table-header { overflow: hidden; height: 70px; }去掉x轴的滚动条就比较容易了 直接设置...
2020-04-30 10:36:01
10127
4
原创 ant的日期默认区间为当前日期的前几天
DatePicker默认当前时间的一年这里注意一下 因为在form里面 官网的defaultValue如果写在 rangePicker里面是无效的 注意要用 initialValue 也注意写的位置
2020-04-29 11:17:37
374
原创 bizChart x轴坐标数据显示不全
今天面临一个bug x轴的数据显示不全 研究发现两个解决办法：利用官网的padding 调整来使没显示的数据正常显示官网链接：https://bizcharts.net/product/bizcharts/category/7/page/24#padding项目应用：利用range，0 - 1的话就是从头到尾的图表，可是使用0.1 - 0.99 来达到 x轴的数据不溢出图表，不过...
2020-04-27 16:36:59
2521
原创 git生成 ssh key
回家给家里的电脑搭环境 发现更新不下来代码 经过查找发现 用一个不一样的电脑就要加上一个ssh key 第二次的话 上面的命令就不好使了 推荐如下命令 只要 ls的时候 显示那就会生成ssh 密钥了：ssh-keygen -t rsa -C “11111111@qq.com”然后再走上面的命令就可以获取新的设备的密钥了 加在阿里Code 后者gitHub上就可以正常更新代码了...
2020-04-24 17:23:09
138
原创 Ant Design Pro
收藏几个今天查询用到的网址， 留给自己用 ，也希望可以帮助需要的人Ant Design Pro案例展示：https://preview.pro.ant.design/profile/basicAnt Design Pro总结篇:https://www.codercto.com/a/26106.htmlAnt Design Pro学习笔记:https://www.jianshu.com/...
2020-04-17 16:58:57
349
原创 BizCharts
以前都是用echarts 今天接触了 基于react的 BizCharts看看源码 一脸懵逼 不过倒是能改 领导提的需求：有多个纵坐标周 最后能实现x轴可以拖动 现在还没实现 寻找解决办法附上学习的链接： https://www.cnblogs.com/xjnotxj/p/12601021.html学习总结：https://blog.csdn.net/wuChiSha/artic...
2020-04-17 16:56:17
564
原创 react开发
新工作开始了react 开发 对于一直写Vue和jquery的我有点慌了 这可能是技术道路上的瓶颈期 过去就好啦 加油！！！！！推荐一个超级详细的react教程 真不错 希望早日学通 react ： https://www.jianshu.com/p/4c54ae2bc925然后不胡思乱想的认真工作 努力进步...
2020-04-17 14:16:04
97
原创 前端处理后台返回的二进制流
https://blog.csdn.net/qq_42842709/article/details/82498585
2020-04-01 16:57:53
1053
原创 echarts的tooltip弹出屏幕
最近处理echarts的问题，web页面的话没有问题，不过到了电视那种的大屏幕，tooltip总是弹出屏幕，不美观， 饼图和折线图都有这个问题，饼图很好解决：trigger: ‘item’,position: ‘right’, 固定位置即可可是折线图的话，trigger只能是axis 否则不显示tooltip这样的话 position就是用不了的https://blog.csdn.ne...
2020-01-15 11:25:30
797
原创 vs Code打开窗口总是会覆盖掉上一个
https://blog.csdn.net/qq_22551385/article/details/82287502
2020-01-02 17:47:24
801
原创 webStorm配置Svn
今天上午可能就干这一件事，webStorm上配置Svn,乐趣就是再一直出问题~本来似乎很容易的一件事，不过觉得自己踩了好几个坑：1、上面选出svn的路径（忘记的话就是cmd，输入path根据环境变量找到）2、找到VCS3、加svn项目路径检索项目4、一路确认就ok！最后说下我踩的坑，最开hi第一步选路径的时候同时说需要下载一个svnServer，要选择他的路径才对，事实上是可以的也可...
2019-08-16 12:27:31
372
原创 draggable拖拽火狐浏览器弹出新窗口
直接附上代码：document.body.ondrop = function (event) { event.preventDefault(); event.stopPropagation();}阻止默认动作的发生，还需要阻止事件冒泡。
2019-07-10 15:49:06
2102
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人