- 博客(42)
- 收藏
- 关注
RSS订阅
原创 react中@content使用总结
文章目录前言引入@connect是什么呢？？？@connect介绍connect介绍类的装饰基本语法connect的注入定义模块区域 state 数据建立连接获取指定模块区间下的 state 数据关于数据更新操作，你需要知道的分析@connect()页面中不同使用方式引申models文件夹下的js文件的初步了解dva-loading 的引入使用安装依赖dva-loading 引入使用专有名词查阅参考网址前言本文章主要对 @connect 做了一个简单介绍分析，和使用注意点，以及其他一些 涉及到 dv
2021-01-06 14:18:49
1767
原创 elementUI组件使用过程中问题总结
走马灯组件 Carousel 上的点击事件，需要通过 @click.native实现上传图片后校验未取消问题el-upload 文件上传格式前端校验选择器多选时选择项超出选择框？？？？上传组件中，支持上传多张图片时上传中一直闪动？？？？elementui 中上传图片判断格式&和&&的区别element 中 el-table 下设置多选Popover 弹出框el-input输入框el-table 中给表头添加自定义图标（使用插槽 slot="header"）树形控件。
2023-02-01 11:25:44
475
原创 echarts 中图表实例 和 暂无数据切换，图表不显示问题
echarts 中 图表无数据于自定义暂无数据实现来回切换，图表不显示问题。最终暂无数据效果，这样就解决了来回切换，图表正常展示问题。
2022-08-17 10:59:05
1003
原创 vue 中 echart 使用过程中问题优化及处理
echarts 字数过长，省略展示，换行展示， x 轴只展示第一个和最后一个， 只显示最后一个坐标值，其余的省略，且最后一个值不能超过区域空间， 缩放 脱离 0 值比例x 轴只展示第一个和最后一个只显示最后一个坐标值，其余的省略，且最后一个值不能超过区域空间yAxis缩放 脱离 0 值比例配置前效果配置后效果后续遇到的相关也持续更新记录下......
2022-08-04 11:24:18
425
原创 vue中get或者post方法传递参数
在与后端 对接进行数据传递时，通常会用到 GET，POST 方法进行参数提交，参数提交方式，通常取决于后端对数据的接收方式Query String Parameters 当发起一次 GET 请求时，参数会以url String 的形式传递。即 ？后的字符串则为其请求参数，并以 & 作为分隔符当发起一次POST请求时，若未指定content-type，则默认 content-type为 application/x-www-form-urlencoded;charset=UTF-8.参数以.
2022-03-28 10:15:14
3981
原创 table 列表前端操作保留状态，实现来回切换返显
使用场景：table 列表中 用户操作时改变记录状态时，不实时调接口，切换到别的页数能来回返显操作过的状态，最后通过提交按钮一起提交$set使用解决 如果在实例创建之后修改属性状态到实例上，它不会触发视图更新的问题针对于操作项来说 关键代码// 操作后记录当前操作项，存下，同事改变列表当前项的数据状态，这里不考虑操作以后和原来状态有没有发生改变（因为双数次会让状态回到初始撞他），只要操作了该项， 都保存下来changeStatus(data, index) { this.tableData
2022-03-23 16:54:24
1416
原创 Tinymce 编辑器中字数统计问题，统计所有字符（包括数字，字母。。。）
问题：测试人员发现 在使用 tinymce 编辑器中字数统计不准确问题，只统计了中文字的字数，数字和字母被忽略了。。。。具体通过复现发现，的确有这个问题，但是我们通过切换右下角发现是可以切换统计所有的通过查阅官方文档解释了解到：在统计栏 字词数 这一栏中，每一个中文被认为是一个字，统计+1；每一个单词被认为是一个词，不管其由几个字母组成，统计+1；数字及符号：不统计（有个别例外，如货币符号）简单来说这里默认初始化统计的是字词，但当我们点击右下角的的时候发现，这里是可以切换查看的，通过切换可以展示统计
2021-11-16 16:51:34
5182
10
原创 angular中 ng-Change使用失效
html <input type="file" style="display: none" accept='image/*' id="idCardFront" onchange="angular.element(this).scope().uploadBusinessLicense('idCardFront')">js // 实际上传文件点击事件，获取文件 $scope.uploadBusinessLicense =function (type) { var fil
2021-02-19 15:31:04
813
原创 react中实现区域地图引入和使用
地图选择器地址：http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5import React, {Component} from 'react';import echarts from 'echarts'import uploadedDataURL from './region.json' // 注意这里的地区json文件的引入和使用imp.
2020-11-25 14:43:51
775
1
原创 echarts 仪表盘得分情况
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .chart_box { width: 1
2020-09-18 09:42:26
1196
原创 React-dva 学习笔记
models 下的 js 文件详解export default { namespace:'example' // 表示对于整个应用不同的命名空间，以便后续组件通过 this.props.example访问，和当前的 model 文件名相同就好 state:{ initText:'hello' // 表示当前的example 中的 state 状态，可以赋初始值 } subscriptions:{ // 订阅数据源 setup({dispatch,history}) { // 订阅
2020-08-19 14:22:39
181
转载 angularJS指令ng-repeat生成的dom元素js获取不到？？？
之前用了ng-repeat写了一个渲染时间进度条的需求，但是angular和vue不同，在angualr中通过ng-repeat生成的dom元素无论我怎么操作JS都获取不到，后来发现：angular渲染dom完成了，才能对想要的元素进行操作！具...
2020-08-01 13:50:56
281
原创 Error: [ngRepeat:dupes] http://errors.angularjs.org/1.6.6/ngRepeat/dupes?p0=x%20in%20config.dataReal
在需要实现需求文字列表上下不间断滚动时，通过向数组列表中的循环插入当前项，导致列表中出现了重复项。根据提示了解到ng-repeat的使用出现了问题，百度搜素发现说，当在循环的数组中存在有重复的元素时候，指令ng-repeat就会报错，那是因为不允许集合中有相同的id（相同的元素会形成相同的id）出现。而基本的数据类型它的id就是它自身的值。教程中发现有第三种实例表达，我们应用到问题中，发现就解决了。所以避免这种情况需要使用 track by $index 来让列表产生不同的id，还有就是
2020-07-29 11:42:01
320
原创 react下模拟上传文件按钮
实际开发中，往往上传文件按钮，经过ui设计一般会有一个好看的ui图，这时候往往会去看我们用的ui框架是否已经有类似的样式，但是一般很难找到一样的，这时候我们需要自己手写，来模拟一个上传文件的按钮操作？？？...
2020-06-11 10:54:59
1555
5
原创 Math.random().toString(36)理解
好像之前用toString时都是用于返回对象的转字符串比较多，看到了别人写的这行代码，然后查阅了下，发现了其可以和Number基于toString的radix 参数使用。radix的范围为[2,36]，通过控制台可以知道......
2020-04-03 10:25:03
9324
2
原创 react+antd（RangePicker，DatePicker，Select）常用组件碰到的问题总结
对antd使用没有深入研究，下面一些为碰到的有些组件的问题，以及解决方式1.筛选框a.时间筛选框（有时候需要清空筛选框，这时需要给筛选框设置value属性值） <RangePicker style={{width: 180}} key={this.state.keyValue} //当点击重置或者清空按钮时，在将值设置为 keyValue: new Da...
2020-04-02 09:43:36
2425
原创 react 原生input 多参上传文件
// 对接 export = (e) => { e.preventDefault(); if (!this.state.selectTime) { message.error('请选择时间'); return } /****/ FormData 对象使用 /**...
2019-12-13 15:29:09
1457
转载 Vue点击事件执行多次
使用v-on:click绑定的事件如何移除现在我的处理方式是:<p @click="flag && clickEvent()"></p>加上一个标志位来控制点击事件是否能触发.也可以这样解决：采用v-if解决：<button v-if="!unbind" v-on:click="addClick">点击</button>...
2019-12-09 13:42:38
1849
原创 记住密码篇
之前在做的项目做了记住密码的这么一个小功能，这里记录下思路？？？？？思路：1.第一次点击记住密码时，需要将记住密码的状态记住，将用户的信息保存在本地（这里的信息中的密码时加密之后的）2.当用户第二次进入时，要回显出来基本信息3.当除第一次进入的其他 情况时登录，用户可以修改这种状态是记住还是不记住，如果选择不记住的话，将保存在本地的信息移除如果这时没有改变状态，还是记住状态，这时需要注意...
2019-11-23 17:00:49
248
原创 一些常见的正则验证
/***正数，最多保留两位小数**/export function isMax2Num(val){ return/^\d+([.]\d{0,2})?$/.test(val);}/*手机号/export function isPhone(val) { return /^1[345678]\d{9}$/.test(val);}/***正则验证姓名*1.可以使中文，英文，允...
2019-11-15 09:36:07
343
原创 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'coordinateS
vue项目中出现问题： [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘coordinateSystem’ of undefined”，为什么会这样？？？？
2019-10-15 11:32:59
1567
2
原创 echarts，map选择器等工具使用学习联级地址
echarts实例学习地址（实际使用到，可以通过快速查找找到对应的配置项使用）JSRUN在线编辑器。
2019-10-15 10:06:00
2473
原创 input输入框兼容问题
火狐中 没有input type=number这个设置，所以可以随机输入英文解决方式：设置type为text类型，只能输入数字，字母会自动删除<input type=‘text’ @input=“inputText” v-model=“value”/>// 封装函数function compaNumber(obj) { let loanNumber = obj.ta...
2019-09-30 15:13:30
449
原创 vue-cli项目中img使用require动态获取图片
今天做图片渲染模块时，发现img的拼接都忘了，发现怎么拼都不能实现，所以就查了下资料发现，要使用require,具体就看下面这里在motheds 中定义了个方法获取这样就可以了。。。。。...
2019-06-21 10:21:02
11870
3
原创 echarts中通过shift()和push()实时更新数据
数据分析时一般都会用到echarts，本来没想过说还要实时更新，后来要求说要实时更新，然后就在网上找了好多资料，总结了，最后出来了这里我是用 vue 写的首先 从 echarts 上复制的代码块下来 放到 图表函数中（下面的一系列操作都是在该函数中进行）let option = {// 标题title: {text: “空气温度与时间的关系图”,left: “center”},......
2019-06-19 17:08:51
9356
7
原创 图片与文字的对齐方式
今天写项目头部，发现图片与文字的默认对齐方式使得，文字有点溢出，所以这里翻出总结下，可以通过 vertical-align 属性来调整：vertical-align属性具体有以下一些：baseline－将支持valign特性的对象的内容与基线对齐sub－垂直对齐文本的下标super－垂直对齐文本的上标top－将支持valign特性的对象的内容与对象顶端对齐text-top－将支持va...
2019-06-13 15:06:11
2336
原创 使用EelementUI时出错Uncaught TypeError: Cannot read property 'disabled' of null
不知道问题出在哪里了，可以正常运行，但是会报错，求解答
2019-06-12 18:54:54
11607
24
原创 Ajax发送请求
学了几天ajax发送请求，回顾了下，居然不知道学了什么，所以总结了下，以后能翻出来看看-Ajax get方式发送请求1.创建XMLHttpRequest对象var xhr =new XMLHttpReauest();2.准备发送//参数一：请求方式// 参数二：请求地址// 参数三：同步或者异步标志位，默认是 true 表示异步 false 表示同步xhr.open(‘get’,‘...
2019-06-04 09:50:30
187
原创 domContentLoaded事件和onload事件
//onload事件 是所有标签 图片 样式 及脚本加载完成时触发window.onload=function(){ var span=document.querySelector("span"); console.log(span,"onload");}//DOMContentLoaded事件是所有DOM元素解析完成时触发（HTML文档被完全加载和解析）//这个要IE9...
2019-06-02 21:23:14
1005
原创 git上传代码
##提交代码到 github(当作git服务器来用)-‘git push 【地址】master’+实例 ：‘git push https://github.com/yshuf/test.100.git master’+会把当前分支的内容上传到远程的master分支上-‘git pull 【地址】master’+示例 ：‘git pull https://github.com/yshuf/...
2019-06-01 15:12:02
129
原创 git本地代码提交和备份
** **初始化Git仓储/(仓库)**-这个仓库会存放，git对我们项目代码进行备份的文件**-在项目目录右键打开 git bash**-敲命令：‘git init’**会发现项目目录下多了一个 .git 隐藏目录#配置-在git中设置当前使用的用户是谁#每一次备份都会把当前备份者的信息存储起来命令：*配置用户名：git config --global user.name “小...
2019-06-01 10:29:01
3130
原创 Unable to preventDefault inside passive event listener due to target being treated as passive
由于浏览器必须要在执行时间处理函数之后，才能知道有没有调用过preventDefault(),这就导致了浏览器不能及时响应滚动，略有延迟(https://img-blog.csdnimg.cn/20190517082953688.png)解决办法：应用 css 属性 {touch-action：pan-y}；这样任何触摸时间都不会产生默认行为，但是touch 事件照样触发...
2019-05-17 08:33:21
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人