- 博客(20)
- 收藏
- 关注
RSS订阅原创 在react中使用富文本编辑器 react+wangeditor
在react中使用富文本编辑器 react+wangEditor前言第一步第二步第三步第四步第五步完整代码写在最后前言近日在使用react写项目的过程中需要使用到富文本编辑器，之前使用的一直是百度富文本框，这次想换一个，于是看到了一个比较轻量级的富文本编辑器：wangeditor ，正好也满足我当前所需要的需求，所以就决定使用这款编辑器了。这篇文章给了我很大的帮助，感谢作者：react中引入富...
2019-05-08 17:59:19
12571
6
原创 react+Hcharts使用教程
react+Hcharts使用教程第一步第二步写在最后第一步安装：npm install highcharts --save或者cnpm install highcharts --save第二步直接附上我写好的组件：import React, { Component } from 'react';//import { inject, observer } from 'mobx...
2019-05-06 11:45:50
425
原创 react+antd解决报错：Module not found: Can't resolve 'antd/es/affix'
react+antd解决报错：Module not found: Can't resolve 'antd/es/affix'问题解决写在最后问题今天在使用antd的时候，引入“抽屉”组件的时候报错 Module not found: Can’t resolve ‘antd/es/Drawer’，找了一些文档发现有遇到类似问题但是没有看到解决办法，所以还是写一篇文档来记录以及解决下这个问题吧。...
2019-04-28 13:54:51
32191
7
原创 react与mobx搭配时如何缓存mobx的数据（刷新之后保存状态）
react与mobx搭配时如何缓存mobx的数据（刷新之后保存状态）问题思路代码写在最后问题近日在使用react的过程中，在状态管理方面，我使用了mobx，但是发现它与vuex有一个一样的问题，在强制刷新之后会使我保存的状态丢失，于是我打算仿照我处理vuex的方法，写一个类似的功能，话不多说，进入正题。思路我打算这样处理：把状态缓存在session里。步骤一：在页面一进入的时候判断ses...
2019-04-22 19:42:25
7687
2
原创 vue+Material 中Material的字体图标使用教程
vue+Material 中Material的字体图标使用教程问题第一步：第二步（测试）：问题我找了需求没有找到npm配置的包，官方提供的文档安装之后也没什么用还是我才疏学浅，不会用吧，下载下来之后继续引入还是没有效果，在查阅了文档之后，终于实现了，下面就直接上教程吧第一步：在你的index.html上加入这个外部包（这个方法确实不好，但是我也着实是没有找到其他的方法了） <...
2019-03-11 14:20:56
4666
原创 Material UI 带复选框表格获取选中值（索引）
vue+Material UI 带复选框表格获取选中值（索引）发现问题解决写在最后发现问题神坑UI框架–Material，这款框架我不晓得为什么会这么坑，有这么多的问题为什么会被推出来，真的是除了UI好看之外其余几乎全是鸡肋，比如我现在遇到的：Material自带的table 复选框问题，官方提供了带复选框的表格：同时提供了一个事件方法以及一个属性：这个方法@md-selected=“...
2019-03-06 15:46:41
2107
原创 vue自定义loading效果
vue自定义loading效果需求思路写在最后需求近期在使用Material这个UI框架的时候，需要使用到一个区域loading效果，我找了下文档，没有找到，于是乎，就手写一个吧。我想实现的效果和ElementUI类似，在DOM上加一个v-loading=“true”就可以调用，v-loading=“false”就可以关闭，想查下有没有类似的插件，但是也没有找到，看了网上的一些文档都是需要写...
2019-03-05 11:37:53
8515
原创 基于Material实现可搜索的下拉框
基于Material实现可搜索的下拉框需求写在最后需求近期在使用Material的过程中遇到如下需求：需要实现可搜索的下拉框，并且点击选项实现赋值：遍历Material的官方文档也没找到这个完整功能的api，找到了类似的下拉框：于是就想基于这个官方文档的类似功能实现我们所需要的支持搜索的下拉框，下面贴上改造后的代码：<template> <div class="...
2019-03-04 10:51:03
1994
原创 基于Material实现下拉框多选并且可点击“x”删除（Chips）
基于Material实现下拉框多选并且可点击“x”删除（Chips）需求实现写在最后需求近期在使用Material搭建一个后台系统，遇到一个如下需求：功能需求如下：输入框获取焦点时弹出下拉框，下拉框同时支持多选，选中的值会以Material提供的chips的形式显示在输入框的前部，同时chips要支持可点击“x”删除，其实这个需求还是蛮常见的，就是一个支持模糊搜索的多选下拉框，但是我找遍了...
2019-03-04 10:31:32
1084
原创 如何基于Material实现表格的全选与非全选
如何基于Material实现表格的全选与非全选发现问题实现写在最后发现问题近日，我接到一个产品需求，一个基于Material开发的后台系统，前期还好，但是越使用越发现坑多，很多功能都不支持，比如今天我遇到的这样一个需求：一个可以打开的二级表格，同时一级表格的复选框可以控制当前二级表格的全选与非全选，当然，当下面的所有勾选框全部选中之后，上面的以及表格复选框也要保持选中状态。这个功能在Mat...
2019-03-01 19:08:24
477
原创 如何使用vue+Material
如何使用vue+Material前言使用：第一步（下载）第二步（导入）写在最后前言本篇文档其实没什么技术含量，但是为什么要写呢，因为我有一些话想要和正在准备使用Material的你说（才不是水经验，小声bb。。。），本人是一个最近正在使用Material进行页面搭建的苦逼前端，不得不说Material的UI确实挺好看的，比element以及iview确实要好看许多，但是！！但是！！！这款框架真...
2019-03-01 18:20:17
5072
3
原创 如何在vue项目中使用i18n精简版教程（vue+i18n）
如何在vue项目中使用i18n精简版教程（vue+i18n）前言使用第一步第二步第三步第四步第五步第六步写在最后前言由于我的项目中需要多语言切换，所以遇到了这么个需求，一开始我的想法是不借助于插件直接自己实现，直接export default出去我的多语言包就行了，我也确实实现了多语言切换，但是有一次和我的leader（一位十年工作经验的前端老前辈）讨论某问题的时候扯到了这个多语言切换，他还是...
2019-01-30 15:50:29
715
原创 设置Hcharts柱状图柱宽的几种方法
设置Hcharts柱状图柱宽的几种方法前言正文代码写在最后前言最近本人在做一个后台系统，其中有大量使用图表绘制，使用的插件是Hcharts，正好遇到其中一个柱状图需要设置柱宽，所以今天就想和大家聊一聊这个Hcharts的柱宽如何设置以及设置技巧。正文Hcharts这款插件真的十分强大，对于自适应做的堪称完美，会自动根据分栏的数目进行X轴坐标倾斜，而其他的一些图表插件却鲜少有能做到或者考虑到...
2019-01-30 11:10:41
1968
原创 如何动态渲染elementUI table的行和列
如何动态渲染elementUI table的行和列需求实现注意点进阶注意点写在最后需求近日项目中遇到这样一个需求：需要动态渲染一个列表的行和列，官网给出的例子大多是列写死的，行动态生成的，但是如何实现动态渲染行和列呢？后来我查询了一下实现了该功能，如下我将总结一下然后贴上代码。实现Talk is cheap,show me the code: <template> <...
2019-01-28 17:53:36
7981
2
原创 如何在vue项目中使用Highmaps(vue+Highmaps)
如何在vue项目中使用Highmaps功能需求思路分析实现第一步：引入第二步：介绍一下这个world是个啥。第三步：调用注意点（十分重要）写在最后功能需求近日我接到了这么一个需求，原型如下：在系统中需要绘制一个图表，世界地图，由于我使用的是Hchatrs，所以我就去Hcharts的官网查找了一下，还真找到了：接下来就是千篇一律的引入和调用API了，但是麻烦的来了：我的项目是用vue写...
2019-01-25 18:53:04
118261
8
原创 如何在vue项目中导出Hcharts图表
如何在vue项目中导出Hcharts图表功能需求需求分析以及资料查询解决写在最后功能需求今天小白同学想和大家分享一下如何在vue项目中导出Hcharts图表（正好我现在的产品中有这么一个需求）需求分析以及资料查询我现在的产品中，有大量图表需求，所使用的插件为Hcharts，所有的图表都需要支持下载，当我看到这个需求的时候，我第一时间去查询了Hcharts的官方API，发现了这个：很好...
2019-01-24 14:56:27
1104
原创 解决ElementUI table表格的边框隐藏
解决ElementUI table表格的边框隐藏发现问题解决写在最后发现问题我方产品将于五秒后到达战场…刚在对照原型做项目的时候突然发现了这样一个表格：产品说他的这个数据表表格不要周边的边框，但是中间要边框分隔，嗯？这是什么需求，我说这个不好弄，产品说我就要，如何实现我不管。那我能怎么办呢（摊手），于是我找了下文档。嘿！找到了！border！于是我兴高采烈的加上了这行代码： ...
2019-01-16 18:14:10
43989
1
原创 解决ElementUI级联选择器的禁用样式问题
解决ElementUI级联选择器的禁用样式问题发现问题解决写在最后发现问题最近我在项目中使用到了ElementUI级联选择器，不得不说ElementUI真的很强大（老师说在批评一个人的缺点之前需要先肯定他的优点，这样才不会被打），然而在当我根据具体场景需要禁用这个级联选择器的时候，发现了如下几个问题：1 禁用的字体都是灰色的，但是中间的分隔符还是黑色的2 虽然是禁用状态，但是鼠标移入到下拉...
2019-01-16 14:33:44
5286
1
原创 ElementUI内的el-select多选菜单不换行显示
ElementUI内的el-select多选菜单不换行显示发现问题解决写在最后发现问题ElementUI是一款很强大的组件，但是其中或许也有一些功能不满足我们的需求或者审美，比如本人今天遇到一个问题：当我使用select多选框多选的时候，下拉框被撑开了，嗯？？纳尼？？这样岂不是意味着我的搜索栏也要被撑开，这样是不行的，不如。。。解决这时候就需要我们自己动手来解决啦，很简单：超出隐藏，那么...
2019-01-16 12:21:20
15298
6
原创 如何在vue项目中使用highstock（拖动缩放图表）
如何在vue项目中使用highstock（拖动缩放图表）需求解决方法写在最后需求我们万恶的产品今天提了一个需求，在后台系统中的图表区，一定要加一个拖动缩放，同时图标也会进行相应区域的改变，原型如图：当我看到这个的时候我脑子只想着一句话，写代码的时候要多想想产品想让我们干什么，“产品想让我死”。但是，离职是不可能离职的，这辈子不可能离职的，所以，只能google.com啦，但是找来找去也没找...
2019-01-15 18:44:42
2818
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人