- 博客(28)
- 收藏
- 关注
RSS订阅原创 Echarts环形图设置空数据样式
需求背景由于最近的需求涉及到图表的展示，所以引入Echarts来渲染图表，但是问题也随之而来了，仔细阅读过文档后发现，Echarts对于环形图并没有能够设置默认样式的地方，对于空数据，界面直接就是空白一片，产品不能接受，没办法只能一顿捣鼓了。解决问题的方法经过一番捣鼓后，想到，既然组件不支持空数据，而且还想显示一个带颜色的默认的圆环，那么我们就可以给数据项后多添加一个数据，即默认数据代码如下：// 处理空数据 if (props.chartdata?.filter(item => i
2020-12-16 11:19:11
4351
1
原创 create-react-app不运行 eject 配置less
问题的由来crate-react-app是我们非常常用的初始化项目点的工具，在默认情况下，刚创建的好的项目是没有暴露出配置的，如果需要暴露则需要运行对应的命令：yarn/npm run eject但是既然官方不推荐我们来暴露这些配置，那么有没有办法不暴露配置就能实现我们的一些常用配置呢？答案是肯定的：有多种方式可以实现，我这里具体讲讲我探究出来的方案：基于customize-cra 来配置less .customize-cra的可配置项开始配置首先按照基本的套路来，先安装对应的库yar
2020-05-29 22:51:13
1812
12
原创 text-decoration设置文本下划线失效
前言最近公司的一项业务中涉及到了文本下划线的问题，本来对于我们来说，下划线并不是难点，可曾想过，这里也能踩坑。下划线？ so easy!text-decoration: underline solid black;加上这个，想都不用想结果呢？细心的小同学应该发现问题了，这条下划线，中间出现了断裂，是的，你没看错g j p q y 这几个字母显示不了下划线！这是什么鬼，之前不...
2020-01-13 14:48:39
3814
原创 前端JS错误捕获--sourceMap
前言在我们的项目开发中，随着项目的不断完善，线上bug的捕获、调试和处理是越来越重要，那如何来解决这个问题呢？传统方案1、增加多个console.log来打印报错信息2、弹alert提示用户或者是升级一步，捕获用户的报错，上传错误日志通常情况下在try-catch里捕获错误信息，或者window.onerror里捕获。可以了解window.onerror捕获异常的同学，可以学习一下...
2020-01-08 15:24:55
2557
原创 egg上传Excel读取内容并保存
问题产生背景我们的后端服务采用的eggjs,用来处理一下轻量级的用户服务，比如说用户基本信息的保存、文件等等。这次有一个上传Excel 文件保存并读取内容返回给前端的需求，经过一步步采坑（本人小菜鸟一只），终于实现了，把这个过程分享给大家，希望能够帮助要采坑的同学，跳坑。解决方法1、上传文件这里可以参考网上提到的多种方式ajax方式或者from方式，当然啦我这里采用的是from方式。当...
2019-07-22 11:41:48
3744
原创 H5横向滑动菜单
H5横向滑动菜单最近处理一个需求，产品需要做一个顶部横向的菜单栏，类似于今日头条首页的菜单栏先来看看效果：构思首先说说我的思路吧 ，通过设置一个横向的导航栏，滑动到顶部后悬浮，然后滑下来后再继续随着页面滑动。实现过程1、设置导航栏，这里我们需要一个三层div嵌套的导航导航栏核心代码<div class="nav" ref="nav"> <div cla...
2019-06-21 18:07:16
5071
1
原创 create-react-app运行项目报babel-jest错误
问题的产生最近使用create-react-app创建一个react项目，按照官方安装好create-react-app后，初始化项目啥的都正常，结果一运行，就报错了。There might be a problem with the project dependency tree.It is likely not a bug in Create React App, but somethi...
2019-05-08 13:49:31
2905
4
原创 微信h5页面缓存
微信h5页面缓存问题前言先说说之前开发的问题来看看现在的效果：因为我的分享页面是在一整个项目中的，默认就是采用的第一种方案，所以我直接修改了图片的名称，打包编译后上传js文件到服务器，得到的效果是：前言移动端开发中，经常会碰到微信缓存的问题，总体感觉而言，有太大的无可奈何，但是问题总归是要解决的。先说说之前开发的问题由于之前无论是公众号还是微信分享链接，都是经过充分测试后发布上线的，上线后...
2019-05-07 18:38:41
9504
原创 mint-ui 下拉组件loadmore踩坑
mint-ui是vue开发中常用的组件库，而loadmore 通常用于处理下拉加载与上拉加载坑1、页面渲染完，loadmore设置的上拉/下拉执行两次产生原因：loadmore设置中的auto-fill需要设置为false实现代码如下：<load-more :bottom-method="loadBottom" :bottom-all-loaded="isLoadAll" ref="load...
2018-04-12 14:58:32
13140
10
原创 vue中添加mp3音频文件
有的时候我们需要在vue中添加音频文件，但是直接将音频文件放置了assets目录下的时候，会发现并不能正常播放，下面是两种常用的配置方法：方法一、将音频文件放置在static目录中，然后进行调用，如下所示<audio class="success" src="/static/audios/do_wrong.mp3"></audio>以上这种方式就能够解决这个问题了。方法二、给项目配
2017-07-18 17:00:26
33852
3
原创 Weex新建项目报错weex-vue-render/index.js
Weex新建项目报错按照weex官方文档上的操作，新建一个基于Vue的Weex项目，一切步骤都是正确的，却发现项目运行起来后页面不显示，这个很让人郁闷，大概就是这个样子。折腾了好久之后才发现，问题出在这里，f12打开调试工具会发现报了一个错，如下：然后我们从新加载页面后，错误变了，变成如下所示了：看了问题越来越明显了 我们进入node_modules中，找到weex-vue-render打开后发现
2017-07-06 15:03:21
2024
原创 Vue项目中设置背景图片
在Vue项目开发中我们经常要向页面中添加背景图片，可是当我们在样式中添加了背景图片后，编译打包后，配置到服务器上时，由于路径解析的问题，图片并不能够正确的显示出来，如下CSS样式：background:url("../../assets/head.jpg");这个时候我们就要考虑使用其他的方式了，node中提供了一种比较有效的方式来解决这个问题： 1》在data中定义如下： export defa
2017-06-07 20:50:08
87868
13
原创 基于Ajax的formData图片和数据上传
最近做一个项目，关于用户数据和表单上传的项目，碰到了不少坑，这里总结的分享给大家，希望能够帮助大家。（小白，欢迎大家多交流）多的就不说了，直接来代码吧！！1、上传组件 说明一下，项目是基于vue框架的<template> <div class="newproduct"> <div class="topbox"> <div class=
2017-05-18 12:08:51
3700
原创 h5移动开发Ajax上传多张Base64格式图片
h5移动开发Ajax上传多张Base64格式图片到服务器废话不多说，直接看代码吧 1、上传组件 <div class="imgbox"> <img class="goodsimg" src="../../assets/addimg.png"> <input id="file" type="file" class="fileupload" accept="image/*" m
2017-05-18 11:36:12
2746
原创 CSS布局
单列布局（1-1-1布局）框架：模型图：1-2-1固定宽度布局框架：模型：例：绝对定位法：#header,#pagefooter,#container{margin:0 auto;width:760px;}#container{/*包含content和side*/po
2016-09-30 22:52:52
410
原创 CSS选择器
优先级：行内样式>ID选择器>类别选择器>标签选择器选择器的权重：CSS中用四位数字表示权重，权重的表达式如：0，0，0，0标签选择器：0001类选择器：0010id选择器：0100伪类选择器：0010并集选择器：包含选择符的权重之和内联样式的权重：1000权重值越大，优先级越高1、标签选择器：（元素选择器
2016-09-30 22:42:14
512
原创 盒子模型
盒子的内部结构四个部分：content(内容):文字图片等padding(内边距)：只有宽度属性border（边界)：有大小和颜色属性margin(外边距)：只有距离属性1、边框：border-style:边框类型：属性值的使用形式：1、所有边框使用同一样式：border:2px red solid;2、对不同边框
2016-09-30 22:22:35
369
原创 CSS添加方式
CSS的添加方式：优先级：行内样式>内嵌式>导入式>链接式1、行内样式：例：行内样式2、内嵌式例：在head标签中:.red{color:#f00;}在body标签中：内嵌式样式3、链接式例；在head标签中：在body中使用链接式样式在文件red.css中.red{color:#f00;
2016-09-30 22:15:03
304
原创 CSS使用小记
定义竖版格式：例：文字特效：1、发光效果天生我才必有用2、阴影效果人不是为了失败而生的3、渐变效果为伊消的人憔悴最适合网页正文显示的字体大小为12磅左右，当内容比较多的时候用9磅的字号滑动门技术：嵌套两个元素，各自使用一个背景图像，二者中间部分重叠，两段不重叠，分别显示左端的背景和右端的背景，中间部分自动适应：例：
2016-09-30 22:08:03
448
原创 自定义ViewGroup
通过自定义ViewGroup我们能够实现很强大的页面切换效果，下面是我的一点分享要自定义ViewGroup,就要先继承ViewGroup，然后实现其onLayout（），onMeasure（），onTouchEvent（）方法，其中onlayout()方法是用来定义子控件的布局通过view.layout(getWidth()*i,0,getWidth()*(i+1),g
2016-06-10 10:12:58
339
原创 Android自定义属性
在android开发中，系统提供的组件往往不能够满足我们开发的需求，为了开发出更加友好的软件，我们就不得不使用自定义组合控件，而自定义属性是自定义组合控件不可缺少的一部分，下面我就简单讲讲在android如何自定义组合控件的属性：1、我们需要创建一个组合控件，比如说一个可以滑动的按钮：public class MyToggleButton extends View implements O
2016-06-07 10:20:16
338
原创 ViewPager实现图片循环滚动
ViewPager是v4开发包中一个比较常见的组件，在开发中的作用不小。1、实现图片的滚动切换2、实现类似选项卡页面的切换好了，废话不多少，直接来一个例子吧：先说布局文件吧，布局文件中添加一个Viewpager:<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" andr
2016-06-06 14:02:54
490
原创 解决自定义控件中两个Button设置onClick（）发生冲突的方法
当我们自定义组合控件时会发现，在布局文件中同时给两个或者两个以上Button同时设置onClick属性，然后设置不同方法去实现的时候会发生错误，如下所示：<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" andr
2016-04-14 22:27:02
3286
原创 Android 输出XML
学习android 输出xml也是一个比较重要的一部分多的不说，直接上程序，下面是一个例子，希望能够帮助到大家package com.faceview.sqlitetest.db;import java.io.IOException;import java.io.StringWriter;import org.xmlpull.v1.XmlSerializer;import a
2016-03-19 11:08:45
456
原创 Java 加载图片
学习java的时候我们都会遇到图片不知道如何加载，或者出现错误，下面是我学习java的时候的学习笔记，分享出来，希望能够对大家有所帮助import java.awt.Image;import java.io.File;import java.io.IOException;import javax.imageio.ImageIO;import javax.swing.Icon;i
2016-03-16 22:52:16
675
原创 Window10 下 VMware 10 安装 CentOS 7 连接网络
学习了很多次Linux，最大的困难就是连接网络，很让人头疼，以前的时候，看过很多相关的文章，说如何如何连接，但是试了好久都不行，终于在一个哥们的帮助下成功连接了，我就分享一下这个方法吧，希望能够帮助到大家： 1、设置本机服务：右键此电脑-->管理-->服务和应用程序-->服务 （也可以使用快捷键Ctrl +Shift +ESC 打开任务管理器，选择服务）
2016-03-16 22:21:16
714
原创 弹性ListView
在网上找了好多关于弹性ListView的文章，虽然大多提供了两种方法，但是本人测试了很多次，那种复写overScrollBy（）的方法都不能够实现想要的功能，最后找到了一个（http://blog.csdn.net/eastman520/article/details/19043973#comments），整理了之后发表在这里，希望对大家的学习能有帮助。
2015-12-09 20:03:41
313
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人