- 博客(21)
- 收藏
- 关注
RSS订阅原创 React经典问题
一、 当调用setState时，发生了什么操作？当调用setState时，React做的第一件事情是将传递给setState的对象合并到当前状态，这将启动一个称为和解的过程和解过程的最终目标是，根据这个新的状态以最有效的方式更新Dom。为此，React会构建一个新的React虚拟DOM树。一旦有了这个DOM树，为了弄清DOM是如何响应新的状态而改变的，React会将这个状态与上一个虚拟DOM...
2019-02-25 16:50:43
1047
原创 HTTP介绍
1.HTTP简介HTTP协议（超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，是用于从万维网服务器传输超文本到本地浏览器的传送协议，所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据（HTML文件，图片文件，查询结果等）。2.HTTP工作原理HTTP协议工作于客户端-服务器架构上。浏览器作为HTTP客户端通过URL向HTTP服务器即WEB服...
2018-11-08 15:02:00
471
原创 Redux-React Router+Node.js全栈开发实战教程--express+mongodb基础（三）
一、Express+mongodb开发web后台接口Express开发web接口非关系型数据库mongodb使用nodeJs的mongoose模块链接和操作mongodb二、Express基于nodeJs，快速、开发、极简的web开发框架npm install express --save 安装expresshello world应用新建server.jsconst ex...
2018-11-03 16:41:30
1141
原创 Redux-React Router+Node.js全栈开发实战教程--ES6语法概述（二）
一、ES6里都有什么块级作用域、字符串、函数对象扩展、解构类、模块化等二、作用域let 和const定义变量使用let代替var{ var name = 'sytin'}console.log(name)//没有任何问题{ let name = 'sytin'}console.log(name) //报错 name is not definedconst...
2018-11-03 15:42:22
898
原创 Redux-React Router+Node.js全栈开发实战教程--开发环境介绍(一）
一、讲述内容create-react-app脚手架生成文件格式如何安装和使用第三方库如何定制化配置二、create-react-appreact 官方脚手架官网https://github.com/facebookincubator/create-react-appnpm start开启调试环境浏览器访问localhost:3000查看调试页面三、脚手架命令npm instal...
2018-11-03 14:21:34
828
原创 dva介绍--API（三）
1.输出文件1.1 dva1.2 dva/router默认输出 react-router 接口， react-router-redux 的接口通过属性 routerRedux 输出。import { Router, Route, routerRedux } from 'dva/router';1.3 dva/fetch异步请求库，输出 isomorphic-fetch 的接口。不和 ...
2018-11-01 11:04:36
3108
原创 dva介绍--Dva概念（二）
1.数据流向数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的。通过 dispatch 发起一个 action，如果是同步行为会直接通过 Reducers 改变 State ，如果是异步行为（副作用）会先触发 Effects然后流向 Reducers 最终改变 State2.Models2.1 StateState 表示 Model 的状态数据，通常表现为一个...
2018-10-31 20:47:23
1657
原创 dva介绍--快速上手（一）
1.安装dva-cli通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上npm install dva-cli -g2.创建新应用dva new dva-quickstart然后我们 cd 进入 dva-quickstart 目录，并启动开发服务器：cd dva-quickstartnpm start3.使用antd通过 npm 安装 antd 和 bab...
2018-10-31 20:17:39
1002
原创 UmiJS介绍--api（八）
1.路由1.1 umi/link通过声明的方式做路由跳转。import Link from 'umi/link';export default () => { <div> /* 普通使用 */ <Link to="/list">Go to list page</Link> /* 带参数 */ <Link...
2018-10-31 17:50:36
9987
1
原创 UmiJS介绍--webpack配置（七）
1.chainWebpack通过 webpack-chain 的 API 扩展或修改 webpack 配置。chainWebpack(config, { webpack }) { // 设置 alias config.resolve.alias.set('a', 'path/to/a'); // 删除进度条插件 config.plugins.delete('progres...
2018-10-31 17:31:25
38162
7
原创 UmiJS介绍--基本配置（六）
1.plugins类型：Array默认值：[]export default { plugins: [ 'umi-plugin-react', // 插件有参数时为数组，数组的第二项是参数，类似 babel 插件 ['umi-plugin-react', { dva: true, }], ],};2.routes类型：Array默认...
2018-10-31 16:54:41
10951
原创 UmiJS介绍--mock（四）
umi 里约定 mock 文件夹下的文件即 mock 文件，文件导出接口定义，支持基于 require 动态分析的实时刷新，支持 ES6 语法，以及友好的出错提示1. 引入 Mock.js Mock.js是常用的辅助生成模拟数据的第三方库import mockjs from 'mockjs';export default { // 使用 mockjs 等三方库 'GET /ap...
2018-10-31 15:41:05
8585
原创 UmiJS介绍--路由（三）
umi 会根据 pages 目录自动生成路由配置。1. 约定式路由1.1 基础路由假设 pages 目录结构如下：+ pages/ + users/ - index.js - list.js - index.js那么，umi 会自动生成路由配置如下：[ { path: '/', component: './pages/index.js' }, { pa...
2018-10-31 15:16:29
40236
3
原创 UmiJS介绍--目录及约定（二）
umi 通过 create-umi 提供脚手架，包含一定的定制化能力。推荐使用 yarn create 命令，因为能确保每次使用最新的脚手架。1. 创建项目mkdir myapp && cd myappyarn create umi然后，选择你需要的功能，功能介绍详见 plugin/umi-plugin-react然后手动安装依赖yarn最后通过 yarn sta...
2018-10-31 14:10:12
6890
1
原创 UmiJS介绍--快速上手（一）
1.介绍umi是一个可插拔的企业级react应用框架。umi以路由为基础的，支持类next.js的约定式路由，以及各种进阶的路由功能umi配以完善的插件体系，覆盖从源码到构建产物的每个生命周期umi是蚂蚁金服的底层前端框架umi 可以简单地理解为 roadhog + 路由，思路类似 next.js/nuxt.js，辅以一套插件机制，目的是通过框架的方式简化 React 开发2.特性1....
2018-10-31 11:51:51
24550
2
原创 TypeScrit入门
1.基础类型1.布尔值let flag:boolean = false;2.数字let num:number = 12;3.字符串let name = &quot;wang&quot;let hello: string = `Hello, my name is ${ name }`;4.数组第一种，可以在元素类型后面接上 []，表示由此类型元素组成的一个数组let list: number[...
2018-10-30 20:36:42
475
原创 基于umi的Ant Design介绍
1. 开发环境1.1 安装 nodeJs,版本大于8.5.0。1.2 安装cnpm获得更快速、更安全的包管理体验。(可选)npm install -g cnpm --registry=https://registry.npm.taobao.org1.3 安装umi依赖1. mkdir antd-umi-course2. cd antd-umi-course3. cnpm init -...
2018-10-30 15:20:19
23797
1
原创 VS Code配置 SonarLint , SonarQube
前提：Sonar Server 已经被配置完备VSCode 中关联并应用已配置好的 Sonar Lint 规则1. 下载SonarLint商店中搜索SonarLint下载2.配置java jar环境下载SonarLint之后，如果电脑没有java环境会在左下角提示，需要下载jar并配置环境1）下载对应版本jar安装2）配置jar的环境变量：计算机右键->属性->高级系统...
2018-10-29 14:56:31
12330
4
原创 svg介绍
1. svg在html中使用1.&lt;embed src="circle1.svg" type="image/svg+xml" /&gt;2.&lt;object data="circle1.svg" type="image/svg+xml"&gt;&lt;/object&
2018-10-25 17:56:07
479
原创 less介绍
less介绍作为一种 CSS 扩展, Less 不仅向后兼容 CSS, 它还使用现有的 CSS 语法新增了额外的特性. 这使得学习 Less 更轻松, 一旦有任何问题，可以随时退回使用标准的 CSS.less使用1.变量@color:red;body{ background:@color}由于变量只能定义一次，实际上他们就是“常量”.2.混合.common{ col...
2018-10-25 14:08:35
584
原创 BEM思想（css命名规范）
在团队开发中，由于缺乏规范，样式管理一直是开发中的痛点，样式污染，难以定制化，依赖性高，各种问题层出不穷。而BEM是一个非常有用，强大，简单的命名约定，可以让你的前端代码更容易阅读和理解，更容易协作，更容易控制。当然，通常人们会认为BEM写法难看，但是他的好处远远超过它外观上的那点瑕疵。BEM命名约定BEM：块（block）、元素（element）、修饰符（modifier）命名约定的...
2018-10-24 11:30:39
8076
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人