摘要: 一般情况下,前端的文件上传一般都是通过form表单的(<input type="file" />)来完成文件的上传,如果使用node中间层完成跨域,文件的上传就需要在node中间层处理成可读流,转成formData完成转发。 一、form表单文件上传 这是最常见的文件上传方式,通过form表单实现, 阅读全文
posted @ 2018-06-10 23:06 怜白 阅读(5491) 评论(1) 推荐(0) 编辑
摘要: Ant Design 组件提供了Input,InputNumber,Radio,Select,uplod等表单组件,但实际开发中这是不能满足需求,同时我们希望可以继续使用Form提供的验证和提示等方法(使用起来确实很爽),这时需要自己动手封装一些表单,同时我们还要保持方法可以继续是使用。 githu 阅读全文
posted @ 2017-06-20 15:33 怜白 阅读(21089) 评论(0) 推荐(1) 编辑
摘要: 双向数据绑定已经是面试中经常被问到的点,需要对原理和实现都要有一定了解。 下面是实现双向绑定的两种方法: 一、属性劫持 主要是通过Object对象的defineProperty方法,重写data的set和get函数来实现的。 在属性劫持中,主要通过 _observe(重定义get、set方法,实现数 阅读全文
posted @ 2018-04-19 23:29 怜白 阅读(4361) 评论(4) 推荐(0) 编辑
摘要: 自从ES6流行起来,Promise 的使用变得更频繁更广泛了,比如异步请求一般返回一个 Promise 对象,Generator 中 yield 后面一般跟 Promise 对象,ES7中 Async 函数中 await 后面一般也是 Promise 对象,还有更多的 NodeAPI 也会返回 Pr 阅读全文
posted @ 2017-12-21 16:44 怜白 阅读(990) 评论(0) 推荐(3) 编辑
摘要: 前言 下面是我们使用到技术栈: webpack + react + redux + react-router + react-thunk + ES6 + .... 注意事项: 建议使用npm5.X 或者 yarn 包管理工具(最好不要使用cnpm,虽然安装包速度上很快,但是在文件关联上会有坑,之前用 阅读全文
posted @ 2017-12-14 12:08 怜白 阅读(4063) 评论(0) 推荐(2) 编辑
摘要: 使用XHR发送一个json请求一般是这样: 使用fetch的实例: Fetch参数 fetch(input [,init]) input(必须) 定义要获取的资源(请求地址) init(可选) 参数 | 描述 method 请求使用的方法,如GET、POST headers http请求头(user 阅读全文
posted @ 2017-12-02 12:33 怜白 阅读(3288) 评论(0) 推荐(0) 编辑
摘要: 一、本地存储 在HTML5诞生之前,网站如果想在浏览器端存储数据,只能使用Cookie,使用Cookie有较多的限制。 Cookie问题: 1.cookie大小限制在4K左右(各个浏览器不一致) 2.cookie每次随着HTTP请求都会一起发送(造成很多不需要的cookie也会一起发送) 本地存储: 阅读全文
posted @ 2017-10-26 21:36 怜白 阅读(515) 评论(0) 推荐(1) 编辑
摘要: 页面设计中,经常需要实现元素的水平垂直居中,css实现的方法有很多(列如: margin: auto、position定位、css表达式calc()、使用css预处理、table等都可以实现水平居中),但大多都是针对容器高度不固定,元素高度固定的情况。 这里我们介绍几种实现容器宽高和元素宽高都不固定 阅读全文
posted @ 2017-08-21 11:24 怜白 阅读(787) 评论(0) 推荐(0) 编辑
摘要: 代码github地址:https://github.com/haozhaohang/library 作者: 易怜白 项目中使用了时间日期的处理方法,只使用了部分方法,为了不在引入第三方的库(moment.js),这里自己封装了项目中使用到的方法。 要实现以下功能: 一、基础代码: arg = new 阅读全文
posted @ 2017-06-22 20:38 怜白 阅读(1374) 评论(0) 推荐(1) 编辑