![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
FE
zhouhaoxiangcn
front end noob
展开
-
React+antDesign+webpack项目构建(支持按需加载和热更新)
"dependencies": { "antd": "^3.4.0", "babel-core": "^6.26.0", "babel-loader": "^7.1.4", "babel-plugin-import": "^1.7.0", "babel-preset-es2015"原创 2018-05-04 21:22:16 · 2913 阅读 · 0 评论 -
React中页面收集用户信息及图形化展示
当用户进入对应的对应的页面,在React的生命周期函数里开始计时。当离开对应页面,触发componentWillUnmount计时函数。停止计时,并将计时时间发送给服务端。...原创 2018-06-15 00:24:35 · 1169 阅读 · 0 评论 -
koa2 关于登陆验证中间件以及HTML5 localStorage、sessionStorage使用反思
根据之前介绍的koa中间件原理。以及session的实现。所以我们要想判断用户登录,就要在服务端处理web请求的时候,判断是否是ctx.session.user(项目中添加的session是 user) 是否为undefined。下面我们看一下验证登陆的代码。首先,对于部分接口是不需要提前验证登陆情况的。对不需要验证的路由创立一个数组。如果请求是数组内的,那么就不需要验证,进入下一个中间件。 如果...原创 2018-06-14 23:54:51 · 1205 阅读 · 0 评论 -
前端工具函数的介绍以及axios封装
rt原创 2018-06-14 18:42:24 · 780 阅读 · 0 评论 -
ant-design表单处理和常用方法及自定义验证
首先要说一下antdesign这个框架API和demo丰富,而且开发环境提供对应的warning来纠正用户的错误。是一个很好的组件库。关于表单验证方面是依赖于 async-validator 库。百度的san-xui组件库的表单验证也是依赖与async-validator。说明这个库的实用性还是比较高,可以多了解一下。首先按照antDesign官网Demo。我们可以copy一个Form表单的de...原创 2018-06-14 18:41:23 · 27268 阅读 · 4 评论 -
前后端跨域请求处理以及携带cookie CORS实现(koa2)
首先,一个较大的web项目一般是由前端跟后台两方开发。为了解耦,一般是前端开发页面,后端开发接口然后部署到服务器上。前端使用Ajax访问服务端接口。这时候一般需要一个Restful API 来规定接口格式(接口文档)。而且因为Http协议是无状态的,如果遇到标识用户身份(比如登陆)的需要,需要cookie session来验证。面对这种跨域需求。我们可以通过cors来实现。具体理论 http://...原创 2018-06-14 18:06:13 · 7600 阅读 · 3 评论 -
React 项目搭建及目录结构
首先,关于React的配置可以先参考之前的博客。(React代码规范建议阅读 Airbnb React代码规范,提高代码质量。)上面就是前端项目的目录结构。static是静态资源目录。component是经过react编写的组件。css是整体布局的样式。util是写模块化的函数或工具函数。下面这张图是component的组成。每一个文件夹都是内部具体的组件。router是用来管理路由文件。 uti...原创 2018-06-14 16:23:41 · 16443 阅读 · 0 评论 -
后台管理系统的项目构建及调研
test原创 2018-03-28 22:25:26 · 757 阅读 · 0 评论 -
webpack生产模式(上线)开发配置。
6.23M => new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') })5.54 M原创 2018-05-31 11:43:28 · 1334 阅读 · 0 评论 -
关于开发的后台管理系统的整体架构及总结
1.从最初开发的技术栈选取、需求确认。已经针对具体情况的改进,该项目已经完成,下图是项目的整体架构2. 总结 1. 从开发一个项目开始,首先是要先明确需求、功能。然后根据功能确立合适的架构。项目开发中,明确需求是最主要的,否则在开发中修改会非常影响效率。 2. 在开发一个项目时,一个好的开发环境是提高开发效率的保证。因此工程化开发的配置也要重视,光靠搜索引擎查询会有很多问题。 3...原创 2018-06-15 10:49:39 · 6378 阅读 · 0 评论