rouzi1230-优快云博客

原创 Webpack 4.x 使用mini-css-extract-plugin分离scss失败的坑

楼主最近从移动端转前端有段时间了，目前还是在学习和探索前端的阶段，最近一直在给一个新的项目打基础的脚手架，慢慢的学习webpack 的配置。如题，当配置到分离css文件的时候，网上大面积的还是extract-text-webpack-plugin这个插件，但是这个插件在webpack 4.x已经用不了，各种报错啊，然后就换成了mini-css-extract-plugin这个插件。按照网上配置写好后，配置如下：我试了一下，打包css文件，ok没问题，能正常的分离和引用，但是当我来分离scss

2020-08-05 15:18:51 3441

原创组件化之Repo使用和踩坑记录（windows环境）

前段时间项目组件化完成后，决定用repo的方式来进行组件化开发，我负责repo在windows环境下的踩坑，在这里记录一下（repo在windows环境下的配置是真坑，解决完这些坑，笔者直接吐血三斤啊~~~）。因为google官方推出的repo在windows下跑不起来，这边采用的是github上的一个的repo,传送门：https://github.com/es...

2018-07-20 14:25:48 2251

原创圆形比例图（饼状图）

项目中经常用圆形统计图来显示收益占比，消费占比等数据，像支付宝账单那样，感觉挺有意思，那么动手来自己撸一个，先来看一下最终效果图：这个东西，想一下思路挺清晰的，就是算一下各个数据的比例，然后根据比例来分一个圆就行了，下面先定义一个数据类：public class PieData { //收益 private float income; //颜色

2017-10-24 16:28:53 11697

原创能量球效果（贝塞尔曲线）

在项目中需要用能量球来展示活动余额的剩余量，如下图的效果：看到效果图，首先就会想怎么实现这个波浪的效果，其实这就是两个波浪线一直在左右移动，然后给你一个一直在那浪啊浪的错觉~~~说到曲线，脑阔中第一个蹦出来的就是贝塞尔曲线。要用贝塞尔曲线，首先还是要确定控制点，先看一张图（没有好的作图工具，凑合着看了- -！）：如上图

2017-10-17 10:55:20 1776

原创自定义view走势图（三、贝塞尔曲线）

在开发中，对于走势图和统计图，会有要求用平滑的曲线来进行展示的需求，我首先想到的就是贝塞尔曲线。那么贝塞尔曲线是啥呢，贴上两张图多看一会就明白了图一图二上面图一是二阶贝塞尔曲线，图二是三阶贝塞尔去线，一阶贝塞尔曲线就是一条直线，所以就不贴图了。贝塞尔曲线的公式我也不贴出来，还是看图来着直观（离开数学这个东西太久了，都已经忘了高数

2017-09-21 15:34:27 592

原创自定义view走势图（二、加入动画和触摸事件）

这篇是在第一篇的基础上进行的完善和改进，主要就是加入了动画和触摸效果，效果图如下：

2017-08-29 15:20:57 521

原创自定义view画走势图（一）

在之前的许多项目中，在很多地方都需要有统计图来展示数据，其中用的比较多的就是折线图，本来一直想自己画的，无奈每次项目都是赶时间，基本都是在网上找个别人写好的，能基本满足需求的，就直接拿来用了。现在稍微有点时间了，准备自己着手写一个，顺便也好重新回顾一下自定义view 的真个流程（太久没写自义定view相关东西，都感觉好多东西忘了）。对于自定义view来说，其中最重要的两个方法

2017-06-20 10:30:53 554

原创头像滑动，中间放大并带点击选中效果

在之前的项目中，要做店员快速登录的一个界面，入下图所示：上面这个需求，首先想到的就是viewpager来实现这个效果。首先，就是让viewpa能显示多个图片，这个在网上搜一下，有很多的讲这个的，要让viewpager显示多张图，只要在xml布局里面将viewpager父控件的clipChildren的属性设置为false就行了，还有就是要将viewpager的父view 的touch事

2017-05-18 19:37:27 1130

原创前端和后台进行大量数据同步的一个小记

最近在做一个前端收银的项目，其中一块很恶心的问题就是商品库数据同步的问题，来记录一下整个过程。由于商品同步的数据量较大，所以采用了文件同步的方式。整个逻辑流程如下： ①下载服务端数据（zip压缩包）→②解压并解析里面的文件列表（files）→③跟本地数据库的数据进行对比修改→④服务端数据对比修改完成后，打包本地差异数据 →⑤将本地的差异数据包上传到服

2017-05-17 14:55:00 6969

原创 listview显示不同布局的一个坑（记一下，以防后面又忘了）

之前项目中，要用listView展示多种类型的布局，结果碰到了一个欲仙欲死的坑。来一步一步来看，要用listView，必要有adapter，下面写一个ada

2017-05-03 22:05:20 327

原创 Retrofit 2.0 + RxJava 2.0搭建简单的Android请求框架。

哎，最近智障公司突然学某些公司，搞什么996，然而要搞的项目的需求和UI都还没出来，没事还要蹲到很晚，着实很痛苦哎。。。。之前都没怎么写过博客，正好趁着这段有空的时间来写一遍博客，记录一下自己研究的Rxjava和retrofit一些相关的东西~ RxJava和Retrofit已经出来很长时间，现在的很多android App都已经被这两个东西占领，现在在弄的这个项目正好就我一个人负责

2017-04-11 19:37:01 6651

原创 viewpager导航栏（源码用别人的，稍作改造，留自己以后用）

稍作改造，以便以后用。public class PagerSlidingTabStrip extends HorizontalScrollView { public interface IconTabProvider { public int getPageIconResId(int position); } // @formatter:off

2017-03-13 18:36:06 405

rouzi1230的专栏