dva 中页面过渡效果封装的很好,下面介绍常用的两个 js 库. 之前对 dva-loading 理解存在误区,认为只要在 index.js 中配置一下就没事了,事实上 dva-loading 只是提供当前异步加载方法的状态(异步加载中状态为 true,异步加载完成状态为 false),对应加载样式由各自组件自己控制,如:Antd 中 Table 组件自身的 loading 属性.并添加完整流程示例代码. 一.过渡组件 dva-loading 传统做法 比如请求一个用户页面,刚进去的时候由于要去…

什么是npm npm有两层含义.一层含义是Node的开放式模块登记和管理系统,网址为npmjs.org.另一层含义是Node默认的模块管理器,是一个命令行下的软件,用来安装和管理Node模块. npm不需要单独安装.在安装Node的时候,会连带一起安装npm.但是,Node附带的npm可能不是最新版本,最好用下面的命令,更新到最新版本. npm install npm@latest -g @latest表示最新版本 -g表示全局安装 常用的npm命令 npm help 查看命令列表 npm -l…

dva是一个状态管理工具,整合了redux,redux-saga,react-router,fetch等框架,目前只能用于react的状态管理 1. dva的models dva的主要作用还是整合了redux,redux-saga的多文件的分散的写法,将state,reducers,effects这些常用的状态处理方法集中在一个model中,其形式如下: import * as userService from '../services/userService' export default {…

services 该文件夹用于存储services,里面的内容为接口调用函数,记得将数据返回.(request是我自己封装函数,也可以用axios原生的函数) const finishTask = { query: (params) => request({ url: '/app/data, method: 'POST', data: params }) }; export{ finishTask } models 该文件夹为dva的核心之一,这个文件夹里主要是存储数据.处理数据等关键功能的地方…

在折线图中,当点击某个节点,出现提示浮框,并且可以进行点击操作 echarts 配置 tooltip: { show: true, formatter: function(e) { return 'any msg' }, triggerOn: 'click' }, 调用echarts api…

dva.js是阿里前端团队开发的一个基于react.redux.webpack的一个前端框架,他能够实现react-redux-webpack环境一键部署,能帮前端工程师节省不少环境搭建的时间.而且经过优化的redux跟原生redux相比使用起来要方便不少.这里来大致讲一下dva.js的用法. dva.js官方案例: https://ant.design/docs/react/practical-projects-cn github: https://github.com/dvajs/dva 先…

一.Golang并发基础理论 Golang在并发设计方面参考了C.A.R Hoare的CSP,即Communicating Sequential Processes并发模型理论.但就像John Graham-Cumming所说的那样,多数Golang程序员或爱好者仅仅停留在“知道”这一层次,理解CSP理论的并不多,毕竟多数程序员是搞工程 的.不过要想系统学习CSP的人可以从这里下载到CSP论文的最新版本. 维基百科中概要罗列了CSP模型与另外一种并发模型Actor模型的区别: Actor模型广义…

channel 是 golang 里相当有趣的一个功能,大部分时候 channel 都是和 goroutine 一起配合使用.本文主要介绍 channel 的一些有趣的用法. 通道(channel),像是通道(管道),可以通过它们发送类型化的数据在协程之间通信,可以避开所有内存共享导致的坑:通道的通信方式保证了同步性.数据通过通道:同一时间只有一个协程可以访问数据:所以不会出现数据竞争,设计如此.数据的归属(可以读写数据的能力)被传递. 通道实际上是类型化消息的队列:使数据得以传输.它是先进先出…

Dva 由阿里架构师 sorrycc 带领 team 完成的一套前端框架,在作者的 github 里是这么描述它的:"dva 是 react 和 redux 的最佳实践". Antd 是阿里的一套开箱即用的中台前端/设计解决方案,UI框架. Umi 一套可插拔的企业级 react 应用框架,同样由dva作者 sorrycc 完成.他在Umi中引入了 UI 工具 antd,打包工具 roadhog,路由 react-router和状态管理器 dva,做到了可插拔机制. Dva 初实践 一…

转自:http://tonybai.com/2014/09/29/a-channel-compendium-for-golang/ 在进入正式内容前,我这里先顺便转发一则消息,那就是Golang 1.3.2已经正式发布了.国内的golangtc已经镜像了golang.org的安装包下载页面,国内go程序员与爱好者们可以到"Golang中 国",即golangtc.com去下载go 1.3.2版本. Go这门语言也许你还不甚了解,甚至是完全不知道,这也有情可原,毕竟Go在TIOBE编程语…

公共样式---pc版的404报错 动态src 这个是vue组件template部分 <div class="not-found"> <img :src="img" alt="404"> </div> <div>{{fish}}</div> script部分 import './404.css' //先引入less import img from './error-404.png' exp…

Table of Contents 命令入口 服务器 启动server thread 模式 prefork 模式 gevent模式 wsgi 应用 响应 客户端请求 xmlrpc web http路由处理 HTTP request JSON request 路由注册 注册表 注册表创建或更新 模块 模块信息 迁移 钩子 migration hook 模块依赖关系 图 模块安装/升级/卸载 模块登记 模型初始化 模块数据加载 记录集 数据 读写 约束 SQL 约束 Python 约束 默认值 视图…

Vue.js 的模板是基于 DOM 实现的.这意味着所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强.Vue 模板因而从根本上不同于基于字符串的模板,请记住这点. 插值 文本 数据绑定最基础的形式是文本插值,使用 “Mustache” 语法(双大括号): <span>Message: {{ msg }}</span> Mustache 标签会被相应数据对象的 msg 属性的值替换.每当这个属性变化时它也会更新. 你也可以只处理单次插值,今后的数据…

从今天起开始写自然语言处理的实践用法,今天学了文本分类,并没用什么创新的东西,只是把学到的知识点复习一下 性别识别(根据给定的名字确定性别) 第一步是创建一个特征提取函数(feature extractor):该函数建立了一个字典,包含给定姓名的有关特征信息. >>> def gender_features(word): ... return {'last_letter': word[-1]} >>> gender_features('Shrek') {'last_le…

目录 一.使用正则表达式的命令[/,?, s, g] 1. 搜索命令 2. 替换命令s 3. global 命令形式 二.正则表达式的用法 表示位置的符号 表示数量的元字符 元字符一览 方括号内的特殊字符 方括号的用法: 一.使用正则表达式的命令[/,?, s, g] 1. 搜索命令 使用正则表达式的命令最常见的就是/, ?(搜索)命令.其格式如下: / 正则表达式, 向下搜索 ?正则表达式,向上搜索 如: /\d\d:\d\d:\d\d " 查找如 17:37:01 格式的时间字符串 2. 替…

1,等待一个事件 <-ch 将一直阻塞,直到ch被关闭 或者 ch中可以取出值 为止 所以到第17行之后会去执行go后面的func()匿名函数,在里面给ch赋值后(或者close(ch))后,才能继续往后执行 package main import( "fmt" ) func main(){ fmt.Println("Begin doing something!") ch := make(chan int) go func(){ fmt.Println(&qu…

数据绑定语法 Vue.js 的模板是基于 DOM 实现的.这意味着所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强.Vue 模板因而从根本上不同于基于字符串的模板,请记住这点. 插值 文本 数据绑定最基础的形式是文本插值,使用 “Mustache” 语法(双大括号): <span>Message: {{ msg }}</span> Mustache 标签会被相应数据对象的 msg 属性的值替换.每当这个属性变化时它也会更新. 你也可以只处理单次插…

一.KVC 的用法和实践 用法 KVC(Key-value coding)键值编码,顾名思义.额,简单来说,是可以通过对象属性名称(Key)直接给属性值(value)编码(coding)“编码”可以理解为“赋值”.这样可以免去我们调用getter和setter方法,从而简化我们的代码,也可以用来修改系统控件内部属性,KVC是KVO.Core Data.CocoaBindings的技术基础,他们都是利用了OC的动态性 KVC用法 setValue:forKey:(为对象的属性赋值) setValu…

Vue.js 数据绑定语法详解 一.总结 一句话总结:Vue.js 的模板是基于 DOM 实现的.这意味着所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强.Vue 模板因而从根本上不同于基于字符串的模板,请记住这点. dom html 不同于 字符串 1.Vue.js 数据绑定语法有哪4个知识点? 插值 绑定表达式 指令 缩写 a.插值:数据绑定最基础的形式是文本插值,使用 "Mustache" 语法(双大括号) b.绑定表达式:放在 Mustach…

之前我有写过博文介绍过dva.js及其用法,dva.js固然是个非常优秀的框架,但是如果用dev-cli来创建的话就会默认绑定使用roadhog而不是webpack.鉴于roadhog的文档要明显少于webpack,如果能使用webpack+dvajs的话使用起来应该会轻松些.本文大致来介绍下dvajs+webpack3.11.0 开发环境的搭建过程. 首先先贴上package.json: { "name": "dva-webpack-boilerplate", &…

一.canvas图片加载 关于canvas加载,我的方法是,将文章中所有用到图片的地方,都用canvas代替,给canvas一个data-src,里面存放img的路径,通过canvas方法渲染图片.因为图片渲染需要时间,一般会给canvas一个背景,背景可以用gif图片.图片渲染好了之后把背景去掉. 我的canvas代码如下: canvasload: function () { //canvas加载图片 var imglength = $("#您的id").find("can…

[前言] 找了很多Admin模板,最后还是看中了AntDesignPro(下文简写antd pro)这个阿里巴巴开源的Admin框架,长这样(还行吧,目前挺主流的): 官网地址:https://pro.ant.design/index-cn 该套模板是使用了React开发框架作为基础,AntDesign(蚂蚁金服开源UI组件库)作为UI库,集成了Dva,Umi,Mock等库,如果不是很了解这些内容,门槛还是比较高的. 我们今天需要实现一个需求:将Antd Pro模板中固定写死的菜单换成从服务器请…

在前面我们通过四篇文章入门了React的大部分主要API,现在则开始进入实践环节. 实践系列的开篇打算拿我司的FrozenUI来试验,将其部分UI组件进行React化,作为第一篇实践文章,将以较简单的Loading组件来入手,官网demo的效果如下图: 为了更好地开发,后续将以webpack工具来辅助,对其不了解的童鞋可以先查阅我的<webpack 入门指南>一文. 鉴于我们将复用 FrozenUI 的样式,所以在DOM结构.class命名上都应当尽量和原版的保持一致,在这个基础上来实现具有同…

dva 有一个管理 effects 执行的 hook,并基于此封装了 dva-loading 插件.通过这个插件,我们可以不必一遍遍地写 showLoading 和 hideLoading,当发起请求时,插件会自动设置数据里的 loading 状态为 true 或 false .然后我们在渲染 components 时绑定并根据这个数据进行渲染. dva-loading的使用非常简单,在index.js中加入: // 2. Plugins app.use(createLoading()); 每个…

Linux中sed的用法实践 参考资料:https://www.cnblogs.com/emanlee/archive/2013/09/07/3307642.html http://www.fn139.com/list-2.htmlsed命令行格式为:sed [-nefri] 'command' 输入文本/文件常用选项:    -n:取消默认的输出,使用安静(silent)模式.在一般的sed用法中,        所有来自STDIN的资料一般都会被列出到屏幕上.但如果加上-n参数后,则只有经过…

孤荷凌寒自学python第七十天学习并实践beautifulsoup对象用法3 (完整学习过程屏幕记录视频地址在文末) 今天继续学习beautifulsoup对象的属性与方法等内容. 一.今天进一步了解到的BeautifulSoup模块中的一些用法小结: 1. 前天的学习中掌握了在查找html文档树中的指定标识的html标签的同时还可以指定此标签对象的一些特有的属性来缩小查找范围的方法如下: BeautifulSoup对象.find_all('标签tag',attrs={‘属性名’:'属性值'}…

孤荷凌寒自学python第六十九天学习并实践beautifulsoup对象用法2 (完整学习过程屏幕记录视频地址在文末) 今天继续学习beautifulsoup对象的属性与方法等内容. 一.今天进一步了解到的BeautifulSoup模块中的一些用法小结: 1. Html标签对象.parent #返回直接上一级父级对象整体 2. Html标签对象.parents #parents返回从a对象的直接父级对象开始的各个逐个上升的父级直到<html></html>级为止的宗谱链,是一个生…

记录一下最近项目所用到的技术React + Dva + Antd + umi ,以免忘记.之前没有用过它们其中一个,也是慢慢摸索,了解数据整个流程. 先了解下概念 React 不多说,3大框架之一: Dva 是由阿里架构师 sorrycc 带领 team 完成的一套前端框架,在作者的 github 里是这么描述它的:“dva 是 react 和 redux 的最佳实践”.现在已经有了自己的官网 https://dvajs.com: Antd 是阿里的一套开箱即用的中台前端/设计解决方案,UI框架…

今天肺炎增长数字依然吓人,感觉穿越到丧失片里了. 本节开始学习dva model使用,官网的讲解太文档化,对新手实践不太友好,自己简化了一个最简单的演示代码. 1.在src,models文件夹下创建user.ts,初始化username为张三1 const UserModel = { namespace: 'User', state:{ UserInfo:{ username:"张三1" } }, reducers:{ updateUserState(state,action) { l…

方案1.你可以在model里面操作 在model里面的state里面声明一个变量state,默认是false,effect函数执行开始就将其改为true,然后等call()然后结束后又将其改为false. state{ isloading:false, isEnd:false //你也可以加一个变量去区分其状态 } yield put({ type: 'save', payload: { isloading: true, isEnd: false, }, }); const res = yiel…