羽丫头不乖 - 博客园

2021年3月29日

摘要：因为在项目中经常遇到对数值保留小数的操作，所以我便将各种处理方式进行抽取整合成一个方法了。方法名为resultByToFixed，参数包含数值，处理类型，保留几位小数，单位。针对数值做null值判断，条件成立则不做处理。其中处理类型有以下几种： 0、对数值保留几位小数 1、将数值乘以100后再根阅读全文

posted @ 2021-03-29 10:27 羽丫头不乖阅读(452) 评论(0) 推荐(0)

2021年3月12日

react+ts封装AntdUI的日期选择框之月份选择器DatePicker.month

摘要：需求：由于在项目开发中，当需要使用该组件时都需要对该组件进行大量的代码输出，为了方便代码统一管理，减少冗余代码，所以将此组件进行二次封装。其他成员在使用中只需将自己的设置通过对应的参数传递到该组件，在执行选中操作后直接将返回值回传给调用的父组件即可。技术涉及：react+ts+antd 代码如下阅读全文

posted @ 2021-03-12 17:15 羽丫头不乖阅读(1527) 评论(0) 推荐(0)

2021年3月10日

elementUI实现日期框选中项文本高亮

摘要：需求：由于月份选择框会给默认接收的月份文本加入高亮显示，但需求要求将选中的月份标记高亮展示。实现：使用elementUI的日期选择器提供的下拉框样式配置，并改写对应的样式实现。懒得说话，直接上代码： <template> <div> <dataPickSelf size='mini' v-mod 阅读全文

posted @ 2021-03-10 15:04 羽丫头不乖阅读(1010) 评论(0) 推荐(0)

2021年2月25日

react+lib-flexible适配浏览器宽度配置

摘要：主要是通过lib-flexible搭配px2rem，将设计稿中固定的px单位转换成根据屏幕大小自动计算的rem单位，达到屏幕适配的目的。在此之前需要先搭建好react项目。接下来是安装下面的步骤配置flexible。第一步，安装lib-flexible并在src/index.js中配置impor 阅读全文

posted @ 2021-02-25 10:55 羽丫头不乖阅读(1271) 评论(0) 推荐(1)

2021年2月23日

vue+lib-flexible实现大小屏幕，超大屏幕的适配展示。

摘要： Vue +lib-flexible实现大小屏幕，超大屏幕的适配展示。lib-flexible是淘宝项目组开发的插件，属于开源项目，可以在各种项目（vue，react）中引入并使用，利于其将px转成rem的单位转换形式使开发者不用在根据因为分辨率不同书写更多的适配代码。实现步骤: 1、安装lib-f 阅读全文

posted @ 2021-02-23 11:09 羽丫头不乖阅读(4372) 评论(2) 推荐(1)

2021年1月26日

div+伪元素实现太极图

摘要：需求：使用div和伪元素实现阴阳太极图图例：代码： <html> <head> <title>太极图</title> <style type="text/css"> div{ width: 200px; height: 100px; background-color: #ffffff; bord 阅读全文

posted @ 2021-01-26 10:37 羽丫头不乖阅读(203) 评论(0) 推荐(0)

2021年1月11日

数据结构转换

摘要：需求：1、将data1的数据格式转换成data_result；2、反转实现： import percentageLine from "@/utils/percentageLine.js" 1、percentageLine(data1); const snapLine = (data) => 阅读全文

posted @ 2021-01-11 14:08 羽丫头不乖阅读(125) 评论(0) 推荐(0)

2020年12月29日

vue 仿zTree折叠树

摘要：需求： vue实现仿zTree折叠树，此文章仅作为记录文档。实现： <template> <div class="line-tree"> <div v-for="(item, index) in treeData" :key="index" class="single-content" :clas 阅读全文

posted @ 2020-12-29 10:50 羽丫头不乖阅读(341) 评论(0) 推荐(0)

vue 折线柱状图

摘要：需求：折线柱状图实现，显示不同提示，颜色，标记等等。图例：实现： <template> <div class="transaction-barline"> <p class="lenged-title"> <span class="single-lenged" v-for="(item,inde 阅读全文

posted @ 2020-12-29 10:32 羽丫头不乖阅读(278) 评论(0) 推荐(0)

js 检测当前浏览其类型

摘要：需求：检测并打印当前使用的浏览器类型 <script type="text/javascript"> function getBrowser(){ const str = navigator.userAgent; const list = [ {key: 'QQBrowser', browser: 阅读全文

posted @ 2020-12-29 10:24 羽丫头不乖阅读(116) 评论(0) 推荐(0)