自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 问答 (2)
  • 收藏
  • 关注

原创 修改svg线条颜色

首先进到当前的svg文件里把里面的fill值全部替换为 currentColor。然后svgdom 外层 设置color颜色 svg线条颜色就会跟着替换。当前需求是 左侧菜单栏 根据交互样式 动态修改svg颜色。

2022-12-30 11:10:27 897 1

原创 antv G2 修改图表背景颜色

chart.interval().position('vals').color('title',[ 'red', 'blue', 'yellow','green','yellow']).label('vals', {content: (data) => {return `${data.title}: ${data.vals * 100}%`;},}).adjust('stack');此处的title为数据里的title.data : [ {...

2020-09-10 15:57:49 3996

原创 antv G2 点击事件 获取点击的数据

博主的需求是,点击饼状图,饼状图下面的数据跟着改变。chart.on('interval:click', ev => { const data = ev.data;if (data) { console.log(data.mappingData._origin.title)}});使用 ev.data.mappingData._origin来获取点击的画布数据,然后再通过获取的数据,做相应的请求。贴一下饼状图的代码吧 (和官方一模一样。)小编使用...

2020-09-10 15:32:25 4292

原创 vue键盘事件 组合事件(alt+enter enter)

1.监听alt+enter,enter事件@keyup.enter.native="handelSave($event,1)"可以在handelSave中通过e.keyCode === 13 代表当前是回车事件。 e.altKey === true 判断是否有alt按键。 e.ctrlKey === true 判断是否有ctrl按键当前业务需求输入框点击enter 输入框失去焦点,输入框消失,保存输入框数据。 输入框点击alt+enter 换行,输入框不失去焦点。hand..

2020-08-24 16:52:32 2646

原创 vue element 表头吸顶 并且可以随着大盒子左右滚动

当前需求是1.整个页面可以垂直滚动2.整个红盒子可以横向滚动(横向滚动时上面的盒子固定不动)3.上面的盒子高度不固定4. 垂直滚动时table的表头到达顶部时吸顶。解决方案:需求1 不提。需求2 红盒子横向滚动 不提。上面的盒子固定不动 需要使用sticky粘性定位。需求3 高度不固定会对需求2以及需求4有影响。需求4 因为我的table头不仅要吸顶 还要可以横向滚动 所以动态给表头添加position :fixed 明显就不合理了。需要给它添加position:ab..

2020-08-21 10:08:17 3459 6

原创 js 获取dom距离

dom.offsetTop :含义:获取子dom相对于父dom的距离(距离上方或上层控件的上边框的位置) 需求:获取dom距离页面顶部的距离(此距离并非是dom距离浏览器顶部的距离) 应用:因为页面布局就是盒子套盒子,所以可以直接使用递归把父盒子都遍历一遍(会有误差需要自己把获得的数据修饰一下),这个时候不管怎么滑动页面,获取的距离是不变的,然后通过相对父组件的位置进行定位。 我的当前需求为:点击某个按钮,展示一个盒子,盒子需要在按钮的下方。由于按钮的上层盒子使用了position:sticky,

2020-08-10 14:48:48 1429

原创 es6的巧妙运用

1.巧用es6解构 删除对象中的元素let a = {id:0,name:'xg',val:'10'}当前需求 只想要a1 = {id:0,name:'xg'} 这样的对象let {val,...date} = a;此时的date 就为a1文档持续更新中...

2020-08-04 17:41:36 96

原创 el-popover/el-tooltip 点击里面的文本时 文本会有一个框,怎么取消掉呢

那这个框怎么去掉呢?给你的显示的哪个标签盒子加个属性,就ok啦!

2020-07-23 17:38:38 2943 2

原创 element-ui popover与tabs 冲突

问题:当鼠标移入到图标内时,渲染出来的tabs内没有选择自己设定的tabs原因:鼠标移入的时候,气泡中tabs里的v-model 并没有绑定到自己设定的值。解决方式:添加两个方法,当触发show时,设置v-model中的值为空,当触发after-enter时,设置v-model中的值,为自己想首次进入的tabs....

2020-07-01 11:56:40 718

原创 element-ui table 自定义表头

昨天遇到个客户要求自定义表头的问题 开始思路真的是五花八门,然后看了网上的一些博客,有的是自己造轮子,然后用render函数进行渲染,这也太麻烦了。。。(主要是按照别人的没实现 - hh)官方提供的有两种方式:第一种能锻炼vue的render函数,直接用第二种。上效果图:上代码:...

2020-06-09 10:11:09 410

原创 vue 如何下载文件(包含txt jpg pdf word)

闲聊:问题:项目中的一个bug,使用a标签的href download 的下载功能,但是对于图片 .txt文件,浏览器能解析的文件,会直接展示出来。征程:看了各种博客,什么乱七八糟的都有(a标签啦,window.open() 等等),最后东拼西凑,终于把图片下载拿下了。上代码---->本次项目用的是axios。具体知识点:1.手写一个get请求。2.请求头设置:l...

2020-04-27 16:30:01 3247

原创 微信小程序 集成腾讯云IM做的聊天室

初次接触集成的东西确实有点费进,最终通过两天的摸爬滚打把腾讯云的IM集成到了我的微信小程序中了。让大家看一下效果:我的毕设项目中只是用了腾讯IM的单人一对一聊天,当然这个IM是支持群的,语音视频,几乎支持QQ,微信的所有功能。腾讯云IM是免费的,但是你如果要商用,当然也是收费的(可以使用的功能更多哦),而且不仅是小程序很多端都可以使用。不多说,开搞。(有人会说你不会是...

2020-04-12 18:09:20 3771 12

原创 使用mkcert 为(nodejs)本地后端服务器的https安装ssl证书

闲聊:如果这是你安装https的ssl证书,观看的第一篇博客,恭喜你到家了,其它的博客不用看了。如果这是你安装https的ssl证书,观看的第N篇博客,恭喜你终于发现我了,这篇博客一定能帮你解决问题。注意:本篇主要是为解决本地后端服务器的https而写的博客。知识汇总:博主从昨天下午4点开始跋山涉水,观看了将近30篇博客,什么csdn 知乎 思否 掘金 ...各大平台都进了,尝...

2020-04-05 13:45:55 3273 2

原创 vscode git pull 本地代码被覆盖

今天同事遇到个头疼问题,因为git pull 之后本地写的代码没了,写了一天的代码 这一下就没了,快哭了。我说别急 我帮你查查 ,什么编译器历史啥的都找了 给大家来一个亲测的最好解决的办法。第一步:git reflog第二步:git reset --hard HEAD@{n} (HEAD:为版本号,就前面那一串数字,n是你要回退到的引用位置)这一张没留图从其他地方找的。(...

2020-03-24 18:07:57 5659 3

原创 git-error: Your local changes to the following files would be overwritten by merge

一般人认为git的正确操作是:pull add commit push(简略版),其实这个只是你本地的代码与git上的没冲突(你和其他人同时修改了一个文件,别人提交到git上了,你本地的和git上不一样。)才可以这样搞 ,如果你本地的代码与git上的有冲突,直接pull的话,会报错:Your local changes to the following files would be overwri...

2020-03-17 11:05:58 421

原创 nodeJS 之node_module篇

今天写着毕设,听到同学说电脑崩了,写的代码全没了,扎心了。。。由感而发,把项目传到git上,每天进行 push pull..以防不测。(github的用法,就先不写了,以后补上。)之前做vue项目时用过,git 老师说vue项目中的push的时候,不要把node_module文件夹 pull上去,需要的pull之后,可以在npm install 把node_module下下来。于是我...

2020-02-14 23:09:09 4370

原创 前端面试题汇总

目录1.vue 的数据双向绑定原理理解双向绑定要知道下面两个重要的过程。1.怎么知道View层 /Model层 的数据发生改变了?2.如果知道View层 /Model层 的数据发生改变了,怎么通知变化呢?2.es6新增的let 与 var 有优点3.es6都新增了哪些东西?1.let constlet:const:2.解构赋值数组的解构赋值:...

2020-01-10 11:20:25 158

原创 nodeJS踩坑之路---数据库篇。

目录连接数据库常见问题一:怎么看数据库是否连接成功。常见问题二:怎么对数据库返回的数据进行操作。进行数据库操作时常见的mysql错误:1.Nodejs中“循环+异步” :当我们在sql下用返回的数据调用foreach再进行sql查询,此时内层foreach下的sql查询存在异步问题。连接数据库下载mysql模块:npm install --save mysql引用m...

2019-12-27 16:43:32 1183

原创 微信小程序 图片全屏显示 previewImage 黑屏等问题

上代码wxml:<image wx:for="{{item.img.data}}" wx:for-item="items" src="{{items}}" bindtap='clickImg' id="{{item.index}}"></image>此处是我的项目代码 主要看两个属性 src 以及bindtap 就够了。js:clickImg:funct...

2019-12-02 10:27:06 2383

原创 微信小程序:未找到 app.json 中的定义的 pages "pages/person" 对应的 WXML 文件

今天准备开一个毕设项目,可是一开始准备创建一个底部栏,就开始报错啦。气人,上错误----》认真看一下你会发现,错误提示 在app.json下的pages/person路径找不到相应的wxml文件。看app.json文件:上面有一个pages/person 其实看我的文件目录 并没有这个文件夹,应该是第一次我建person(目录)时建成person(page)啦,之后我手动把相应...

2019-11-27 16:21:34 8422 5

原创 vue element NavMenu 导航菜单

今天给大家带来一个垂直的导航菜单:点击左边的菜单栏,右边也跟着变。上代码:这是.vue文件<div class="hc_sidebar fl"> <el-menu :default-active="$route.path" active-text-color="#fff000" r...

2019-08-22 23:07:00 1289

原创 vue 项目中为某个页面设置title

第一步:配置src\router\index.js代码:{path: '/goodsList/Goods_Index',name: 'Goods_Index',component: GoodsIndex,meta:{title:'商品中心'}},//商品列表页面第二步:配置src\main.js代码:import router from '....

2019-08-19 14:43:20 621

原创 vue v-for 遍历图片的时候,正常写法src里的路径读不出来

v-for 遍历数据 例如要遍历class="commodity_right_content_goods“的div那么就把v-for加在上面。item in goodsImg :item为循环的指针,可以一条一条把数组中的数据遍历出来,goodsImg :为数据数组。后面还需要再跟上:key ="item.id" 就是你如果只是简单的渲染数据,不对此Dom做增删的操作,那确实加不加都可...

2019-08-17 18:49:58 11369

转载 vue 解决*!!vue-style-loader!css-loader?{"sourceMap":true}或_modules/vux/src/components/alert/index.vue

*!!vue-style-loader!css-loader?{“sourceMap”:true}!../../../../vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}!../../../../vux-loader/src/...

2019-08-17 10:00:38 1443

转载 搭建Vue脚手架(vue-cli)并创建一个项目

我按照大佬的做法搭了一个脚手架,就是有一点不一样,这个地方直接回车就可以了需要的可以看大佬的教程https://blog.csdn.net/inthuixiang/article/details/82225407。笔记只是为了以后方便查看。...

2019-08-16 15:20:18 138

原创 PHP:Waring

Warning: Cannot modify header information - headers already sent by (output started at E:\wamp\wamp\www\neuvideo_b\admin\doVideoUpdate.php:7) in E:\wamp\wamp\www\neuvideo_b\admin\doVideoUpdate.php on ...

2018-11-23 20:44:59 124

原创 PHP-ERROR

:unlink(”文件路径“): No such file or directory in这个错误是因为你在写删除文件的路径时写错了路径,后面的提示为没有发现要删除的文件。小括号里有自己设定的文件路径,看一下对不对。开始看到这个错误,我以为是unlink的问题结果查了好久,还是没发现啥问题,最后把代码翻译一遍大概明白了。所以php的错误,最好以后先翻译一遍,不理解了再百度,不然有时候百...

2018-11-23 20:39:13 117

原创 关于学习js的一些命令行

最近学习node.js需要进Windows里敲一些命令行,于是就把自己用过的命令行总结下来。1.返回到当前磁盘根目录=====&gt;cd\+回车(后面的回车省略)2.进入d盘================&gt;d:(其他盘同理)3.往下级目录查找==========&gt;cd nodejs(此处的nodejs是包名)4.往上一级查找============&gt;cd.....

2018-10-31 18:22:46 111

原创 mysql_query;mysql_fetch_assoc;$sql

这个错困扰我一个下午,问了很多人大家都不是很懂,坑可能是贴的代码不够全,大家不了解我的错误。楼主呢,刚开始的目的是刚写好一个静态的页面,准备把静态的页面链接数据库。这时引入数据库bug就来了。结果这个模态框没显示出来,错误就不贴了就是数据没有获得到,那我就想应该是while ( $rows1=mysql_fetch_assoc($result1))这个的问题,结果打印一下r...

2018-10-29 11:04:24 666

原创 Erroe when loading the SDK--------eclipse android

为啥打开eclipse 就显示这个而且网上的修改devices.xml也没用,求更好的方法?什么把tools/lib下的devices.xml添加进错误文件夹下实施覆盖,但是依然没用呢,楼主也是犯了一个大意的错误,人家说的是对的,就是不够明白,其实图片中的错误有很多,不仅仅是一个你要把所有有错误的文件都给覆盖掉。...

2018-04-25 16:52:31 160

原创 HTML-table 里的所有文字全局居中+表格怎么布局+跨行操作

本例来自一个小作业,如图所示重点透析:1.怎么布局,很多新人会犯一个错误就是把tr td来回嵌套使用,这是会报错的,一个td 外面只允许有一个tr2.看到这个表格,你可以想象为8行6列。3.跨行操作:colspan=“几行”rowspan="几列"。4.要保持表格中的每个文字都居中,显然对每个td用align="center"是很费劲的。可以用·css里的<style...

2018-04-05 17:39:18 19936

原创 HTML radio 实现性别的单选按钮用法

今天遇到了一个棘手的问题就是,在做性别:男女单选按钮时,发现可以选两个,于是就百度百度,查查资料,给大家总结一下,关于radio单选按钮的用法。Radio ObjectRadio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 &lt;input type="radio"&gt; 每出现一次,一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之...

2018-04-05 13:26:04 9896

原创 HTML-table 表格制作

制作表格有四个关键字:table tr td thtable:表格标记,以&lt;table&gt;开始,&lt;/table&gt;结束。tr:行标记,用于表示一行。以&lt;tr&gt;开始,以&lt;/tr&gt;结束,插入到table格局(标签)里。td:列标记,用于表示一列。以&lt;td&gt;开始,以&lt;/td&gt;结束,插入到tr格局(标签)里,表示一行的某一列。注意:在创建...

2018-04-05 08:28:48 3955

原创 idea 里无法创建jsp文件

StarLight:今天打开idea 发现昨天的jsp文件全部有错误,而且在web下无法创建jsp文件很气,于是查了很多资料发现原来是modules出了问题,今天就先把解决问题的方法给大家,之后有时间,再给大家讲问题的根源是什么。1.第一步2.第二步3.第三步4.第四步5.第五步6.第六步7.第七步...

2018-04-01 08:47:22 14040 8

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除