- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue记录vuex的一些简单使用
首先页面引用：引用map更加方便使用vuex；import {mapState,mapMutations,mapGetters,mapActions} from 'vuex' 使用：computed：{...mapState(['stateA','stateB']),...mapGetters(['stateC','stateD'])}methods:{...mapMutations(['FUNA','FUNB']),...mapActions(['func','fund'])}引用后就能直接
2021-05-12 15:05:03
108
原创 git的一些简单应用
1.一个项目首先git clone url来获取代码2.获取代码后需要关联远程仓库 git remote add origin url 来关联3.关联后就可以提交代码了，提交代码3步骤，git add . git commit -m ‘提交’ git push3.撤销工作中的修改 1/ git checkout . 放弃add前的修改 2/ git reset HEAD . 放弃add后的修改 ，然后再用步骤1/，git reset --hard HEAD ^ 退回到上一次commit的状态。
2021-05-12 15:01:13
98
原创 vue的父子页面传参与通信（相互调用方法）
1.父级页面传给子页面传参并使用子页面方法子页面接受用props父级直接this.$refs.xx.xx()来调用子页面方法2.子级页面传给父页面传参并使用父页面方法子页面调用$emit传值给父级父页面provide来提供方法子页面inject来接受方法父级页面：<child ref=‘detail’ :params="val"></child>import detailVue from 'xxl'components:{detailVue},//引用子组件th
2021-04-28 15:55:42
497
原创 echarts的外部按钮调用保存图片
图片按钮调用外部按钮的：function downloadImpByChart(chartId,name) {var url = getFullCanvasDataURL(chartId);var link = document.createElement(‘a’);link.href = url;link.download = name+".png";link.click();};//将图形转成base64的图片function getFullCanvasDataURL(divId){
2021-04-24 10:51:12
474
原创 vue使用下载excel
第一步：下载两个插件npm install file-saver xlsx -S 并引用import FileSaver from ‘file-saver’import XLSX from ‘xlsx’第二步 写个方法调用即可其中sonTable是表格的id，两步即可完成，这么下载的表格就是表格的数据，比较死板。如果要改变数据下载，最好写个子组件，子组件样式隐藏，每次选择数据后传入子组件渲染表格，然后在下载表格，这样就能随心所欲的改数据下载表格了。exportExcel(excelName) {
2021-04-24 10:48:43
206
原创 layui的树形图的动态获对节点执行勾选
用layui来做树形图真的很方便，但是遇到了一个很棘手的问题，在官网中可以直接获取设置tree.setChecked(‘demoId’, 1); 一开始一直报错：‘setChecked’ of undefined，以为是layui的bug，后来发现，这里的id不是节点的id，而是初始化树形图的id，真是不认真不行啊。...
2020-03-24 16:41:34
2095
3
原创 解决echarts的饼图多行标签重合和超过范围的问题
echarts的饼图标签重合大家都知道用avoidLabelOverlap：true，这样一来就会使标签不重合，但是有几个问题，如果标签是自定义的如下图标签还是会重叠在一起，这个时候改变标签的line-height就可以达到效果，...
2019-11-14 14:40:29
6833
1
原创 文字居中input文字垂直居中
做移动端都会遇到文字垂直居中的问题，特别是有些手机真的很难调整，然后就是必须要文字居中，那就说说几种文字垂直居中的问题吧。普通的元素例如div1.这种居中，利用padding上下值来居中。2.知道高度用line-height来，但是这个一般在安卓手机都有点不是很彻底的居中，偏下一点点。3.利用弹性盒子display：flex；align-items: center;也能垂直居中；如果是利...
2019-04-23 09:21:31
5036
原创 前端编辑器的选择
之前一直用Hbuilder来编辑前端，感觉对于前端编辑真的很好用，编辑起来特别方便，也不用安装像其他编辑器要安装各种插件，但是也存在比较大的缺陷，就是打开比较慢，这里指的是打开文件比较慢，比如打开一个jq的js，很可能就卡住很久，在其他编辑器都很快的就能打开。所以开发一些简单的，页面内容的不是很多的都可以用这个编辑器开发，而且页面的颜色看起来特别舒适，好像其他的编辑器不是黑就是白，虽然炫酷，但是比...
2019-04-14 08:55:00
803
原创 前端实现跨域的几种方法
为什么会有跨域？那必须得说同源政策，同源指的是三个同源：1，协议相同，域名相同，端口相同，例如http://y.localhost.com:7001/public/3.html；这些网址协议是http://域名是y.localhost.com:，端口号是7001，在这三个都相同的话就是同源同源：http://y.localhost.com:7001/public/5.html，同域不同端口ht...
2019-04-08 08:35:48
1352
原创 谈下自己对this，call，apply的理解
工作中经常被this坑，虽然解决了但一直没有去整理，现在集中整理下自己对this的理解，也是百度了很久，看了很多大神的写的，都很详细，自己整理一下，加深对this的印象吧。之前看到一句话this用通俗一点的话来讲就是谁调用它，它就指向谁，说的好像没毛病。但是还是要分细一点：this的指向在没有任何任何操作下，this是指向全局的即window。1:在作为对象的方法被调用时：this指向该对...
2019-03-29 20:40:33
169
原创 单元测试
作为一个前端学习单元测试的原因：，一套完备的测试流程不仅能检查我们的代码错误，更主要的是在维护的时候，能够更快的定位问题，特别是当另一名开发人员来接手你的代码，通过完整的测试流程，能够清晰的理清楚你的代码逻辑和模块 。现在整理一下单元测试，由于设备有限，操作环境都是Windows系统，1.安装各种包，node，cnpm，最基本的，接下来安装mochacnmp install mocha -g...
2019-03-25 08:24:00
100
原创 小程序前端开发中遇到坑（总结一下），发现不对请大家帮忙看看
这周开始开发小程序，之前有和同事一起做过，这次由于需求变更大改，恰好我一个人负责前端的开发，所以当然学到了很多新知识。 小程序对于前端来说是比较简单的，基本上就是一些最基本的用法，而且小程序本身封装好了很多好用的方法，比如原来写一个滑到底部更新的方法在小程序有onReachBottom（）的方法来直接执行，所以很方便，但是也就是小程序很多规定死了的，反而不够灵活了，比如底部导航，你不用...
2019-03-13 14:16:15
1184
echarts的多个特例
2019-01-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人