2 前端那些小事

尚未进行身份认证

蓬生麻中 不扶而直 白沙在涅 与之俱黑

等级
TA的排名 28w+

git 创建项目第一次上传文档出现fatal: No configured push destination. Either specify the URL from the command-line

最近由于疫情的原因,需要在家办公,我的老式电脑下载了各种办公需要的工具,在git的使用上遇到了一些问题,过程记录一下吧git initgit clone '当前项目的git地址'然后根据提示操作,输入了usename和password,继续git add .git commit -m ''git push一直OK,到了push的时候报错了fatal: No configu...

2020-02-11 18:27:37

echarts柱状图的样式设置

柱状图的默认柱子是矩形柱,但是我们需要这样子的:barBorderRadius: [7, 7, 0, 0]这是这个属性就可以了,代码截个图:具体的其他样式都是在itemStyle里面进行设置...

2020-02-07 13:53:12

echarts坐标轴刻度标签的显示间隔问题

echarts坐标轴刻度标签的显示间隔问题,在类目轴中有效。本来上一篇也说了,这些配置项在官方文档里都可以查看的到,但这个X轴显示间隔的问题真的让我好找,中间还因为看错单词,写错参数配置位置,一度怀疑人生,就记录一下吧原先类似这种间隔一年才显示,要的是每一年都显示,axisLabel: { interval: '0' },这个时候首尾是缺失的,正确写法ax...

2020-02-07 13:36:15

echarts去掉x轴的刻度线

需要的效果:axisTick: { show: false },

2020-02-07 11:26:52

echarts饼状图去掉外围折线指示内容的方法以及饼状图内部显示两行文字的方法

