自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

想做大牛的蜗牛

心里住着舞者

  • 博客(28)
  • 收藏
  • 关注

原创 antd pro form 数组套数组 form数组动态赋值 shouldUpdate 使用

antd pro form 数组套数组 form数组动态赋值 shouldUpdate 使用

2023-10-11 11:18:21 1055 1

原创 antd Form shouldUpdate 关联展示 form 数组赋值

antd Form shouldUpdate使用,form数组赋值

2023-10-10 17:22:48 981 1

原创 ant design form数组修改 关联展示

ant Form 数组修改。关联项修改方法

2023-10-10 17:01:25 181

原创 Ant Design Form.List基础用法

使用 ant design form.list 的注意事项和方法

2023-10-10 16:50:28 892 1

原创 前端接受blob文件流,模拟下载

前端模拟下载上代码 /** * @param {objec} 行数据 * @date 2020-12-09 * @description 点击下载功能 */ downLoad(data){ let fileName = data.fileName; //下载的文件名字 data是我组件中传出来的 t

2020-12-24 17:50:31 618 1

原创 iviewui Upload上传爬坑,手动上传,二次上传

##Upload 实现二次上传因为不熟悉iview 组件,在做上传的时候,查看公司之前项目都是直接上传,但是到我手里的项目是需要先走一下接口进行上传文件验证 /(ㄒoㄒ)/~~ ,然后增加其他参数再上传 直接上例子描述: 需要先走验证,然后手动上传额外参数额外参数增加好说,在项目文档中有说明 增加data变量,将增加的参数都放到 data 中 额外参数就解决了 <Upload :action="actionUrl" ref="upLoadRef"

2020-12-24 17:40:45 1796 1

转载 vue全家桶安装以及修改webpack配置新增vue项目启动方式

一、安装node环境(自带npm)下载地址二、替换下载源// 淘宝 NPM 镜像npm install -g cnpm --registry=https://registry.npm.taobao.org三、全局安装vue-cli脚手架npm install --global vue-cli四、vue2.* webpack模板下载vue init webpack vue_project五、安装vuexnpm install vuex --save在main.js中注入v

2020-05-18 17:18:55 853

原创 跳转到指定页面元素位置

跳转到指定页面元素位置校验页面元素,点击之后跳转到指定位置export const getElementTop = (element:any):any => { //元素距离屏幕浏览器上方距离,如果页面元素滑上去,就是负数 element dom元素 let clientHeight:any = element.getBoundingClientRect().top;...

2020-01-10 18:58:07 1146

转载 vue-property-decorator使用指南

在Vue中使用TypeScript时,非常好用的一个库,使用装饰器来简化书写。安装npm install --save vue-property-decorator@Component (from vue-class-component)@Prop@Model@Watch@Emit@Inject@ProvideMixins (the helper function named ...

2019-11-30 11:10:06 2734

原创 javascript ES6 新增数据结构 Map

javascript ES6 新增数据结构语法Map 和 Object 进行比较属性方法基本语法语法Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。new Map([iterable])iterable 参数Iterable 可以是一个数组或者其他 iterable 对象,其元素为键值对(两个元素的数组,例如: [[ 1, ‘one’ ],[ 2, ‘two...

2019-11-30 10:52:32 184

原创 typesript vue 中方法的使用

typesript vue 中方法的使用在VUE中会有一些简单的方法,在typescript中怎么使用引入js下面是vue中相关关键字的写法在VUE中会有一些简单的方法,在typescript中怎么使用新的项目用的是typescript+vue来写的,在前期首先是如何让vue正常的工作,所以在此先简单的总结一下引入js 如何正确的引入typescript //js<script...

2019-11-26 19:04:31 165

原创 webpack中webpack.config.js、package.json

webpack中webpack.config.js、package.json文件webpack.config.js文件内容const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');var path = require("path");module.exports =

2017-11-20 11:54:55 3916

转载 html-webpack-plugin详解

引言 最近在react项目中初次用到了html-webapck-plugin插件,用到该插件的两个主要作用:为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口有了这种插件,那么在项目中遇

2017-11-18 14:44:58 2398

转载 mac下安装nvm以及node、webpack

先说一下nvm,node,npm之间的区别吧。 1. nvm的官方叫法:nodejs版本管理工具。 nvm相当于是家长,一个家长可以管理多个孩子。 也就是说:一个nvm可以管理很多node版本和npm版本。nodejs 在项目开发时的所需要的代码库npm在安装的nodejs的时候,npm也会跟着一起安装,它是包管理工具。npm管理nodejs中的第三方插件nvm、nod

2017-11-13 09:16:48 674

转载 手机触屏触摸特效javascript-TouchSwipe(依赖于jquery库)中文说明

手机触屏触摸特效javascript-TouchSwipe(依赖于jquery库)中文说明最近需要做一个手机小门户网站,因为目前主流的手机都是安卓和苹果的,他们的浏览器内核都是webkit,这就意味着手机网站是可以用html5和css3开发的,越开发越感觉到html5和css3的强大与它的重要性,且不谈html5和css3,做网站的时候遇到了一个大问题,就是触摸js的问题,以前都是写的电脑端的js,

2017-07-18 16:50:42 3254

原创 红包飞过效果

动画,飞向指定位置

2017-06-21 17:49:09 611

原创 git index.lock

在git没有运行完成的时候强制关闭,下次提交的时候产生错误fatal: Unable to create '/xxx/xx/.git/index.lock': File exists.If no other git process is currently running, this probably means agit process crashed in this repository ea

2017-03-30 10:44:31 11430

原创 JS实现逐个消失

JS实现逐个消失前言:点击产生弹窗,产生多个,逐个消失var tipObject = function(text,mes) { var str ='<div class="tip-widow fade">'; str +=' <a class="close " href="javaScript:void(0);">×</a>'; str += text; str +

2017-03-16 18:43:22 860

原创 Error: Can't resolve 'fs' in (webpack 2配置CSS loadeers)

前言,在之前有配置过webpack 2 中css loaders,但是怎么也不正确报错:ERROR in ./~/convert-source-map/index.jsModule not found: Error: Can't resolve 'fs' in '/Users/ceshi/Desktop/webpack/node_modules/convert-source-map' @ ./~

2017-03-10 18:35:07 14291

翻译 Webpack 2的强大功能(1)

前言:上一篇文章主要介绍安装和简单使用,但是webpack还有更多高级的功能生成Source Maps(使调试更容易) 开发总是离不开调试,如果可以更加方便的调试当然就能提高开发效率,不过打包后的文件有时候你是不容易找到出错了的地方对应的源代码的位置的,Source Maps就是来帮我们解决这个问题的。 通过简单的配置后,Webpack在打包时可以为我们生成的source maps,这为我们

2017-03-10 18:28:14 430

原创 webpack 2安装到入门

前言:如今webpack工具在前端领域非常受欢迎,我 今天就开始学习一下,安装和使用 webpack(从0开始,如有错误望大家谅解),我的node版本是 v7.7.1 npm版本 4.1.2,如何安装这两个node环境,大家可以参考安装Node和NPM( MAC 系统 )(http://blog.csdn.net/xiaowoniuqiren/article/details/60764977)来配

2017-03-10 11:10:56 679

原创 transform旋转

css3 中有3D效果俯视图,我想写一个图片旋转的效果,五个图片组成五边形如何组成这样的图形 角度:算出每个图片的旋转角度,使用 .child{ transform: rotateY(0deg) translateZ(800px); backface-visibility: hidden; } .parent{

2017-03-09 17:28:10 2469

转载 前端大牛博客链接

阮一峰的网络日志 http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.htmlES6 学习网址 http://es6.ruanyifeng.com/#docs/introMac上安装Node和NPM http://www.jianshu.com/p/20ea9

2017-03-07 15:22:57 652

翻译 安装Node和NPM( MAC 系统 )

前言目前的前端开发发展迅速,有些框架和工具必须需要一定的环境,有时候在学习(webpack、react、vue.js)的过程中,都需要node.js的环境,本人使用的mac笔记本,所以想要安装webpack环境,但是都需要node最新版本,不擅长安装环境,所以一步一步探索,但愿对大家有帮助,废话不多说。。。。使用brew安装node环境1、安装brewruby -e "$(curl -fsSL ht

2017-03-07 15:05:54 5851

转载 webpack 学习笔记

简单学习笔记webpack的目标 1. 切分他的依赖树,按需加载 2. 缩短初始化加载时间 3. 任何静态模块都可以视为一个模块在项目中引用 4. 整合第三方类库,并且把第三方的类库作为一个模块来引用 5. 可以自定义打包逻辑的能力 6. 适合大型项目## 与其他打包工具的区别 ## 1. 代码拆分 2. Loader 3. 智能解析 4. 插件系统 5.

2017-03-07 10:27:42 261

转载 欢迎使用Markdown编辑器写博客

欢迎使用Markdown编辑器写博客本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用

2017-03-07 10:09:00 167

转载 ES6学习-块状作用域

前言为什么使用块状作用域ES6 的块级作用域 块级作用域与函数声明内容为什么使用块状作用域 ES5只有全局作用域和函数作用域,有很多限制第一种场景,内层变量可能会覆盖外层变量。var tmp = new Date();function f() { console.log(tmp); if (false) { var tmp = "hello world"; }}

2017-02-23 14:29:38 677

转载 ES6学习-1 (let)

ES6学习-1 (let)基本语法 ES6新增了let命令,用来声明变量。它的用法类似于var,与var最大的区别是在使用的时候只在自己的代码块中起效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面的代码对比得出,在相应的代码块中,let才会有值,反之var不会如此,ES5只有全局作用

2017-02-22 18:33:44 299

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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