- 博客(23)
- 收藏
- 关注
RSS订阅原创 在useEffect使用setInterval引起的问题「无缝列表滚动例子」
需求????：使列表无缝滚动，采用改变marginTop来实现滚动，还没写完就就出问题了???? 代码如图所示， top值始终为0❓：起初一头钻进了为什么setTop没生效，不明白为什么top一直为0，为什么setTop会没有生效？（心里暗暗想着一定是涉及到了js什么执行机制，只是我无法理清????，好菜啊）????：后来在useEffect中添加top依赖，由此top的值变化了。????：对于图上代码分析下我当时的理解思路 ➡ 执行到useEffect的时候，开始第一次执行setScroll
2021-11-10 17:13:49
1887
5
原创 umi引入本地iconfont
如果你的目录和我的是一样的，那就快来看看吧~首先下载好iconfont文件1、将iconfont.js放在public目录下，使用绝对路径引用，因为在public下的文件在打包后会直接copy到/dist/下2、在app.tsx中配置layout属性iconfontUrl，使用require或者import引入即可...
2021-08-19 16:22:08
2412
2
原创 固定下拉列表
选择下拉框时，再去滚动页面，下拉框会fix在窗口上，也会遮挡住页面内容，解决方法: 在Select 标签加个getPopupContainer属性，如下图所示 <Select onChange={chooseRoom} placeholder="请选择仓储位房间" allowClear getPopupContainer={(triggerNode) => tri
2021-08-04 10:31:41
315
原创 列表无缝滚动--vue + animated
html部分<template> <div class="table_scroll_wrapper" :style="{width:component.width + 'px',height:component.height + 'px'}"> <div class="table_scroll" :id="this.$attrs.index"> <!--表头字段------> <div class="table_header"
2021-01-04 16:22:15
196
原创 根据视频链接并下载视频(mp4格式)
直接上代码export function download(url, filename) { getBlob(url, (blob) => { saveAs(blob, filename); })}const getBlob = (url, cb) => { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload =
2020-12-08 18:19:33
6798
1
原创 echarts区域地图，自动&高亮区域&信息
代码部分获得区域的JSON数据的网址地图选择器mapData的数据顺序要和JSON中排列的顺序一样，不然自动高亮的区域和tooltip会不一致<template> <div class="line-wrapper"> <div :id="'echartMapPieChart'+this.$attrs.index" :style="{width:component.width+'px',height:component.height+
2020-08-20 14:54:40
3459
原创 canvas跨域图片报Tainted canvases may not be exported.
canvas跨域图片报Tainted canvases may not be exported.解决办法我们做微信活动，经常会碰到生成图片进行分享的需求。生成的图片中肯定包含微信头像，这时就会碰到canvas转图片时的跨域问题。一开始我是把微信头像下载到服务器上来避开跨域问题的，但这样做太累了，也浪费服务器存储空间。之后再网上搜索后得到如下解法var img = new Image();img.src = userInfo.headimgurl;//微信头像地址img.setAttribute(
2020-08-20 14:41:38
645
转载 高德地图强制横屏后（旋转90deg）在手机上拖动方向问题（vue）
大屏需要在手机端横屏展示，强制横屏后，地图的拖动方向也相对正常的方向旋转90度代码片段html部分<div id="mapInit" @touchstart.prevent="handleTouchStart" @touchmove="handleTouchMove" @touchend="handleTouchEnd" :style="{width:component.width+'px',height:component.h.
2020-08-20 14:28:45
1193
原创 react中braft-editor的基本使用
项目需求：实现照片上传，富文本为空时的提示，官网详见Braft Editorimport React, { PureComponent, Fragment } from 'react';import { connect } from 'dva';import BraftEditor from 'braft-editor'import 'braft-editor/dist/index.css'import moment from 'moment';import Link from 'umi/lin
2020-06-05 18:10:45
1757
2
原创 canvas将两张图片合并成一张图片并下载
用canvas将两张图片合并成一张图并下载（react）图片合成部分generateCodePic = () => { this.downloadImg();};downloadImg() { var canvas = document.createElement('canvas'); console.log(canvas); canvas.width = 600; canvas.height = 800; if (!canvas.getCo
2020-05-26 15:08:53
1497
转载 axios拦截上一次请求响应的数据，解决tab切换太快至列表数据错乱
axios 封装 首先引入axios 创建实例import axios from 'axios' // 创建axios实例const instance= axios.create({ baseURL: process.env.BASE_API, // api的base_url timeout: 6000 // 请求超时时间})然后加入axios的拦截器instance.in...
2020-04-29 11:34:56
1472
原创 下载excel
后端返回的是流数据，前端接收并下载文件//response为返回的流数据，如果是fetch的话记得response.blob()转换格式,//即response.blob().then(blob=>{动态创建元素})var blob = new Blob([response], { //下载的excel类型为xls的type:"application/vnd.mx-excel;ch...
2020-04-15 15:46:42
1213
原创 Vue递归组件
问题1、报错"Uncaught TypeError: amap__WEBPACK_IMPORTED_MODULE_2___default.a.Map is not a constructor"用yarn add amap之后,在创建地图的页面去引入import AMap from ‘AMap’敲重点！！！！不是import AMap from ‘amap’至于为什么会这样，有...
2020-04-13 19:29:17
244
原创 react移动端项目基础搭建流程
一、react项目流程create react app文档1、安装npm i create-react-app -gcreate-react-app myapp或者npx i create-react-app myapp2、创建基本目录，将App.jsx移入layout中入口找布局，布局找页面，页面找组件-[myreactapp] 项目名---[src]-----[co...
2020-03-30 10:57:55
1278
转载 Vue的全选和选中
第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> table, td, th { ...
2020-01-21 21:46:59
337
原创 Vue学习之高级系列（vue-cli,vue-router,vuex）
Vue高级 - Vue全家桶技术1. vue-cli 脚手架2. vue-router 路由3. vuex 多组件状态管理vue-cli它是vue提供的一个用于构建vue项目的脚手架，目前它的版本已经到了4.x版本vue-cli 2.x 版本vue-cli 2以上版本【 3 4 】 市面上安装如何让一台电脑既可以使用vue-cli...
2020-01-10 21:24:12
1254
原创 Vue学习之基础一
Vue特点Vue是一个MVVM框架M 模型 model 数据V 视图 viewVM C -> P -> VM 视图模型 -> 处理逻辑单向数据流数据由父级传递给子级Vue是一个js渐进式框架渐进式： 越学越难想学的容易：加强基础Vue是使用了虚拟DOM技术Vue拥有便利性的指令指令： 操作dom的一种方式...
2020-01-03 15:20:40
95
原创 前端框架之Vue介绍
库 vs 框架库只是一个工具，供我们使用框架是具有思维的，有它自己生态系统前端框架发展历史前端这个岗位是从后端慢慢分出来jq -> 2010前MVC思想 -> 软件架构将一个软件分为了三个部分，每一个部分负责一部分功能M -> Model -> 模型 -> 软件中的数据V -> View -&g...
2019-12-12 19:28:58
258
原创 通过nodejs操作mongodb数据库，用token实现登录注册
采用token加密登录简单介绍token1.什么是token，token作用是什么（1）token是一段经过后端处理（加密算法）的特殊字符，后端在前端登录时，会返回该字符，前端拿到这个字符后会将其存入cookie（2）项目自动登录身份验证前端发送的每一个数据请求，要求携带一个token数据权限验证普通用户会员用户管理员原理：当用户注册并登录后，后端会给它返回一...
2019-12-11 20:41:53
742
原创 MongoDB的安装及相关命令
MongoDB的安装及相关命令安装安装地址 https://www.mongodb.com/download-center#community按照流程安装，注意：可视化勾选项不选中环境配置将 bin 命令文件的路径添加在系统变量的 Path 中如果同学们这边已经有data/log目录了就可以不做了我们之前安装的其实是数据服务器，通过数据库服务器可以建立很多个数据库，我们...
2019-12-09 19:53:46
140
原创 JS易错题
题目 function foo() { var a = 10; return function () { console.log(a++) //出现a++时要注意 } } foo()()//10 var name = 10; ...
2019-11-14 12:03:12
818
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人