原图:需要的状态图:代码:itemStyle: { normal: { label: { show: false //隐藏文字 }, labelLine: { show: false //隐藏指示线 } }, ...

2020-02-05 19:13:09

小程序使用echarts图表的方式

小程序使用使用echarts的方法小程序项目中有需要用到折线图,饼状图,柱状图等等的时候,引用echarts是非常方便的,不过在使用的一些细节方面可就要认真阅读官方文档了,这里记录我在小程序中使用echarts的过程,仅供借鉴第一步:去github下载echarts对应的组件文件,它提供的是一个项目demo,可以参考自己所需要的 具体图表代码的,点击跳转github链接第二步:下好之后会有一...

2020-02-05 18:09:20

elementUI 使用input等组件,change事件想传两个(或以上)参数(一个默认的value,一个自定义的value)的方法

直接上代码吧<el-input-number @change="((val)=>{handleChange(val,items.id)})" v-model="items.number" :min="1" :max="maxProNum" label="描述文字"></el-input-number>handleChange (value, id) ...

2020-01-17 10:25:55

树形结构的数据渲染问题(下面是个类似朋友圈回复的渲染)

页面要实现的效果图:开始静态页面是写了二层数组的遍历渲染方式,想偷懒就将数据进行处理(这里是小程序):wxml:页面用到了一些组件方法,这里不说这个,主要说渲染此类数据的方式,重点的dom代码在“回复盒子”下面<view class="consultBox" wx:for="{{consultList}}" wx:key="{{index}}"> <vie...

2020-01-16 18:11:15

VUE 实现购物车或者消息中心未读消息数量的实时监听

涉及到商城,平台等项目一般都会有实时数据的更新问题,比如这种:下面是我的处理方式:全局绑定一个方法Vue.prototype.$addStorageEvent = function (type, key, data) { if (type === 1) { // 创建一个StorageEvent事件 var newStorageEvent = document.creat...

2020-01-16 17:42:35

vue.js关于请求拦截 / 响应拦截的问题

之前遇到一个项目,对接接口后期需要处理一个问题,拦截每一个权限请求,检验是否登陆,main.js里代码:axios.interceptors.request.use((config) => { // 在发起请求的时候做一些业务处理 console.log(config) return config}, (error) => { // 对请求失败做处理 retur...

2020-01-16 17:24:37

flex布局(弹性布局)盒子(列表)末尾排版出现空隙相隔过大的问题-图文式解答

先上图看看问题:原本的排版是:这个时候会出现两种情况:最后是两个产品或者三个产品,处理方式<!--productsList是我的列表数组,除4取余就得到最后剩几个模块-->:class="(productsList.length%4)==3?'three-product':''||(productsList.length%4)==2?'two-product':''"样...

2020-01-16 16:33:04

文本是连续的数字或字母出现不换行情况的处理,文字爬出界了

出现的示例图片:{ word-break: break-all;}改正后:这个属性在样式上可以解决,但我在小程序的啥时候有时不起作用,暂时还没找到原因,还是建议在管理端,输入的时候做控制判断,避免输入连续的字母或数字...

2020-01-15 18:08:47

小程序内用户帐号登录规范调整,登陆不符合审核规范

最近开发的小程序提交审核的时候,被打回,说是审核不符合规范:这里主要说明登陆问题,根据小程序2019.7.19发布的审核标准,有关登陆的要求,进入小程序直接要求登陆注册的方式是不被允许的,具体看:小程序内用户帐号登录规范调整和优化建议所以我将登陆页又多加了一个暂不登陆的,之前在入口处请求的消息中心的未读消息数量和购物车数量的接口请求加了条件,未登陆状态的用户查看浏览ok,涉及需要用户to...

2020-01-13 16:06:43

小程序 购物车(消息)tabs栏数字即时提示

实现的效果:主要是利用小程序的storage存贮数据,在app.js的onLaunch方法里// 计数 this.getCountInfo() //获取初始数量 setInterval(() => { this.changeCountInfo() // 调用修改数量的方法 }, 100);changeCountInfo() { // 计数 ...

2020-01-10 18:39:38

小程序简单的下拉分页处理,利用的onReachBottom(页面上拉触底事件的处理函数)

挺简单的,就自己做了一个开关,控制是否下拉到最后一页,道理最后一页则关闭开关,第一页的时候打开开关,直接看代码吧data: { pageNo: 1, // 页码的递进数,当前页码 allPage: 1, // 总页数 canPull: true, // 下拉是否触发}getData(pageNo) { http.getRequest('/common/shop/c...

2020-01-10 18:12:33

小程序 官方文档的 swiper踩的一个坑 (图片不显示)

开发小程序的时候用到了官方的swiper,需要用到控制同时显示的数量这个属性,然后,就怎么也看不到图片显示了,仿佛背吃了。。。。。后面才找到原因,就是这个数量的值不能大于图片数组的长度,唉。。。。想想也是,就是没找到原因的时候感觉贼坑,找到原因了还是感觉坑!下面是页面代码:<swiper autoplay="{{autoplay}}" <!--主要是下面的判断数组长度...

2020-01-10 17:54:17

小程序的图片上传以及文本文件上传 vant weapp van-uploader组件

此次小程序的文件上传用的是vant组件的上传,具体使用方法,查看官方文档更清楚一些,这里主要说一下本次的文本文件的上传遇到的问题。做文本上传的时候,我用的组件的accept属性规定上传文件格式,<van-uploader use-slot preview-image="{{false}}" file-list="{{ fileList }}" bind:after-rea...

2020-01-10 17:36:05

广告跳转方法,共有banner根据不同的typeId 跳转到不同的展示页面

经常有遇到整个网站的广告页随机出现在不同的banner处,这就需要一个比较统一的方法来实现跳转,我的代码如下:function adJump(type, id) { dataJson.map((item) => { // 遍历所有的页面比较type if (type == item.type) { console.log(item.url) wx.nav...

2020-01-10 17:10:38

小程序接口封装 wx.request从封装到使用

/** * function: 封装网络请求 * @url URL地址 * @params 请求参数 * @method 请求方式:GET/POST * @onSuccess 成功回调 * @onFailed 失败回调 */function request(url, params, method, onSuccess, onFailed) { wx.showLoading(...

2020-01-10 16:59:07

小程序预览文本文件,以及遇到的问题(出现图片格式的文件预览处理方式)wx.downloadFile wx.openDocument

// 预览文本文件function looksDocument(url) { const type = url.split('.')[url.split('.').length - 1] // 截取文件后缀知晓类型.doc .txt wx.downloadFile({ url: url, //文件路径 header: {}, success: func...

2020-01-10 16:43:37

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。