dva

dva 中使用自定义 Iconfont 遇到的坑

大城市里の小女人 提交于 2020-04-11 10:06:52
背景 ant-design 官网提供了一部分图标,但种类并不能满足实际开发,需要去阿里图标库挑选些的图标来使用。 问题 使用过 Antd 的应该知道上面反馈成功的图标显示有误,应该是一个蓝色的√。 思路 起初以为是 antd 的样式没有引进来,可是想想又不对,反馈失败图标 —— 红色×是可以显示正常的,后来点了下整个网站发现只有反馈成功图标显示有问题,F12 打开控制台查源码如下: 可以看到,这里用到一个伪类选择器。内容为:'\E630'。 在此之前,我刚好去阿里图标库 Iconfont 自己挑选了一批图标,下载到本地,也就是这几个文件: 打开 iconfont.css 文件,发现果然与其中一个图标的 unicode 冲突了。而冲突的那个图标的样子就是最上面那张图的图形。 iconfont.css ... .anticon-stop:before { content: "\E630"; } ... 解决 直接删除本地 iconfont.css 文件中冲突的那个图标是没用的,需要重新去阿里图标库,删除冲突的那个图标,重新下载。 来源: oschina 链接: https://my.oschina.net/u/3500483/blog/1554907

跟我一起学 React + dva + Mockjs(9 个视频)

我的未来我决定 提交于 2020-02-25 15:38:29
跟我一起学 React + dva + Mockjs(9 个视频) 跟我一起学 React + dva + Mockjs #1 课程介绍 「04:21」 跟我一起学 React + dva + Mockjs #2 开始玩起来 「05:58」 跟我一起学 React + dva + Mockjs #3 真实项目中如何来维护 API 「Pro」「02:49」 跟我一起学 React + dva + Mockjs #4 另一种方式 「Pro」「02:52」 跟我一起学 React + dva + Mockjs #5 处理 JSON 「Pro」「02:17」 跟我一起学 React + dva + Mockjs #6 开始 & 安装 「Pro」「04:50」 跟我一起学 React + dva + Mockjs #7 数据模板定义 「Pro」「03:52」 跟我一起学 React + dva + Mockjs #8 数据占位符定义 「Pro」「04:16」 跟我一起学 React + dva + Mockjs #9 总结与学习方法(完结) 「Pro」「03:24」 来源: oschina 链接: https://my.oschina.net/u/2417355/blog/3168643

Dva 中使用 WebSocket

北城余情 提交于 2019-12-27 18:49:50
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 一、概述 Websocket 是 H5 自带的一个 API,随着越来越多的浏览器都自适应了 H5 的特性,许多浏览器也内置了 WebSocket API。也就是说 WebSocket 和 window、document 一样作为全局变量可以直接使用。 要在浏览器端使用 WebSocket,首先需要服务端支持 WebSocket,假设现在服务端已提供 WebSocket 服务,访问地址: ws://localhost:8080 ,简单介绍下浏览器使用方法。 // 连接 Websocket 服务端 const ws = new WebSocket("ws://localhost:8080"); // 监听连接上 Websocket 服务端触发事件 ws.onopen = function (e) { console.log('连接上 ws 服务端了'); // ws.send() 给服务端发送数据 ws.send('我是客户端,我接收到你的请求了'); } // 监听 Websocket 服务端传来消息触发事件 ws.onmessage = function(msg) { // msg.data 接收服务端传递过来的数据 console.log('接收服务端发过来的消息: %o', msg.data); }; //

面向未来的前端数据流框架 - dob

百般思念 提交于 2019-11-30 14:44:55
我们大部分对内产品,都广泛使用了 dob 管理前端数据流,下面隆重介绍一下。 dob 是利用 proxy 实现的数据依赖追踪工具,利用 dob-react 与 react 结合。 dob 的核心思想大量借鉴了 mobx ,但是从实现原理、使用便捷性,以及调试工具都做了大量优化。 特征 ✅ 支持 ❌ 不支持 📦 生态支持 🤷 不完全支持 功能 redux mobx dob 异步 📦 redux-thunk 等 ✅ ✅ 可回溯 ✅ 📦 mst ✅ 分形 🤷 replaceReducer ✅ ✅ 代码精简 📦 dva 等 ✅ ✅ 函数式 ✅ 🤷 🤷 面向对象 🤷 ✅ ✅ Typescript 支持 🤷 ✅ ✅ 调试工具 ✅ ✅ ✅ 调试工具 action 与 UI 双向绑定 ❌ 🤷 ✅ 严格模式 ✅ ✅ 支持原生 Map 等类型 ❌ ✅ observable 语法自然度 ❌ ✅ store 规范化 ✅ 🤷 ✅ 从依赖追踪开始 dob 自己只实现了依赖追踪功能,其特性非常简单,如下示意图+代码所示: img import { observable, observe } from "dob" const obj = observable({ a : 1 , b : 1 }) observe( () => { console .log(obj.a) }) 一句话描述就是:由