- 博客(28)
- 收藏
- 关注
RSS订阅原创 echarts 4升5版本踩坑记录，优化记录，地图渲染
原文是用wolai写的，这边直接复制的，图片因为防盗无法显示，如果有需要的话，建议看原文原文：原文对echart不太熟悉或不清楚图表内元素所对应的名称的话，可以在官方中找到下面的页面，点击图表内的元素可以快速访问其文档https://echarts.apache.org/zh/cheat-sheet.html[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h1Ewe0ZG-1641263942662)(https://secure2.wostatic.cn/stat.
2022-01-04 10:41:41
3354
原创 【quill-editor】vue中使用vue-quill-editor自定义字体大小、自定义样式、自定义计数器、设置动态可编辑
自定义字体大小先引入 Quill，然后手写样式import Quill from 'quill' // 需要引入quill才可以设置自定义字体大小import VueQuillEditor from 'vue-quill-editor'import './style/font-size.css' // 需要自己手写的css，对应下面的字号const Size = Quill.import('attributors/style/size') Size.whitelist = ['12px', '
2021-09-27 15:13:13
1567
原创 js 实现复制功能
let transfer = document.createElement('input') document.body.appendChild(transfer) transfer.value = '需要复制的内容' transfer.select() if (document.execCommand('copy')) { document.execCommand('copy') } document.body....
2020-08-11 09:19:37
217
原创 js vue 使用 map和computed巧妙设计可选列表和已选列表的联动
需求说明：当已选列表中存在了可选列表的选项，则在可选列表中做出标记使用map和computed的巧妙写法otherFiledList是已选数据，fieldList是可选数据。已选数据是可选数据构成的<div v-for="(item,index) in fieldList" :key="index" @click.native="fieldSelect(item, selectMap[item.name])"> ... <i v-show="selectMap[item.n
2020-08-07 09:36:37
867
原创 vue 关于element el-dialog dialogShow的使用心得
从前在写父组件控制子组件内弹窗的dialogShow的时候，基本上会在子组件内用watch去监听props传来的dialogShow，然后在子组件内设置新的标识，再去更新该标识。在子组件内改变dialogShow的时候，再去$emit去改变父组件内dialogShow的值。真的是写的很复杂，代码冗余，一个小操作写这么多代码。后面学到了下面这种写法。想要在父组件内控制子组件dialog的显示，可在组件上绑定一个显示属性例如:dialogShow.sync="displayShow"子组件内其实只需要p.
2020-08-05 16:38:45
3613
原创 vue实现倒计时
主要思路为：将结束时间与获取当前时间做差，再通过转换时间戳为时间，使用$set修改data中的time。并添加一些结束条件和触发条件。data(){ return{ timeOver: false, // 倒计时结束标识 endTime: '2020-05-08 23:29:29', // 结束时间 time: {} }}，created(){ let ...
2020-05-08 17:30:34
863
原创 CSS实现多行文字溢出显示省略号
只要用过css配合title即可display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;
2020-04-30 15:40:08
120
原创 JS 为金额增加千分位逗号分割符
思路大致为：将数字转换为字符串如果存在小数点，使用substr等方法截取包含小数点后的字符使用substring等方法截取0到小数点位置的字符，并通过split使字符串变为数组遍历数组，当index为3的倍数时，使用splice向当前下标后增加‘，’逗号最后通过join将数组转为字符串并拼接上面截取小数点后的字符实现的代码如下：output(n) { // 将数字转换...
2020-04-20 18:01:18
1029
原创 eslint关闭校验语句
在开发小程序的时候用到getCurrentPages()获取当前页面栈 let pages = getCurrentPages() // 当前页面 let beforePage = pages[pages.length - 2] // 前一个页面但是eslint出现了getCurrentPages is not a function使用eslint关闭校验语句1.关闭段落校验/...
2020-03-03 11:08:29
672
原创 uniapp（小程序）加载更多（LoadMore）在列表上的应用和刷新逻辑完善
活动列表应用loadMore应用以及刷新逻辑完善获取列表的方法会有3种状态第一种是onLoad时，首屏的1页5条。第二种是加载更多触发的n页5条。以及第三种，当我们离开页面去往其他页面再回到列表页进行刷新触发的1页n条。首先先说加载更多的逻辑onLoad 里我们进行获取列表的第一种状态init 是为了防止onLoad和onShow在第一种状态下重复获取列表数据做的限制。onR...
2020-01-16 15:34:03
8490
原创 Vue使用js实现时间格式化 filters过滤器
time | dataFormat('yyyy.MM.dd hh:mm:ss')时间的格式化过滤器 filters: { dataFormat (value, fmt) { let getDate = new Date(value) let o = { 'M+': getDate.getMonth() + 1, 'd+': ge...
2019-12-20 14:47:04
562
转载 js替换全部斜杠为“-”
js替换全部斜杠为“-”1.js只是用replace("/","-")并不能替换掉字符串中的所有斜杠replace(///g, ‘-’)效果：
2019-11-08 14:39:10
1753
原创 echarts 绘制宽度width100%时，加载页面图形超出屏幕的解决办法
问题修改前：设置了宽度100%，但是会超出屏幕 解决办法因为绘制时会获取父级大小填写宽度, 使用setTimeoutdrawLine是绘制折线图的方法
2019-11-08 11:25:02
3945
1
原创 antd table表格删除末页数据，跳回上一页
当删除第二页的最后一条数据后，自动获取第一页公共方法export function calcPageNo (total, pageNo = 1, pageSize = 10, delNum = 1) { const restNum = total - pageSize * (pageNo - 1) let pageNoDiff = Math.floor((delNum - restNu...
2019-11-07 14:45:14
2738
原创 moment.js 搜索栏获取最近一周，一个月，三个月，半年，一年时间
统计时间 label: '统计时间', name: 'countTime', type: 'select', data: [ { value: '0', text: '最近一周' }, { value: '1', ...
2019-11-06 13:48:01
12578
原创 sessionStorage 应用在项目需求中和注意事项
用法保存数据语法： sessionStorage.setItem("key", "value");读取数据语法：var lastname = sessionStorage.getItem("key");删除指定键的数据语法：sessionStorage.removeItem("key");删除所有数据：sessionStorage.clear();项目需...
2019-09-23 09:58:27
155
原创 Vue antd-select的placheholder在form中失效
发现的问题在修改问题单的时候发现这个地方的placheholder没有出现分析和解决办法后来我发现其实并不是失效。而是initialValue的原因。这个使用了模板字符串做三元运算，最后的输入框里其实是空的字符串解决的办法就是去掉模板字符串的格式，然后将空字符变成undefined就可以了...
2019-09-11 13:42:17
173
原创 antd中form表单的正则校验
以下面input为例<a-input v-decorator="[ 'input', { rules: [ { max: 50, message: '不超过50位，请正确输入' } { pattern: '^[a-zA-Z0-9]*$', messa...
2019-09-09 13:55:52
6541
原创 vue里使用$router.push打开新窗口，以及跳转时需要注意的问题
因为需求中希望从新建页跳转到详情页，而且希望新建页还不会被清空。最后确定修改页面为点击详情打开一个新窗口显示详情页。在vue中使用 this.$router.push（{ name: 'detail' ,id: id}） 默认是替代本窗口如果想新开一个窗口，可以使用下面的方式： let routeData = this.$router.resolve({ name: 'Use...
2019-08-29 10:43:59
9100
2
原创 Vue的antd多选下拉框增加全选操作
因为antd的多选下拉框没有提供全选操作，我做了一个简易的全选操作data(){ return{ categoryList, // 存放获取到的分选数据 category: [], // 已选分类数据 }}<a-select placeholder="请选择类别" showSearch v-model="category" :maxTagCount="...
2019-08-01 17:48:45
7341
2
原创 笔记-02
git要先在项目的master中创建一个自己的分支git clone 克隆远程仓库cd 进入项目git checkout 分支名称 切换分支git pull origin master 拉取git status 提交前先检查下修改了什么内容git add . 添加目录下所有文件到缓存库git diff 可以查看当前目录的所有修改git commit -m “添加注释” 将代码提...
2019-07-18 11:10:44
65
原创 vue+element-ui+moment 表格中的时间格式化
在element-ui的表格中使用moment.js遇到的问题！因为我的数据库中的时间格式是这个样子的我希望这个看起来好看一些，所有要使用moment.js来对时间进行格式化。但是elemnt-ui的表格中对数据渲染是这样的：我首先想到的思路就是，写一个方法，在表格渲染数据之前，通过moment.js对date进行一下格式化，再填入表格。但是。。。。怎么实现啊？
2019-06-20 13:37:00
4376
1
原创 React学习笔记4
React学习笔记4笔记（2019.6.18）使用antd笔记（2019.6.18）使用antd1.安装:npm install antd --save2.在css文件中引入antd的css：@import '~antd/dist/antd.css';3.看文档(哈哈哈
2019-06-18 22:07:42
159
原创 React学习笔记3
React学习笔记3笔记（2019.6.16）生命周期函数组件加载的时候触发的函数组件更新的时候触发的函数组件摧毁的时候触发的函数父组件改变props的值的时候触发的函数简单的react-router配置react-router的动态路由react-router的动态路由的get传值笔记（2019.6.16）生命周期函数组件加载的时候触发的函数构造函数constructorcompon...
2019-06-16 23:17:32
143
原创 node.js使用CORS跨域
CORSCORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。（1）Access-Control-Allow-Origin该字段是必须的。它的值要么是请求时Origin字段的值，要么是一个*，表示接受任意域名的请求。（2）Ac...
2019-06-15 23:50:31
5831
原创 React中proxy报错问题
React中proxy报错问题但是我发现，依然不行，有大佬能帮我解决一下吗？。。。。When specified, “proxy” in package.json must be a string.Instead, the type of “proxy” was “object”.Either remove “proxy” from package.json, or make it a st...
2019-06-15 23:49:27
5336
8
原创 React学习笔记2
React学习笔记2笔记（2019.6.14）JSX引入本地图片方法1方法2循环数据事件处理方法1方法2方法3执行方法传值setState获取表单值获取表单checkbox的值约束性组件&非约束性组件笔记（2019.6.14）JSXJSX绑定属性需要注意！class要写为classNamefor要写为htmlFor行内样式格式： style={{ “color”：“blu...
2019-06-14 18:22:00
220
原创 React学习笔记1
React学习笔记1（2019.6.12）要求需要学习关于react关于antd笔记要求用react加antd搭一个项目，并且能运行一个首页，首页内容包括侧边菜单具有切换和表格渲染，内容编辑。表格的数据通过弹框能进行编辑。需要学习reactantd关于react因为是第一次接触react，所以我选择从官方的教程文档学习~关于antdantd 是基于 Ant Design 设...
2019-06-12 22:48:29
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人