- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue 项目中的兄弟组件传递
一， 新增一个中间组件内容, 在src 下的component 下新建一个JS文件// 内容写入如下import Vue from 'Vue'export default new Vue;二, 在获取数据的页面引入改中间组件import WechatDown from './components/WechatDown'// 引入刚刚新建的js 文件import bus from "@/components/eventBus/index.js";export default {三,
2022-03-09 11:04:33
803
原创 element ui 上传图片到七牛，获取对应图片链接
代码<el-upload v-bind="uploadOption" data="fileList" :http-request="onFileUpload" :on-remove="handleRemoveImg" :file-list="fileList"> <i class="el-icon-plus"></i></el-upload>// 上传图片组件的通用参数data: { uploadOption: { accept
2021-10-08 17:39:31
284
原创 cookie和localStorage 的区别与运用
cookie 存储//cookies//cookies 有大小限制，大概4kb 数量 在30~50个左右//cookies 可以在请求时携带，后端也可以主动给客户端设置//用途：可以用作登录凭证的标识console.log(document.cookie); function setCookie(name,value,Days){ var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*100
2021-09-24 16:58:07
128
原创 echarts 饼状图渐变色
自定义饼状图渐变色series: [ { name: '活跃用户 top10', type: 'pie', radius: ['30%', '50%'], center: ['30%', '50%'], top: 50, itemStyle: { normal: { col
2021-09-15 17:24:30
10703
4
原创 eharts 修改tooltip
自定义修改tooltiptooltip: { show: true, trigger: 'axis', // extraCssText: 'box-shadow: 0 0 3px rgba(0, 120, 234, 1);', // 添加边框阴影 axisPointer: { type: 'line', label: { show: true,
2021-09-15 16:59:28
270
原创 JS 数据统计常用函数
1，时间转换// 转换为几年几月几天几时几分几秒：函数处理 // now: 时间戳 formatDate (now) { var year = new Date(now).getFullYear(); var month = new Date(now).getMonth() + 1; var date = new Date(now).getDate(); var hour = new Date(now).getHours(); var minute = ne
2021-06-21 17:27:36
1182
原创 git 常用命令
检出仓库 $ git clone git://github.com/jquery/jquery.git查看本地分支：$ git branch查看远程分支：$ git branch -r查看所有的分支 $ git branch -a创建本地分支：$ git branch [name]切换分支：$ git checkout [name]创建新分支并立即切换到新分支：$ git checkout -b [name]合并分支：$ git merge [name] ----将名称为[name]的分支与
2021-06-02 10:52:22
45
原创 优化JS函数
在我们开发的过程中。需要不断地迭代函数，函数的单一功能和开发闭合原则如下面的例子：小明在逛某品牌网店的规则，发现如下：如果购买女装 满200 -30 不满200 打 9.5 折如果购买男装 满100 - 10 不满100 打 9.5 折如果购买童装 满300 - 50 不满300 打 9 折当看到这样的业务逻辑，我们可以列出最直观的函数function onPrice (people, originPrice) { if (people === 'isWoman') { if(or
2021-01-31 20:53:44
174
原创 vue 开发过程常见错误
.vue文件的错误1. 写重复了多个vue 生命周期函数，导致不生效报错2. 对应的生命周期函数写法错误，比如watch 本来是 watch: {} 写成 watch() {} 函数形式， computed也是3. vue组件的时候写法错误， 组件的命名有大写字母，要转换成 ‘-t -a’ 等形式 如AtmBoy --> <atm-boy>4. 写错或修改错误文件，因为项目比较大，有可能文件名称会比较相似，所以改着改着，不生效，可能是改错文件5. tempent 只有一个子div
2020-12-18 22:56:43
108
原创 ajax的相关知识点
项目场景：在用JS文件编写的埋点文件当中，提交数据给后台的时候需要的格式最外层就是一个数组 [] ,但是原生ajax 当中不支持传数组形式。原因分析：因为现在用的大多数接口依赖是经过封装过后的axios,回到原生ajax是不支持用数组传递的。解决方案：引入我们需要的封装插件axios,用axios来提交数据 注意：因为埋点文件是单个的js文件，所以用线上引入cdn的形式，还需要的是设置先加载插件再实行请求功能...
2020-12-10 17:17:35
55
原创 antV G2 常用指标参数 01
antV G2 会比较多的API 查看起来也比较费时间，所以把一些常有的方法，参数，指标列举，方便运用01，柱状图两边留空间// time 是横坐标的 指标chart.scale('time', { range: [0.05, 0.95]})02，自定义纵坐标的数组显示// percent 是纵坐标的值，如果想添加单位，写成 formatter （） 函数形式chart.scale('percent', { formatter: (val) => { val = val
2020-12-10 17:12:26
1262
1
原创 vue项目中 全局监听参数的变化
项目背景因为一个页面的功能比较多，会拆分了很多组件，但是数据却要共用同步的情况一，vuex 声明全局变量import getters from './getters'import app from './modules/app'export default new Vuex.Store({ modules: { app, }, state: { analysisJSON: {}, // 事件分析的对象json }, mutations: { setAna
2020-11-22 15:52:09
4687
原创 antV g2在vue项目中的运用
antV g2 的简单运用G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。1，安装npm install @antv/g2 --save成功安装完成之后，即可使用 import 或 require 进行引用。import { Chart } from '@antv/g2';在绘图前我们需要为 G2 准备一个
2020-11-22 15:26:34
1449
原创 js 取数组对象的交集内容
一，简单数组两数组a = [1, 2, 3]，b = [2, 4, 5]，求a，b数组 var a = [1,2,3]; var b = [2,4,5]; // 并集 var union = a.concat(b.filter(function(n) { return a.indexOf(n) === -1})) // [1,2,3,4,5] // 交集 var intersection = a.filter(function(n){ return b.indexOf(
2020-11-13 19:02:07
1424
原创 vue项目 公众号授权
第一步，获取后台给的跳转链接获取链接 getAuth () { this.$http.post(this.$api.wxGongAccount, this.$qs.stringify({ access_token: this.token })).then(res => { // 保存跳转授权链接 thi...
2019-09-25 11:28:23
2077
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人