上一页 1 2 3 4 5 6 7 8 ··· 15 下一页

2021年7月8日

web前端单元测试入门,以Ant Design Pro为例

摘要: 单元测试做什么 编写用来做单元测试的js文件,并执行。 适合对谁做: 存放静态方法的js文件,如utils/utils.js 页面组件,即React Component 不适合对谁做: 模板自带的js文件(不需要做改动,而且这种一般跑单测会有问题) 单元测试文件的特点: 一般有特定名称,如*.tes 阅读全文

posted @ 2021-07-08 19:50 fox_charon 阅读(1030) 评论(0) 推荐(0)

2021年6月5日

怎样固定依赖的依赖的依赖的版本

摘要: 前言 说到 package.json 的版本固定,你或许会想到 dependencies devDependencies 。 "@ant-design/pro-layout": "^4.5.16", "@antv/data-set": "^0.10.2", "antd": "^3.23.6", "c 阅读全文

posted @ 2021-06-05 15:05 fox_charon 阅读(4884) 评论(1) 推荐(2)

2020年12月15日

react-leftlet 实战:一个demo

摘要: 直接上代码。 import React, {PureComponent} from 'react'; import {useState, useEffect, useRef, useMemo} from 'react'; import { connect } from 'dva'; import { 阅读全文

posted @ 2020-12-15 23:24 fox_charon 阅读(390) 评论(0) 推荐(0)

2020年12月9日

react-leaflet 实战:Marker Popup 改成触摸触发

摘要: 如果你在 Marker 里面加一个 Popup 。 这个东西会自动加一个点击出现的事件。 而我想改成鼠标放上去出现,离开时消失。 上代码。(请粘贴到 https://react-leaflet.js.org/ 的编辑器中查看) const position = [51.505, -0.09] fun 阅读全文

posted @ 2020-12-09 23:42 fox_charon 阅读(593) 评论(0) 推荐(0)

antd实战:静态的checkbox

摘要: 就是说,这个checkbox只是展示一个勾勾,不需要做交互。 上代码。 const { Checkbox } = antd; function onChange(e) { console.log(`checked = ${e.target.checked}`); } ReactDOM.render( 阅读全文

posted @ 2020-12-09 21:33 fox_charon 阅读(272) 评论(0) 推荐(0)

2020年12月8日

antd实战:只有最下一级可以选择且只能单选的树组件

摘要: 上代码。 const { Tree } = antd; const { TreeNode } = Tree; const treeData = [ { title: '0-0', key: '0-0', children: [ { title: '0-0-0', key: '0-0-0', chil 阅读全文

posted @ 2020-12-08 22:52 fox_charon 阅读(2794) 评论(0) 推荐(0)

2020年11月14日

javascript: 一个可以代替jquery选择器的方法

摘要: 众所周知,与原生js不同,jquery方法 $() 会得到一个jquery对象,而不是js对象。 这个方法获取的对象可以用来执行其他jquery方法处理业务逻辑; 也可以通过下标获取js DOM。 当这个方法没有匹配到DOM的时候,则对象里面没有DOM元素。 $("div span").click( 阅读全文

posted @ 2020-11-14 11:36 fox_charon 阅读(325) 评论(0) 推荐(0)

2020年8月11日

antd 踩坑:为什么 Tree defaultExpandAll defaultExpandedKeys 在刷新后会失效?

摘要: 原因其实很简单。 <Tree onSelect={handleTreeClick} defaultExpandedKeys={[rootOrgId]}> {this.renderTreeNodes(OrgTreeData.children)} </Tree> renderTreeNodes = da 阅读全文

posted @ 2020-08-11 20:07 fox_charon 阅读(4724) 评论(0) 推荐(0)

antd踩坑: Select 模糊搜索

摘要: import { Select } from 'antd'; const { Option } = Select; function onChange(value) { console.log(`selected ${value}`); } function onBlur() { console.l 阅读全文

posted @ 2020-08-11 20:00 fox_charon 阅读(8252) 评论(0) 推荐(0)

2020年7月19日

antd4 源码学习 :表单

摘要: 首先。vue 的数据流是双向的,而 react 的数据流是单向的。 这意味着什么? 这意味着,vue 中,子组件可以用 emit 把数据更新传给父组件。而 react 中, 需要通过父组件把回调函数传给子组件实现类似功能。 为什么要说这个?因为框架的设计会影响到组件库的设计。组件库的设计必须配合框架 阅读全文

posted @ 2020-07-19 16:19 fox_charon 阅读(889) 评论(0) 推荐(1)

上一页 1 2 3 4 5 6 7 8 ··· 15 下一页

导航