- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue 解决移动端弹窗蒙版后可以滑动的问题
在蒙版层加上：@touchmove.prevent 阻止触发滚动，就可以啦//蒙版<div class="mark" @touchmove.prevent></div>
2022-04-29 16:17:24
492
原创 Mac node-sass的系统兼容问题，执行npm run dev 的时候报错
报错内容：这里大概的意思是node-sass系统电脑不兼容，后面检查了一下查了资料，可能是node版本过高导致不兼容命令行搜一下 node -v 看一下版本号v16.13.2 ，太高啦，所以选择降低了node版本如何降低？1.安装node管理模块sudo npm install n -g2.降低版本号，我自己选择的是15.3.0,你们可以自行选择sudo n 15.3.0 3.可以命令行再执行一下版本号查询降版本成功～4.再重新执行项目（不放.
2022-01-20 19:57:59
1281
1
原创 vue element-ui ＜el-tree＞ default-checked-keys 会把节点下所有子节点全部勾选的解决方法
如果是用id的去做唯一的话，只需要用getCheckedKeys就可以之前我用的是getCheckedNodes，其实也可以用这个，但是这个是返回整个对象数组而不是只有帮的那个的id，所以还需要过滤出id来，再concat到你的id数据，相对来说比较麻烦，而getCheckedKeys就不需要你自己去过滤了 <el-tree ref="treeGameData" v-model="gameCheckList" :props="tree
2022-01-13 11:30:33
804
原创 vue 常用工具类封装整理 confirm.js (待继续补充...）
1.新增文件 例：confirm.js定义letlet _common = {}编写需要的公共调用方法/** * 判断对象的值是不是全为空 */export function _objectValueAllEmpty(params) { let flag = true; for (var key in params) { if (params[key] != '0' && !params[key]) { return false; /..
2021-11-04 17:06:00
329
原创 vue h5 实现原生js悬浮球
详细看代码<div id="float-ball"> <!-- <i class="icon-float-ball"></i> --></div>activated () { this.startDrag1(document.getElementById('float-ball'), document.getElementById('float-ball')) // 开始拖动效果 document.getEle
2021-09-29 11:54:14
677
原创 H5 js生成随机数封装
const getRandomChar = (len, type) => { // 生成随机数 function getChar (chars) { return chars.charAt(Math.floor(Math.random() * chars.length)) } let charsNum = '0123456789' let charsString = 'qwertyuiopasdfghjklzxcvbnm' let chars = '012345678.
2021-09-29 11:50:02
577
原创 H5 判断移动端/android/iOS/WX
//FN.js文件//返回当前用户所使用的是什么浏览器const userAgent = navigator.userAgent.toLowerCase()//移动端const isMobile = /mobile/i.test(userAgent)//androidconst isAndroid = /android/i.test(userAgent)//IOSconst isIOS = /iphone|ipad|ipod/i.test(userAgent)//wxconst is.
2021-09-29 11:44:55
266
原创 前端实现导出进行&拼接逻辑和解决导出excel 加号变成空格的问题（进行转义）
前端实现导出进行&拼接逻辑和解决导出excel 加号变成空格的问题（进行转义）导出excel进行&拼接var newFormValue = { name:'text', startDate: '2021-09-10' endDate: '2021-09-14', age:14 };let target = '';const key = Object.keys(newFormValue); const value = Ob
2021-09-14 17:08:48
393
原创 总结关于vue和js的面试题【持续更新】
一、vue1. vue 双向数据绑定原理Vue通过Object原型上面的defineProperty方法，对每个Vue文件里面的data数据进行遍历，为每一个变量或者属性通过defineProperty进行数据重写，实现双向绑定2. 如何解绑双向数据绑定第一定义全局的变量，然后通过json.stringify去拷贝给data里面的数据第二就是使用v-once实现第一次以后的数据更改不会触发视图第三自己调用defineProperty去重新写一下通过json转换的方式，用JSON,对对象进
2021-09-10 17:05:09
161
原创 如何解决项目复制时可能前后会出现逗号？
如何项目复制时可能前后会出现逗号？参考代码如下// 复制时去除前后空格function addLink(e) { var body_element = document.body; var selection = window.getSelection(); var selectedText = selection.toString(); selectedText = selectedText.replace(/\s{1,}/g, ''); //做兼容 e = window.e
2021-09-10 16:18:17
699
原创 react.js 使用Echarts 实现点击选中图例时候最多只能选两个，最少不得少于一个
react.js 使用Echarts 实现点击选中图例时候最多只能选两个，最少不得少于一个1.安装echarts-for-react插件npm install --save echarts-for-react2.引入import ReactEcharts from 'echarts-for-react';3.使用getShadow() { const { consolidatStatements: { Trend }, } = this.props; le
2021-09-10 16:09:57
736
原创 react.js 如何二次封装antd Select组件加入穿梭框Transfer
react.js 如何二次封装antd Select组件加入穿梭框Transfer1.新增一个组件文件：ToMultiselectimport React, { Component } from 'react';import { Modal, Transfer, message, Popover, Input, Card, Button } from 'antd';import fetch from 'dva/fetch';import { object2formdata } from '@/ut
2021-09-10 15:55:35
1435
原创 react.js 如何完成多张图片转码Base64 组件
1.新增一个子组件文件：ToBase64Img.jsimport React, { Component } from 'react';import { Modal } from 'antd';import fetch from 'dva/fetch';import { object2formdata } from '@/utils/utils';import domain from '@/utils/domain-config';class ToBase64Img extends React.C
2021-09-10 15:50:14
548
原创 react 基于ant.design如何完成自定义Table列组件
react 自定义table列组件react 自定义table列组件，没有进一步放入缓存，仅线上配置自定义列新建一个组件文件 ： ToCustomColumns.js 代码如下：import React, { Component } from 'react';import { Popover, Button, Checkbox, Row, Col, Card } from 'antd';import styles from './style.less';class ToCustomCol
2021-09-10 15:44:35
1466
原创 react.js 实现ant-design Table表格新增编辑复制form表单 实现批量添加
react.js 实现ant-design Table表格新增编辑复制form表单 实现批量添加如图所示，可进行添加单行，复制插入行和删除行，下面为代码实现逻辑 state = { dataSource: [], //table里的form表单 }; columns = [ { title: '广告', dataIndex: 'adSlotType', width: 150, render: (text, record,
2021-09-10 15:34:28
2030
原创 react.js ant-design中table 树结构三级嵌套时逻辑问题
实现三级嵌套树结构时，勾选三级里的子节点时候父节点也会自动勾选，当子节点大于一项时候取消勾选某一子结构时父节点不变；当子节点只有一项时父节点也会自动取消勾选import StandardTablePage from '@/components/StandardTablePage'; // 用户选中某一行 userSelect(record, selected, selectedRows, nativeEvent) { let { selectedRowKeys } = this.st.
2021-09-10 15:22:49
504
原创 react.js 如何进行多个嵌套逻辑处理
react.js 如何进行多个嵌套逻辑处理因为一个页面里同时出现的逻辑过多，例：三个类型，每个类型都有不同的配置项，选择A的时候B需要默认为X值，为了避免全部渲染出来导致页面卡顿的问题，做了配置项显示function GetAdType(params, adPlacementId) { var adType = params.filter(function(item) { return item.adPlacementId == adPlacementId; }); return
2021-09-10 15:15:15
378
原创 vue js 进来页面自动播放背景音乐
<div > //src：相对应的音乐文件地址 <audio id="audio" :src="require('../static/audio.mp3')"></audio> </div> mounted() { // 播放音乐 let oAudio = document.querySelector("#audio"); oAudio.onended = function() { //播放完毕，重新循环..
2020-07-15 14:04:43
6212
12
原创 vue进来随机一个数输出
mounted() {function random(min, max) { return Math.floor(Math.random() * (max - min)) + min; }}this.prize = random(0, 100);//每次进来mounted随机输出0-100之内的整数
2020-07-15 13:58:33
797
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人