一些轮子
一些库使用
一下子就醒了
何以渡清欢
展开
-
dva+antd+react项目,在antd pro的脚手架的基础上实现订单的增删改查
效果图:该实例是在antd pro 的项目环境下修改实现:https://pro.ant.design/docs/getting-started-cn添加订单页面:订单列表页面:antd pro这个脚手架是使用分层架构,来层层实现数据传递,pages存放页面,从页面获取数据传递到models层,然后再models中调用services的异步请求接口数...原创 2019-06-09 12:46:26 · 4744 阅读 · 0 评论 -
lodash工具库常用函数收集
lodash是一套工具库,内部封装了很多字符串、数组、对象等常见数据类型的处理函数。https://www.lodashjs.com/docs/4.17.5.html#lodash的引用 import _ from 'lodash'用一个数组遍历来说明为什么要使用lodash常规数组遍历agent.forEach(function (n,key) { age...原创 2019-04-07 17:27:49 · 1494 阅读 · 0 评论 -
JS将数组转化为对象obj:键值对形式{}
目标需求:添加零食种类根据零食种类分配的UUID映射展示出来:获取到零食种类的列表的数据结构是这样子的:这是一个数组,里面包含很多对象,每个对象里面含有相同的属性首先把想要的字段通过工具函数库lodash_.pick()出来: let b = []; classifylist.map( it => { b.push(_.pick(it...原创 2019-07-19 15:32:00 · 46066 阅读 · 11 评论 -
ajax的工作原理
原创 2019-03-26 15:22:32 · 108 阅读 · 0 评论 -
根据请求响应的状态码做判断,给予开发者错误提示:responseCode
根据response来判断错误,获取错误信息提示。//@ts-check/// <reference path="../types.d.ts" />export const ERROR_NO_TOKEN_INFO = 10086;export const ERROR_PASSWD_DIFF = 20488;/** * @param {{code: number, ...原创 2019-06-14 12:19:16 · 4352 阅读 · 0 评论 -
前端技术(四):react-router,去中心化式路由
1.静态路由 vs. 动态路由在Web前端开发中,我们经常会需要处理页面路由问题。习惯上,路由信息会在一个地方集中配置好,我们可以称之为“静态路由”,或者叫“中心化式路由”。以react-router v3版本为例,代码类似下面这样:import { Router, Route, IndexRoute, browserHistory } from 'react-router'co...原创 2019-03-16 13:17:50 · 745 阅读 · 0 评论 -
前端技术(二):从Flux到Redux
什么是Redux?首先我们要搞清楚,Redux解决了哪些问题?主要是以下3点:1.如何在应用程序的整个生命周期内维持所有数据?Redux是一个“状态容器”。写过React或者ReactNative的同学可能会有感受,如果多个页面需要共享数据时,需要把数据一层层地传递下去,非常繁琐。如果能有一个全局统一的地方存储数据,当数据发生变化时自动通知View刷新界面,是不是很美好呢?因此,我们需...原创 2019-03-16 12:40:19 · 269 阅读 · 0 评论 -
接口测试工具Postman
一、接口定义软件不同部分之间的交互接口。通常就是所谓的API――应用程序编程接口,其表现的形式是源代码。 —— [ 百度百科 ]我们常说的接口一般指两种:(1)API:应用程序编程接口。程序间的接口(2)GUI:图形用户界面。人与程序的接口这里我们所说的接口特指API接口。API接口定义:对协议进行定义的引用类型。二、接口的分类1、接口分类(1)HTTP接口(2...原创 2019-03-24 12:25:32 · 26546 阅读 · 4 评论 -
dva框架目录详解图
原创 2019-03-23 16:54:44 · 1140 阅读 · 0 评论 -
在dva中的effects实现callback
在前端实现修改用户密码的功能,通过dispatch来实现与后端api接口的交互。界面点击“提交”执行的代码如下:handleSubmit = () => { const { form, dispatch } = this.props form.validateFields((err, fieldsValue) => { if (err) return ...原创 2019-06-09 12:00:09 · 2729 阅读 · 0 评论 -
前端技术(五):dva
dva出自于暴雪出品的一款游戏《守望先锋》,援引官方的角色介绍:然后呢,蚂蚁金服的一位架构师sorrycc很迷这位美女,正巧刚开发了一款前端框架没有名字,作为一个向女神献礼的项目,dva框架就此诞生。实际上,dva只是基于现有开源框架的一层轻量封装,并没有引入任何新概念: React:管理View react-router:管理路由 Redux:管理Model ...原创 2019-03-16 13:41:13 · 4099 阅读 · 0 评论 -
Vue.js2.0基础:vue-router
对于SPA( single pageapplication单页面应用),尤其是做移动端的网页应用,由于使用<a/>标签实现页面的切换和跳转,会有一定的加载时间消耗,经常遇到这样的画面:网速慢一点的时候,就一直在加载,严重影响产品的用户体验,这也是(html5)移动端网页应用在使用流畅度干不过原生app的地方之一。所以常用的做法将网页应用做成一个SPA单页面应用,用视...原创 2019-05-09 13:14:33 · 865 阅读 · 0 评论 -
Vue.js2.0基础:Vuex的3个核心概念
Vuex是一个提供状态管理机制,相比使用传统的全局对象,它有两大优点,一个是它的状态存储是响应式的,另一个是要不能随意修改Vuex的状态,必须按照它的规矩来办事。最后也了解了它有适用和不适用的业务场景。创建仓库Store要使用Vuex,我们要创建一个实例store,我们称之为仓库,利用这个仓库store来对我们的状态进行管理。//创建一个 store const store...原创 2019-05-09 13:19:18 · 617 阅读 · 0 评论 -
Vue.js2.0基础:用axios来实现数据请求
官方都不再更新vue-resource,并推荐大家使用axios,那我们就一起来学习一下它。同样我们需要事先安装好它,可以npm和bower安装,我们这里用最简单的cdn加载。<scriptsrc="https://unpkg.com/axios/dist/axios.min.js"> </script>CDN安装十分简单,接下来,我们看看它的语法,如何...原创 2019-05-09 13:27:42 · 352 阅读 · 0 评论 -
dva+antd mobile搭建移动端的项目
第一步:使用dva创建项目,通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。$ npm install dva-cli -g$ dva -vdva-cli version 0.9.1dva new dva-quickstartcd dva-quickstart$ npm start创建完后,项目的文件结构大概如下:第二步:安装antd-mo...原创 2019-05-09 21:04:36 · 4376 阅读 · 0 评论 -
HTTP服务器 -- http-server 的安装与运行
http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.HttpServlet容器响应Web客户请求流程如下:1)Web客户向Servlet容器发出Http请求;2)Servlet容器解析Web客户的Http请求;3)Servlet容器创建一个HttpRequest对象,在这个对象中封装Http请求信息;4)Servlet容器创建一个HttpRe...原创 2019-07-18 15:10:08 · 10929 阅读 · 0 评论