- 博客(38)
- 问答 (1)
- 收藏
- 关注
原创 对象数组排序无效解决方法
arr.sort()arr.sort((a,b) => a-b)如果以上代码无效可以尝试以下代码arr.sort((a, b) => (b.key === a.key ? 0 : a.key > b.key ? 1 : -1))learn from https://www.cnblogs.com/yuanchao-blog/p/13502610.html
2022-05-20 17:28:47 507
原创 关于uniapp配置友盟umeng
友盟开发文档这里主要解决3.2集成问题。如果在uniapp开发时,没有app.js,而是使用App.vue + main.js的话,使用官方推荐的挂载方法可能会比较麻烦。因此可以在main.js里使用以下代码。(Alipay版)import umaAlipay from 'umtrack-alipay'umaAlipay.init( { appKey: '62061f5fe0f9bb492b01241f', //由友盟分配的APP_KEY debug: true, //是否打开调试模式 u
2022-05-06 18:46:31 1524
原创 封装一个简单showToast组件 / 自定义toast组件
父组件:<tempalte> <view> <toast ref="mytoast"></toast> </view></template><script> methods:{ func() { // 绑定子组件,调用子组件内的方法 this.$refs.mytoast.showtoast( '成功' ) }</script>子组件:<templa
2021-12-29 17:51:41 825
原创 一个简单的防抖函数
原理:当持续触发一个事件时,在n秒内,事件没有再次触发,此时才会执行回调;如果n秒内,又触发了事件,就重新计时适用场景。debounce( func, args ) { clearTimeout( method.timer ); method.timer = setTimeout( function() { method.call(args); // }, 150 ); // 控制刷新一次的时间}debounce( func )...
2021-12-07 09:53:13 153
原创 前端js实现模糊搜索
思路:1.遍历数组 list.foreach()2.将遍历出来的item进行字符串转换 JSON.stringify(item)3.在转换后的字符串通过search方法进行模糊搜索 str.search( value )4.如果search到该字段的话则将该item塞入数组 newlist.push(item)完整代码<uni-search-bar v-model="list" @input="input()" placeholder="">data() { oldList:
2021-12-03 18:11:29 1802
原创 HBuilderx uni-app配置环境变量 / 自定义环境变量
uni-app官网关于环境变量的三种配置方法方法1:vue.config.js支持情况:CLI 工程HBuilderX 2.1.5 及以上版本注意:仅vue页面生效方法2:.env支持情况:CLI 工程方法3:package.json本文主要围绕package.json这个配置方法来展开。首先在根目录下创建(若没有)package.json文件,并写入以下代码。!切记复制以下代码需要去掉所有注释,在package.json中不能有任何注释,否则会报错。{ /**
2021-11-03 11:14:14 6188 2
原创 antd Modal + Form搭配使用 / Ant Design 4.x的Modal中表单验证
最近写React + antd时,使用到Modal和Form组件时候,因为Modal组件自带onOk按钮,因此不能使用Form自带的onFinished函数,所以一直不清楚怎么能自己发起对表单的校验。看完官网和[这位博主](https://www.cnblogs.com/samve/p/13493151.html)的代码后,大致了解可以通过使用 **ref** 的方式获得表单值甚至可以发起表单校验方法。
2021-08-12 18:15:10 2335
原创 尚硅谷React实战项目踩坑记录
本次实战项目素材来自尚硅谷的React全展现全栈,项目内容是使用react + antd的方式开发后台管理系统,本文在这里记录一下开发时踩到的小坑以及解决方案,希望能对你有帮助!
2021-07-19 22:51:47 1794 13
原创 报错:yarn add less less-loader安装失败!
报错信息:info fsevents@2.3.2: The platform "win32" is incompatible with this module.info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.info fsevents@1.2.13: The platform "win32" is incompatible wit
2021-07-19 14:16:18 1284
原创 iview表格(table)行样式 / 列样式修改
行样式(Row)在iview的官方文档里有提供动态修改行样式的方法。直接上代码演示。html部分<Table :data="data1" :columns="columns4" :row-class-name="rowClassName" ></Table>js部分rowClassName (row, index) { if (index === 1) { return 'demo-table-info
2021-06-11 16:10:10 4546 1
原创 Echarts3D图 / Echart3D饼图
**注意事项** 1. 安装Echarts并引入 2. 将示例的方法复制到methods中,并新建一个用来初始echarts的方法,将该方法挂载到mounted状态中 3. **在使用的页面中引入echarts3d**`<script>import 'echarts-gl'</script>;` 4. **给需要挂载的dom设置宽高**
2021-05-26 10:39:50 11518 2
原创 Vue的表单验证规则全套!
//ref可用于表单验证 model用于绑定数据 rule用于验证规则 labale-with用于控制表单项文案宽度<el-form ref="form" :model="form" :rule="rules" label-width="200px"> <el-form-item label="名字"> //label表单项文案 <el-input v-model="form.name"></el-input> //v-model数据绑定 <
2021-05-13 15:08:12 938
原创 Echarts仪表盘样式不一致问题
最近在使用Echarts官网样例的仪表盘图时候发现自己用的和官网的样例样式完全不一样。无论怎么调整参数都还是没有办法解决。如果有同学碰到和我一样的问题可以尝试一下使用最新版的Echarts(5.0以上)。因为曾经也怀疑过Echarts版本问题因此npm install更新了Echarts但是只更新到了4.9的版本。4.9的版本还是会出现样式不一致的问题。因此如果想解决这个问题可以在install的时候指定一下更新最新版本或者通过下载文件引入的方式来使用最新版的Echarts。希望能解决一些同学关于这个方
2021-05-12 10:08:58 1147
原创 Echarts —— x轴数据过多显示不全 / x轴数据左右滑动显示
在echarts配置的option内开启dataZoom,option: { dataZoom: [{ show: true, endValue: 9//x轴少于10个数据,则显示全部,超过10个数据则显示前10个。 }]}效果图柱状图下方就是滑动条,可以选择选择滑动条长度范围(根据百分比显示)官方dataZoom配置手册在里面还有更多的属性可以找到自行配置。...
2021-05-07 11:31:34 3762
原创 Element UI输入框(input)动态绑定disabled属性
效果图这里是在表格里面给插入input输入框,但是在某个参数我们有固定值不需要使用input框,因此给这两个参数的input框加上disabled = true的属性,不允许用户进行修改代码部分//对应xxx参数<template slot-scope="scope" slot="params"> <el-form-item> <el-input v-model="scope.row.params" :disabled="(scope.row.$index
2021-04-14 09:53:38 13370 1
原创 AVue表格(avue-crud)中插入输入框
直接上图和代码<template slot-scope="scope" slot="spacesearch"> <div> <avue-crud :data="data3" :option="option3" > //插入输入框 <template slot-scope="scope" slot="default"> <el-form-item>
2021-04-13 17:04:41 3999 2
原创 echarts的样式调整 / echarts柱状图不紧挨y轴开始
如图需要制作一个横向的柱状图,且起点不紧挨着零刻度线。从元素中可以看到一个柱状图中是有两个canvas构成的,第一个canvas是横竖坐标,第二个canvas就是横向的柱状图。那么需要通过找到第二个canvas然后给它绑定样式属性。虽然我们不知道这个元素的id,但我们知道这个元素一定是canvas标签。所以我们可以通过document.getElementByTagName的方式去找到对应的canvas。找到对应的canvas后就可以通过绑定,将样式重写到这个canvas里面了,在这里需要离开.
2021-04-07 11:52:04 3410 4
转载 父元素中同时使用 css3 transform 的 rotate 和 skew 后,子元素如何不受影响?
.father { transform: rotateZ(-30deg) skewX(30deg);}// 子元素使用transform倒转回来的时候应该将skew和rotate也倒转。transform有前后顺序关系。.children { transform: skewX(-30deg) rotateZ(30deg);}原出处:(https://www.v2ex.com/t/394630)...
2021-03-31 17:09:33 2123
原创 关于Antd 表格(Table)中插入图片
HTML<a-table :columns="columns" :data-source="data" :pagination="false" :stripe="true"> //表头 <span slot="ranktitle" style="color: rgb(245,172,139);">排名</span> //表单 <span slot="img" slot-scope="img"> //注意此处src需要用动
2021-03-24 18:03:39 4071
原创 Echarts gallery地图使用及效果
这次使用的地图为中国各省份地图下面简单说一下如何引入和使用步骤1:在项目中安装Echarts的依赖npm install echarts --save然后在main.js中引入并使用import echarts from "echarts";Vue.prototype.$echarts = echarts(当然也可以在echarts官方下载安装包导入项目内,也可以通过script标签引入,方法很多)步骤2:找到自己需要的地图echarts gallery步骤3:选择好自己需
2021-03-16 16:20:06 3662 2
原创 修改placeholder颜色
input::input-placeholder{color: red;} ::-webkit-input-placeholder { /* WebKit browsers */ color: red; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: red; } ::-moz-placeholder { /* Mozilla Firefox 19 */ color: red; } :-ms-input-place
2021-03-10 17:11:22 9270
原创 HTML导入字体并使用
步骤1:选择自己需要的字体字体下载网站下载 -》解压-》得到xxx.ttf文件步骤2:将得到的ttf文件放入自己的项目中步骤3:在@font-face{ font-family: 'pangmenzhengdao'; src: url(../fonts/pangmenzhengdao.ttf);}@font-face{ font-family: 'youshebiaotihei'; src: url(../fonts/youshebiaotihei.ttf);}步骤
2021-03-05 16:55:13 6019
转载 关于Ant-Design of Vue的样式修改
步骤1:安装less / less-loader 依赖npm install --save-dev less-loader less步骤2:以下方式三选一webpack@4: 修改 webpack.config.js 文件:// webpack.config.jsmodule.exports = { rules: [{ test: /.less$/, use: [{ loader: 'style-loader', }, { loader: '
2021-03-05 10:25:11 1700 1
空空如也
求问echarts的这种一个x值对应两个面积图怎么做?
2021-03-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人