- 博客(83)
- 收藏
- 关注
RSS订阅原创 两个大小不一重合的元素设置相同的rgba,展示效果却不一样
问题给两个元素设置了相同的rgba背景色,有设置透明度,发现展示的效果不一样.box { width: 300px; height: 300px; background-color: rgba(211,211,211,.5); } .box1 { width: 100px; height: 100px; background-c
2022-02-11 17:59:27
784
原创 sourceTree出现git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch --no-
问题当用sourceTree拉取代码出现git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch --no-我的解决可以点击sourceTree的工具-选项,出现了下面的弹窗点击上图的编辑,出现了下面的弹窗,如果红框中的内容为空,则点击刷新OAuth令牌的按钮,它会打开一个网页,需要你重新登陆认证一下,如果认证成功,弹窗下方会出现认证成功我这样操作成功解决了,不知道对你的现象有没有帮助
2021-11-01 09:49:10
36105
2
原创 hexo主题使用
hexo-theme-yilia1.在github上找到hexo-theme-yilia2.在你之前创建的博客文件夹中将项目克隆下来,克隆在这个目录中// 在blog路径下输入$ git clone git@github.com:litten/hexo-theme-yilia.git themes/yilia3.修改_config.yml文件中的配置,将其修改为 theme: yilia4.将其重新部署到github,可能需要等待一会才会更新$ hexo deploy最终就可以看到这
2021-09-20 16:54:43
738
原创 个人博客搭建
个人博客搭建1.安装node,方法一:直接去node官网下载稳定版本即可,// 检查是否安装成功$ node -v方法二:使用nvm可以安装不同版本的node先去下载nvm包,windows系统下载nvm-setup.zip安装包,解压nvm-setup.zip安装包，点击exe后缀文件安装，一步步往下安装完,$ nvm -v // 查看版本// 使用$ nvm install 14.16.1 //安装14.16.1版本nodejs$ nvm use 14.16.1
2021-09-20 15:17:15
99
原创 input输入框在ios手机上打开的浏览器中光标及字体不居中
问题：当设置input的高度为42.5px,line-height为50px，只有在IOS手机上打开的浏览器（safari/chrome新版）是不居中的，其他的（安卓浏览器/电脑chrome/safari）都居中input { width: 100%; box-sizing: border-box; height: rem(42.5px); padding-left: rem(16px); background-color:
2021-04-19 14:11:55
904
原创 通过onpopstate事件监听浏览器的后退，如果页面没有进行其他操作，直接点击浏览器的后退按钮，在新版谷歌上不生效
问题：通过onpopstate事件监听浏览器的后退，如果页面没有进行其他操作，直接点击浏览器的后退按钮，在新版谷歌上不生效// a页面<body> <a href="b.html">to b</a></body><body> <input type="text"> <button id="btn">back</button> <script>
2021-04-19 10:02:18
1556
转载 JS浮点数运算——精度丢失解决方案
//乘法 Number.prototype.mul = function(arg) { var m = 0, s1 = this.toString(), s2 = arg.toString(); try { m += s1.split(".")[1].length } catch(e) {} try { m += s2.split(".")[1].length } catch(e) {} re
2021-03-25 14:53:12
423
原创 echarts去掉折线图中的横线
需求将echarts顶部的横线去掉解决方法一开始的思路是想着找配置如何单独的把线删除掉，发现自己并没有找到，后面想到可以通过设置横线的颜色与背景色一样达到删除的效果// 给splitLine 的lineStyle的color属性提供一个数组// 想哪条线消失就哪条线与背景色相同，这样就能达到删除的效果yAxis: [ splitLine: { lineStyle: { // 使用深浅的间隔色
2021-01-11 19:04:43
7651
5
原创 echarts自定义tooltips里面的内容
需求一：给数值加上%当时值为数字，但需求是后面要加上%，所以就重新定义了里面内容的展示实现方法formatter的params参数介绍
2021-01-11 14:09:57
352
1
原创 element-ui多选框去下一页保留之前勾选的数据
需求使用table组件的勾选功能是，跳转到下一页，需要将上一页的勾选状态保留，如果不进行配置则不会保留，需要效果如下图解决办法在el-table中设置:row-key="getRowKeys",在el-table-column中设置:reserve-selection="true"，如下图进行配置<el-table :data="tableData" ref="multipleTable" border style="width: 100%" :row-key="getRowKeys"
2020-12-15 14:56:42
1218
原创 echarts-柱状图实现正负坐标倒圆角设置及bar颜色设置
需求1.每根bar正负坐标倒圆角2.每根bar颜色渐变3.每根bar透明度不同，当factor_rank这个值小于50%，则透明度为0.4实现主要是根据series-bar中的data它能进行个性化定义，所以我们可以在我们传给echarts的data添加itemStyle这个属性,这样我们每一根bar都有自己独有的样式const obj ={ name: "动量", value: 20, // echarts对个别数据记性个性
2020-12-03 18:33:41
2414
原创 解决给echarts的数据添加null，线断断续续问题
需求：几只不同基金，需要画图比较，但是给的值的日期不是连续的，如A：[8/3,8/4,8/6,…11/2]B：[8/4,8/5,…11/2]因为后台没有做补全处理，也没要求将缺少数据补全为前一天有数据的日期，所以就给数据填充null，但是画出来的图为不连续的解决方法为了解决这个问题，在echarts中找到了connectNulls这个属性，发现它能连接空数据所以只需要在series中设置它为true就能连接series:[ { connectNulls: true, }]设置
2020-11-05 18:27:29
2914
原创 实现x轴第一个点左对齐，最后一个点右对齐
效果如图方法：在formatter函数中，利用空格进行占位的操作xAxis: { axisLabel:{ showMaxLabel:true, // 展示最大值 showMinLabel:true, // 展示最小值 formatter: function(value,index){ if(index === 0) { return ' ' + value; } if(index === data.length -1) { return
2020-11-05 18:13:46
2524
3
原创 url传递中文参数
url传递中文参数// send.htmlvar key = '测试'location.href = `receive.html?key=${key}`// receive.htmlvar val =location.search.split('=')[1]var el = document.getElementById('content')el.innerText = val;通常，如果我们直接将中文写在url中，得到的却是一堆乱码（%E6%B5%8B%E8%AF%95），因为这涉及
2020-07-23 16:02:49
7151
原创 使用::after代替select标签的默认下拉箭头
使用::after代替select标签的默认下拉箭头去掉selcet标签的默认箭头样式select { width: 200px; padding: 10px; /* 清楚select原始样式 */ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }
2020-07-21 16:52:10
1805
1
原创 获取几点的时间戳
今天的凌晨new Date(new Date().setHours(0,0,0,0))3天以前的凌晨new Date(new Date(new Date().setDate(new Date().getDate()-3)).setHours(0,0,0,0))
2020-04-29 14:07:10
430
原创 移动端1px解决方案收集
参考移动web 1像素边框 瞧瞧大公司是怎么做的面试官：你了解过移动端适配吗？1px边框解决方案总结https://github.com/dengwb1991/owl-ui/blob/master/src/styles/common/border.less...
2020-04-16 18:45:01
139
原创 使用iframe 标签 网页底部出现几px间隙
问题：使用iframe 标签 网页底部出现白边解决办法：推测原因：是iframe标签类似于img标签那样，也是基于基线对齐，底部就出现几px的间隙，img标签设置了vertical-align：bottom，间隙就没了。iframe标签设置之后也可以，以上纯属个人推测，欢迎各位大佬指出//在iframe标签里加style：vertical-align:bottom;<iframe...
2020-03-26 18:24:01
1010
2
原创 工具函数
//将毫秒转换格式为 xx天xx时xx分xx秒function getDuration(my_time) { if(isNaN(my_time)) return `0秒`; const durationTime = parseInt(my_time) / 1000;//将毫秒转化为秒； var days = durationTime /...
2020-03-19 17:41:34
191
原创 根据userAgent判断机型来决定跳转pc还是移动
to PCfunction redirectToPC(tagart) { var UA = navigator.userAgent; if (UA.indexOf("iPhone") <= -1 && UA.indexOf("Android") <= -1) { location.href = tagart + location.search; }}t...
2020-03-18 16:23:00
224
原创 jQuery中设置背景图片
$(this).css("background-image","url(on.jpg)");注意点：首先是background-image，中间是带-的，不是原生js那样backgroundImage其次是需要给路径加上url（路径）；
2020-03-18 09:46:49
1328
原创 常用的vscode插件
Auto Close Tag自动补全html标签Auto Rename Tag自动重命名配对 HTML/XML 标签Bracket Pair Colorizer括号颜色区分Chinese（Simplified） Languagevscode使用中文简体DOM Code Snippets用于获取 / 创建 DOM 元素的代码片段GitLens-Git supercharged查看提交记录HTML CSS Support在编写样式表的时候，自动补全功能大大缩减了编写时间JavaSc
2020-02-25 15:30:50
307
原创 微信小程序流程总结
微信小程序流程总结一、前期准备域名备案不买服务器好像没法给域名备案，所以还是先买服务器吧。（阿里云备案多少天，服务器租期就会延后多少天，算是个小福利吧）这里需要注意的主要就是服务器系统的问题，要选择支持TSL1.2的操作系统 。准备材料企业营业执照(电子档)企业法人身份证(电子档，正反面)管理人身份证(电子档，正反面)所在地邮编一个联系电话(手机)< 谁负责备案留谁的...
2020-02-25 10:28:07
576
原创 不符合eslint的一些写法总结
具体可以上ESlint官网进行查看,此处只是我自己的一些需要纠正的写法1.consistent-return解释:要求 return 语句要么总是指定返回的值，要么不指定错误写法function doSomething(condition) { if (condition) { return true; } else { return; ...
2020-01-09 14:02:51
867
原创 换行与不换行
强制不换行p { white-space:nowrap; }单行文本溢出显示省略号p{ width: 100px; overflow: hidden;//超出的隐藏 white-space: nowrap; //强制一行显示 text-overflow: ellipsis;//省略号 }多行文本溢出显示省略号p{ overflow:hidden; t...
2020-01-08 11:37:09
824
原创 如何在mac上设置vscode的注释字体颜色
1.现在vscode的左下角找到如下图按钮,并点击2.在输入框输入json,找到并进入settings.json这个文件中3.进入并添加如下一段就ok了//我只是想修改注释文字,所以只添加这段,底下的可以自行选择 "editor.tokenColorCustomizations": { "comments": "#82e0aa", // 注释 "keywords": ...
2019-12-26 14:53:25
1975
原创 Refusing to install package with name "webpack" under a package also called "webpack". Did you name
npm 安装时出现这个报错Refusing to install package with name "webpack" under a package also called "webpack". Did you name原因:这个图片不能和安装包同名解决方法:将webpack改为其他名字...
2019-12-20 15:21:31
253
原创 Vue中关闭弹窗组件时销毁并隐藏
背景：在dialog弹窗组件中执行mounted钩子，将数据初始化，等取消关闭弹窗后，发现mounted钩子不执行原因：在vue的生命周期中，在页面初始化的时候mounted只会执行一次，关闭弹窗页面并没有销毁，所以不会再次执行<select-experience-group :trialMoneyRecordID=trialMoneyRecordID :showExperience...
2019-12-16 11:14:46
10166
转载 vue项目在iPhoneX上的底部tab切换被小黑条遮挡问题
iphoneX的底部适配在项目中因为底部tab栏在iphonex的显示问题方法一@media only screen and (width: 375px) and (min-height: 690px){ #app { padding-bottom: 0.34rem; } }方法二第一步：新增 viweport-fit 属性，使得页面内容完全覆盖整个窗口：<...
2019-12-13 10:35:47
439
转载 如何用JS 判断 iPhone X Series 机型
对每个机型进行判断const isIphonex = () => { // X XS, XS Max, XR const xSeriesConfig = [ { devicePixelRatio: 3, width: 375, height: 812, }, { devicePixelRatio: 3, ...
2019-12-13 10:31:30
640
转载 vue中8种组件通信方式
一、props / $emit父组件通过props的方式向子组件传递数据，而通过$emit 子组件可以向父组件通信。父组件向子组件传值下面通过一个例子说明父组件如何向子组件传递数据：在子组件article.vue中如何获取父组件section.vue中的数据articles:[‘红楼梦’, ‘西游记’,‘三国演义’]// section父组件<template> &l...
2019-12-04 10:29:01
195
原创 在浏览器中实现拨打电话
如果需要在移动浏览器中实现拨打电话，发送email，美国服务器，调用sns等功能，移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url链接的方式，实现在Safari ios，香港服务器，Android 浏览器，webos 浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话功能。1.最常用WEB页面JS实现一键拨号的电话拨打功能：<a...
2019-12-03 16:38:11
3286
1
原创 实现y轴文字左对齐
效果代码//在yAxis的axisLabel属性中设置textStyleaxisLabel: { textStyle: { align:'left',//设置左对齐 baseline:'middle' }, margin:45, //刻度标签与轴线之间的距离 },...
2019-12-02 10:02:58
2239
原创 实现x轴两端对齐操作
想要实现的效果x轴的第一个和最后一个两端对齐解决方法具体的做法是利用formatter函数 动态运算拿到最后一个值 进行处理 具体代码如下 利用空格进行占位 骚操作formatter: function(value, index) { let seriesData = data[0].data; if (index === 0) { return ` ...
2019-11-29 18:30:42
1569
原创 css样式类
问题：设置字体样式的时候，直接复制zeplin上的样式，有些电脑上没有问题，但有些电脑没有效果原因：此处的PingFangSC是有问题的，SC前面需要用空格隔开解决方案：在SC前添加一个空格知识点拓展：1.参照写法font-family:“Times New Roman”,Georgia,Serif;2.取值family-name一个字体族的名字。例如"Times" 和...
2019-11-26 12:04:57
125
转载 node-11-npm install -S -D -g 有什么区别
npm install -S -D -g 有什么区别npm install module_name -S 即 npm install module_name --save 写入dependenciesnpm install module_name -D 即 npm install module_name --save-dev写入devDependenciesnp...
2019-10-30 09:47:55
117
原创 前端SEO总结-01
SEO优化一、google搜索引擎的原理传送门1.基本概念搜索引擎指自动从互联网搜集信息，经过一定整理以后，提供给用户进行查询的系统。—wiki百科2.分类全文搜索引擎通过自动的方式分析网页的超链接，依靠超链接和HTML代码分析获取网页信息内容，并按事先设计好的规则分析整理形成索引，供用户查询分类目录通过人工的方式收集整理网站资料形成数据库的，比如雅虎中国以及国内的搜...
2019-10-22 15:39:49
398
原创 vue的keep-alive中，使用include和exclude不生效的问题
keep-alive是Vue.js的一个内置组件。 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 当组件在 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。include和excludeinclude 和 exclude 属性允许组件有条件地缓存。二者都可以用逗...
2019-09-27 17:00:10
8137
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人