自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 使用border样式绘制三角形

<div style="width: 0; border: 50px solid; border-color: red transparent transparent;"></div>效果图如果需要垂直方向长一些,可加大上下border的宽<div style="width: 0; border-width: 100px 50px; border-style: solid; border-color: red tr.

2020-08-25 16:40:37 202

原创 内容单行居中,多行居左/右

今天有个人问我一个效果,内容有可能是几个字也可能是一段话,单行的时候就居中显示,多行就居左怎么实现?直接上代码

2020-07-10 08:56:34 274

原创 上传本地文件到github以及删除github文件夹

首先完成前提部分,绑定本地仓库与github仓库,参考本地git与github仓库绑定上传至github

2020-06-10 10:28:34 357

原创 本地git与github仓库绑定

注册github账号1.注册github账号https://github.com/2.添加仓库3.进入仓库,复制仓库地址下载git绑定github1.下载安装Githttps://gitforwindows.org/2.进入安装后的目录,双击git-bash.exe执行 $ ssh-keygen -t rsa -C"注册github的邮箱地址"3.接下来几步按回车就行4.成功后会在C盘User文件夹的用户下创建.ssh文件夹,打开id_rsa.pub文件,复制内容(为...

2020-06-09 17:24:40 566

原创 ECharts图表的图例对齐问题(自定义宽高)

先上效果图:配置项legend.width可设置图例组件的宽度,但是按照官方的去设置发现效果不对劲,会变成纵向居中(也许还有其他效果不多说),解决方法如下:利用富文本legend.textStyle.rich和legend.formatter设置样式 legend: { //图例 orient:...

2020-04-03 16:47:13 6447 4

原创 ECharts折线图图例不显示问题的解决方法

ECharts折线图添加了legend,但是就是不显示图例,解决方法如下:在series中添加name属性,属性值就是需要显示的图例。

2020-04-03 15:40:10 8404

原创 字体图标的创建与使用

在移动开发中比较常用到字体图标来替代一些小图片,这里简单说一下怎么样来创建以及使用。1.首先进入图标库(这里推荐阿里巴巴图标库,因为很全)选择自己需要的图标,鼠标放上去选择添加入库,添加好之后点右上角类似购物车的图标,把你的图标添加到项目(没有项目自己建一个);跳转到我的项目之后,点2.进入制作网站https://icomoon.io/app/#/select,导入前面下载的包(解压之后里...

2020-04-03 11:27:01 190

原创 ECharts图表在页面分辨率变化时重绘的问题

使用ECharts做图表时,如何实现在屏幕分辨率改变时重新绘制来达到自适应效果?当页面只有一个图表时,window.onresize = ele.resize;就能实现但是当页面上有两个以上的图表时这个就不灵了,解决方法如下:...

2020-04-03 10:22:22 1746

原创 ECharts图表坐标轴数据超出显示范围,以及坐标轴刻度标签显示不全解决方法

1.在使用ECharts图表时,比较常见到坐标轴数据超出显示范围的情况,如下解决办法:添加配置2.坐标轴刻度标签显示不全就简单描述一下,比如你的数据横坐标有15个,但是默认不会显示全部解决方法:添加配置如果标签过多显示重叠,可以设置rotate倾斜角度解决以上问题解决X,Y轴通用,使用时注意区分 xAxis 与 yAxis即可。...

2020-04-03 10:00:09 23053

原创 判断设备横屏与竖屏

orientation:portrait | landscapeportrait:指定输出设备中的页面可见区域高度大于或等于宽度landscape:除portrait值情况外,都是landscape使用:@mediascreenand(orientation:portrait){// "竖屏"}@mediascreenand(orientatio...

2019-06-28 15:32:18 772

原创 微信小程序 省份固定的城市联动效果---多列合并版

之前写了一个省市区分开选择的demo,后来干脆再弄一个合并的,记录一下。wxml<view class="section"> <view class="section__title">多列选择器</view> <picker mode="multiSelector" bindchange="bindMultiPickerChange" b...

2019-06-28 15:18:00 1003

原创 微信小程序 省份固定的城市联动效果

朋友刚做小程序,需要做一个分开的并且省份固定的城市联动效果找到我,我查看一下官方文档确实没有,所以我自己找了个城市的数组取了一部分做了个demo,在此记录一下。wxml<view class="section"> <view class="section__title">当前省份</view> <view class="picker"&g...

2019-06-28 10:22:25 1410

原创 js如何修改对象原型

一般来说,对象的原型会在通过构造器或 Object.create() 方法创建该对象时被指定,对象的原型在初始化完成后会保持不变。ES6 添加 Object.setPrototypeOf() 方法,此方法允许你修改任意指 定对象的原型。它接受两个参数:需要被修改原型的对象,以及将会成为前者原型的对象。let person = { getGreeting() { ret...

2019-05-27 11:26:15 3297

原创 js字符串切割方法slice,substr,substring

今天代码用到字符串截取功能,只记得一个slice,模糊记得有几种,特意百度了一下有substr、substring、slice,使用方法有些类似,在此记录一下区别。slice()语法:stringObject.slice(start,end)一个或者两个参数,第一个参数指定子字符串的开始位置。第二个参数表示子字符串的结束位置(不包括结束位置的那个字符),如果没有传递第二个参数,则将字符...

2019-05-23 16:25:08 4297

原创 ES6箭头函数与传统的JS函数的区别

1.没有 this 、 super 、 arguments ,也没有 new.target 绑定: this 、 super 、 arguments 、以及函数内部的 new.target 的值由所在的、最靠近的非箭头函数来决定;2.不能被使用 new 调用: 箭头函数没有 [[Construct]] 方法,因此不能被用为构造函 数,使用 new 调用箭头函数会抛出错误;3...

2019-05-23 16:15:44 222

原创 小程序wx:if 和 hidden 的区别

今天遇到一个问题,想用 hidden 来进行条件控制显示隐藏,发现没有效果,在此记录一下解决方法:hidden 只对块元素容器有效果,把容器view改成块元素!另外,wx:if 和 hidden 都可以实现显示隐藏,但是还是有区别:wx:if 条件为 true 显示,hidden 条件为false 显示;wx:if 条件为 true 才渲染,hidden 无论true和false都会渲...

2018-11-13 17:58:58 432

空空如也

空空如也

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

TA关注的人

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