html
_花开富贵
这个作者很懒,什么都没留下…
展开
-
formik 简单表单操作加验证
官方文档formik 表单简单操作1.简单结构:2.form对象里边有数组用3.ArrayHelper:有什么复杂操作就用arrayHelper去处理:4.引用全局变量:1.简单结构:<Formik initialValues={initialValues} onSubmit={handleSubmit} validationSchema={SignupSchema} validateOnChange={true} validateOn原创 2020-12-02 14:29:24 · 1106 阅读 · 0 评论 -
微信点击链接直接跳转手机默认浏览器下载APP的APK文件实现code
需求:由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,需要做一个提示用户在浏览器中打开下载。以下代码,拿来即用,好人代表O(∩_∩)O<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>download</title> <style type="text/css">原创 2020-10-19 11:33:23 · 2559 阅读 · 0 评论 -
步骤条纯css
做了一个丑丑的步骤条,记录一下<!-- Step.vue --><template> <div> <Alert show-icon style="width: 900px;">审批单号:{{stepInfo.no}}</Alert> <div class="stepOut"> <u...原创 2020-03-30 20:12:56 · 665 阅读 · 0 评论 -
如何用JS读取html文件中的内容到另外的一个HTML页面上
问题:后端返回给我一个html文件,我要在新页面打开它,试了很多没用的方法,最后成功被自己蠢哭,解决很简单 let newWindow = window.open('','','');//创建一个新窗口 newWindow.document.write(res.data);//把数据write到新窗口名之前的错误方法a: window.open(各种格...原创 2020-03-30 17:19:10 · 2568 阅读 · 0 评论 -
xlsx.js设置Excel样式
需求是这样的:东西太多了,合并单元格,行高,列宽,边框样式,字体样式,合计啥的,直接上代码吧export function exportExce({ header, //子表数据头信息 data, //子表数据 masterTable, //主表数据 foot, //页脚 filename, //文件名 autoWidth = true, bookTy...原创 2019-10-25 14:02:11 · 25498 阅读 · 26 评论 -
react new AMap()绑定鼠标事件
我的需求只这样的,当我每点击一条数据时,需要每次重新渲染地图上的点,并且点上有鼠标事件(移上查看详情,点击查看轨迹)点的创建使用了new AMap.Marker()的方式(当然for循环标签应该也可以), //点的创建 let newMarker=new window.AMap.Marker({ //用window.出来是因为react-amap对react页面融合不是很友好,有时候会报错...原创 2019-07-22 15:23:55 · 1153 阅读 · 1 评论 -
react组件(如rander)数组某元素属性发生变化时,setState页面不更新
今天遇到的问题是:组件内对数组元素进行修改后数据有变化但是页面没重新渲染话说这是因为组件没能够识别数组的变化,所以页面没有重新渲染所以只要让组件感知到你发生了改变,就可以达到刷新的效果提供两个很low的方案(但很有效▼o・ェ・o▼):1.删除后重新添加(适合在行上做删除)method(index){ let tempList = this.state.attachList...原创 2019-07-31 21:29:04 · 4290 阅读 · 2 评论 -
antd引用<Upload>组件上传图片后再次打开modal清除缓存
情景展示:如上图所示:我的新增客户弹窗中引用了上传组件,当再次打开modal弹窗的时候,上一次上传的图片的缓存还在,这个问题问了问身边的大佬,最后解决了,最简单的解决办法是:给组件添加唯一的key值://在这里给key添加, Math.random()的得出来的是随机数<div key={Math.random()}> <Upload {...props} ...转载 2019-08-05 16:06:55 · 3119 阅读 · 0 评论 -
React组件Form表单事件调用
前言:|ू・ω・` ) 问题是这样的:在子组件代码中将Form表单create了之后在父组件中调用了子组件并增加了ref可是我使用this.refs.子组件.某函数(),却找不到那个函数了现在也百思不得其解,但是问题解决了,我是把子组件的函数直接暴露出来解决方案:/** 子组件 */@Form.create()class child extends Component { ...原创 2019-08-09 11:16:07 · 1471 阅读 · 0 评论 -
antd-pro中控制loading的dva-loading使用(React)
前言:我们原来写loading状态的方法是,在异步请求的开始的时候开启loading,在异步请求的结束关闭loading,这样的写法是比较麻烦的,因为这个操作都是一致的,在ant Design pro中就提供了dva-loading插件,封装的很好,用起来也很方便,主要就是直接监听异步的effect,分别在开始和结束的时候改变loading状态,所以是和dva结合在一起用的,下面时使用方法:...原创 2019-08-03 15:36:15 · 4224 阅读 · 0 评论 -
阻止checkbox组件及其他没有click事件的组件冒泡事件
由于框架的某些组件自身不带有click事件(如我最近使用到的iview里边的CheckBox、ant.design里边的CheckBox,发现没有click事件),因此很苦恼每次点击勾选框的时候他下边的标签就会很自觉地触发其他事件,需求是这样的:在折叠面板上放checkbox:结果每次点击的时候,都会触发面板的展开与关闭,我的解决方案就是:由于CheckBox没有click时间,为了点击...原创 2019-07-07 09:54:33 · 2914 阅读 · 0 评论 -
npm ERR! Cannot read property 'match' of undefined 错误处理
运行npm install 的时候,报错。错误情况如下:npm ERR! Cannot read property 'match' of undefinednpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2018-08-...原创 2019-07-01 13:49:29 · 28357 阅读 · 6 评论 -
表单字段的校验
今天做了vue一个表单字段的校验比如:我现在有一个输入框,我要判断该框必填&amp;lt;Form ref=&quot;importForm&quot; &amp;gt; &amp;lt;Input v-model=&quot;name&quot; clearable/&amp;gt;&amp;lt;/Form&amp;gt;在这里我用原创 2019-03-01 11:16:48 · 904 阅读 · 0 评论 -
对于vue数组内容修改不同步的问题
今天遇到了一个问题,就是我在定义好的数组里边,修改某个对象的内容,结果不同步在我修改之后,打印了数组,明明已经是更新状态了,为什么页面视图不同步呢答案全部在这里↓↓↓列表渲染在vue官方文档里,明确数组更新检测规则:我们只有使用以上函数才会触发视图的更新,同时官方也给出了相应的解释解决方案:还有一些可能出现的问题,全部都可以在官方文档上找到答案…...原创 2019-03-01 13:45:47 · 1356 阅读 · 0 评论 -
学习vuex
概念:主要应用于Vue.js中管理数据状态的一个库通过创建一个集中的数据存储,供程序中所有组件访问跨组件修改状态平常的可能会涉及到多个组件公用一套数据,使用vuex进行中央状态管理具体内容:storeimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.S...原创 2019-03-12 11:30:36 · 162 阅读 · 0 评论 -
Date.parse Firefox返回Nan的问题
今天遇到的问题:firefox对于类似“2010-12-20 15:55:00”这种时间的转换格式好像不支持,返回Nan,查了查资料,把“-”替换为“/”就可以了;//给定一个字符串: let sDate1 = '2002-12-18' let aDate = sDate1.split('-');//原写法: oDate1 = new Date(aDate[1] + '-' + a...原创 2019-04-11 16:07:31 · 295 阅读 · 0 评论 -
JavaScript的数组的map()方法
1. map定义:map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后值。 map()方法按照原始数组元素顺序依次处理元素。 (遍历处理的意思)** 注意:map不会对空数组进行检测 map不会改变原始数组 ,在map里边自定义函数return什么就输出什么样的新数组自定义函数里:使用return操作输出,会循环数组每一项,更新数组每个对象到新数组2. map...原创 2019-06-14 14:32:34 · 1857 阅读 · 0 评论 -
菜鸟java开发学习TypeScript
TypeScript是一门编译型语言,强类型的语言,真正面向的语言,TypeScript是比javascript更java的script1.搭建开发环境如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:npm install -g typescript...原创 2019-07-12 19:28:27 · 2007 阅读 · 0 评论 -
个人对比Vue、React和angular三大前端框架小小见解
1.angular1.1. 简介:angular是最早出现的框架,angularjs是通过directive(指令)去封装组件,react和vue是通过component。 1.2. 优点:背后靠山(google),有着稳定的维护团队。且google的Adwords业务就使用了angular,作为一个赚钱的业务,google也会让它的环境更稳定一些。angular+type...原创 2019-07-13 14:08:00 · 3990 阅读 · 2 评论 -
未封装的扩展程序
查看插件,程序展示未封装的扩展程序(如下图)没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本,或是没有勾选:允许访问文件网址https://github.com/vuejs/vue-devtools1. If the page uses a production/minified build of Vue.js, devtools inspection is disabled ...原创 2019-02-12 14:05:04 · 18433 阅读 · 3 评论