Meditate_MasterYi的博客

让我们荡起双桨

Ant Design Modal 中嵌入Form表单后,initValue,不能动态获取最新值得问题

场景描述: 如下图所示,当我点击某个盒子的时候,我需要得到该盒子的数据, 问题:当我第一次点击的时候得到了当前的数据值,但是在点击其他的盒子的时候数据form中的数据还是上次的数据,并未更新。刷新页面后 出现当前盒子的数据信息,然后再次失效 Modal {...modalOpts}...

2018-01-06 19:42:56

阅读数 2833

评论数 2

js 函数防抖和截流(防止函数一直触发对页面造成压力)

成熟插件 lodash 概念解释 防抖 :在事件一直触发时,只会触发一次 截流:在事件一直触发时,会按照频率多次触发 <!DOCTYPE html> <html lang="en&...

2019-02-11 16:50:46

阅读数 23

评论数 0

js 标志位方法 (多次触发时 控制方法只执行一次)

function any(){ if ( !flag ) { //somecode flag=true; } } 当多次触发any 函数时 保证 somecode 只执行一次

2019-02-11 16:14:04

阅读数 32

评论数 0

antd 的Carousel 跑马灯 (react- slick )状态重置问题

antd 的Carousel 跑马灯 实际上是用的 react- slick 插件 问题 从A页面跳转到B页面时 Carousel 组件默认会状态重置; 原因:组件销毁 所以会重置 解决方案:修改组件初始化时的initialSlide 为你想要的值 即可 render() { let ...

2019-01-09 15:46:01

阅读数 146

评论数 0

react中 使用loadsh 的debounce 函数 问题

如果你这样写,页面跳转后在回来 会发现 之前的清除监听未能生效;造成重复监听bug; componentDidMount() { document.addEventListener('keydown', _.debounce(this.handleKeydown)) } co...

2019-01-02 17:23:28

阅读数 76

评论数 0

js 数组不使用深拷贝可能出现的问题(深拷贝)

js中涉及到数组操作时 如果涉及到 数组的(pop,push,reverse,shift,sort,splice,unshift)等方法时,定要注意数据指向问题,如果涉及以上方法 且需要返回值的后续操作如 ary.indexOf() 首先要对数组进行深拷贝 let ary2=ary.co...

2018-12-30 15:14:15

阅读数 38

评论数 0

兼容 ie chrome firefox 消除滚动条

html { overflow: -moz-hidden-unscrollable; height: 100%; } body::-webkit-scrollbar { display: none; } body { -ms-overflow-style: no...

2018-12-25 15:14:09

阅读数 39

评论数 0

js 查看内核和版本(转)

setTimeout(function () { function getBrowser(n) { var ua = navigator.userAgent.toLowerCase(), s, name = '', ...

2018-11-23 17:31:06

阅读数 23

评论数 0

用adb 命令打开和关闭 apk包安装apk包

首先电脑要装有安卓开发环境 1 查看包名 命令如下 adb shell pm list package 2 退出apk 包 adb shell adb shell am force-stop +包名 3 安装apk 包 adb install -r +手动拖入包 +回车 ...

2018-11-13 11:18:40

阅读数 66

评论数 1

videojs-contrib-hls 报错问题

使用videojs 尝试播放m3u8格式文件时,官网推荐使用videojs-contrib-hls 但是发现正确引入 hls插件后仍然报错, media source XXX notfound 解决方式: 将videojs 从package.json 中删除 重新安装 npm insta...

2018-10-31 17:02:34

阅读数 311

评论数 0

项目中比较实用的插件

nodemon 一个基于node server服务的插件 当修改server文件后不需要重新runserver.js文件 直接刷新页面就可生效 yarn global add nodemon terminal 中执行 nodemon server.js Moment...

2018-10-31 13:25:00

阅读数 30

评论数 0

Html5的video标签自动填充满父div的大小

想要video能自动填充慢父div的大小,只要给video标签加上style=”width= 100%; height=100%; object-fit: fill”即可。 object-fit语法 object-fit:fill | contain | cover | none | sc...

2018-08-21 13:13:41

阅读数 100

评论数 0

H5禁止页面滑动/滚动

禁止页面滚动 有三种方法 1,依靠css 将页面 document.documentElement.style.overflow=’hidden’; document.body.style.overflow=’hidden’;//手机版设置这个。 如果设置了如上,页面的滚动条将会消失,此时...

2018-08-21 12:53:42

阅读数 242

评论数 0

css3 跑马灯 首尾相接效果 不限制字体长短

<!DOCTYPE html> <html lang="en"> <head> <meta charse...

2018-08-10 12:56:32

阅读数 370

评论数 0

rem布局 自动适配

function refreshRem() { // var desW = 750; var desW = 1280; var winW = document.documentElement.clientWidth; var ratio = winW...

2018-07-19 19:18:10

阅读数 52

评论数 0

前端项目引入字体

随便一个网站上下载你想要的某个字体,.ttf 格式的 https://www.fontke.com/tool/fontface/ 通过这个网站生成web项目需要的各种格式; 网站会生成css 文件 内容格式如下 ,只需要 将 生成的几种字体文件引入到你的项目本地,然后将css内容复制...

2018-07-12 19:00:05

阅读数 827

评论数 0

git merge 解决

当多人协作对同一个文件进行操作回产生冲突:方法 git stash //代码暂存 git pull //拉取 git stash pop //应用暂存的代码进行覆盖 git add . git commit -m "" git push 拓展...

2018-07-05 10:16:03

阅读数 105

评论数 0

css img 在父元素水平垂直居中

img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50...

2018-06-25 13:13:15

阅读数 234

评论数 0

Node(express)+React(create-react-app)+Redux+MongoDB 写的图片上传和预览功能

如图:效果 代码见git 先看readme 项目简介

2018-06-02 17:01:16

阅读数 202

评论数 0

js 解析 JSON数组

如下数据data: [{"_id":"5b0f866fc745f8064d924eeb","name":"2018-5-23 上午10.35 拍摄的照片.jpg&...

2018-06-01 16:25:54

阅读数 102

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