Setcina(目前还在更新以及完善中...)

antd的Form动态校验规则

Work Experience
序言其实在Ant Design里面,表单的验证最主要是集中在动态校验规则中,但其实目前到手的工作项目中对于表单的实例少之又少。所以在这次的工作中,我也比较花时间的尝试了使用Form的动态校验规则。当然啦,尝试的话,就免不了有坑。顺手在这里总结一下 getFieldDecorator在动态校验 ...
Read more

宏任务以及微任务

javascript
先以一道面试题做引子: 123456789101112131415setTimeout(function(){ console.log(1);},0);new Promise(function(a,b){ console.log(2); for ...
Read more

跨域

名词解析跨域浏览器的同源策略(Same-origin policy)导致了在不同域名,协议,端口下不可访问到文件,对象或数据,这个时候,跨域就出现了。跨域问题的来源是因为浏览器的同源策略的问题,并不是后台服务器不允许前端调用,它是浏览器最基本和最核心的安全机制。 同源策略同源策略,它是由Ne ...
Read more

第二章:如何搭建一个antd+typescript的react脚手架项目

REACT-CLI
第一章已经使得我们可以使用react脚手架开始编写项目了,但是,其实我们深入考虑,我们还欠缺了很多东西,比如css样式,image图片,分离打包,文件压缩等。 现在,我们来解决一下这些问题 在项目中使用sass12// 首先安装依赖npm install --save-dev style-l ...
Read more

第一章:如何搭建一个antd+typescript的react脚手架项目

REACT-CLI
首先了解一下为什么需要手动搭建,其实我们在搭建普通的react脚手架以及ts-react脚手架的时候,按照react以及ts官网搭建,基本上只需要敲命令而已。但是也有一个问题,在react15版本之后,start以及build的关于webpack的配置,都在node_modual里面。直接使 ...
Read more

10搭建react脚手架

WebPack
安装react以及react-dom1npm install react react-dom 在src下面建立app.js 修改main.js里面的内 123456789require("babel-runtime/regenerator")//让es6编译成浏览器可读的es5require ...
Read more

09前后端热更新

WebPack
安装nodemon,因为nodemon可以一直监听我们的项目工程 1npm install nodemon --save-dev 修改package.json 1"dev": "nodemon --inspect --watch config --watch src/server src/s ...
Read more

08搭建自己的脚手架

WebPack
首先,我们为什么要搭建脚手架?其实,搭建脚手架可帮我们解决后端服务器的问题。我们也知道,其实在一个vue脚手架里面,其实就帮助我们把一些后端服务的弄好了 我们安装express 1234567npm install express --save-dev//自动监听代码npm install ...
Read more

07polyfill、preset、transform

WebPack
话外题Polyfill是什么ployfill是一个js库,主要抚平不同浏览器之间对js实现的差异。比如,html5的storage(session,local), 不同浏览器,不同版本,有些支持,有些不支持。Polyfill(Polyfill有很多,在GitHub上https://githu ...
Read more

06babel转换

WebPack
先了解一下为什么要安装babelBabel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。下面是一个例子。1234567// 转码前input.map(item => item + 1) ...
Read more
Prev Next