随笔分类 - react
react相关记录
摘要：import React from 'react'; import { G2, Chart, Geom, Axis, Tooltip, Coord, Label, Legend, View, Guide, Shape, Facet, Util, } from 'bizcharts'; const {
阅读全文
摘要：业务场景，前端一个弹框中，使用iframe嵌入了一个子项目，子项目中的操作完成之后，需要关闭弹框； 关系：父组件react 页面 ，子组件 嵌入的页面 实现方案： 1.window全局定义一个事件xxx，代码块里面写关闭的方法；子项目中window.xxx 2.通过判断子项目中的某个dom元素值的变
阅读全文
摘要：场景：xxx血压计测量数据之后，需要将测量的数据直接显示在pc后台管理平台相应的表格中 准备：一台xxx血压计，数据线，相关血压计桌面软件，pc 血压计相关说明：测量时，将数据线和pc连接，打开血压计桌面软件，点击连接设备，连接成功，开始测量，测量完成，桌面软件会显示相应的值：比如 收缩压 舒张压
阅读全文
摘要：20201123 语法糖： 当于汉语里的成语，用更简练的言语表达较复杂的含义。在得到广泛接受的情况之下，可以提升交流的效率；实现了运行时等价；语法糖就是一种便捷写法；ES6就新增了很多语法糖。。。数组还有对象的一些方法等。 对于机器语言，任何比他高级的语言都是语法糖，比如汇编语言，高级语言。 对于汇
阅读全文
摘要：/** exportExcel方法需要传入的参数 1、headers 表头 2、data 表格数据 3、name 导出表格的名称，默认为导出表格数据 4、arr 数组，每个单元格的大小，每个对象的key只必须是 wpx 注意，导出表格的格式只能为xlsx，别的格式可能没数据/不支持 */import
阅读全文
摘要：braft-editor 是antd 社区精选组件项目下 被推荐的一款富文本插件 https://ant.design/docs/react/recommendation-cn 美观易用的react富文本编辑器 可结合antd使用 本质是封装的draft-js 提供多媒体的功能（图片、音频、视频）
阅读全文
摘要：近期pc端需要跳转到另一个项目中 ：modal里面放ifram展示 url 跳转的内容 另外一个项目是.net做的页面 ，后台让做一个入参aes加密 于是 1>下载 npm install crypto-js --save 2>>引用 import * as CryptoJS from 'crypt
阅读全文
摘要：初级版本 本月之前不可点击 ； 默认选中 今日 ； 日历排版从每月1号开始找对应星期的下标进行对照，前或后为空，不做上下月份的铺满 升级版本 可无限上月； 默认当日 ； 日历铺满；翻月默认显示排列得第一个；全选所有未被操作过的日历（历史日历不可被操作，只可查看详情，所以即使“”从未操作“”也不被选中
阅读全文
摘要：关键字高亮： 父组件 //设置高亮 handleToChatLight = (conData, msgData, inputVlaue) => { //conData 已检索到的记录ID msgData 所有记录 inputVlaue检索内容 let x = document.querySelect
阅读全文
摘要：业务需求：h5链接展示一个检查项目的知情同意书，第三方接口返回是一个docx文件链接 ，需要以弹框的形式展示在手机上， 起初 iframe套着 直接访问服务器上docx格式文件链接，会直接进行下载，于是找到插件【 react-file-viewer】 可支持的预览: Images: png, jpe
阅读全文
摘要：///toy-react.js class ElementWrapper { constructor(type) { this.root = document.createElement(type); } // 设置属性 id class 等 setAttribute(name, value) {
阅读全文
摘要：先上dj(效果)！ 先上dj(效果)！ 技术：react --ref --父子组件通信 光标事件 字符串方法 兼容：基于Mozilla的浏览器不支持setSelectionRange 注意事项：浏览器默认行为 冒泡 (整个键盘区域有一个click显示键盘，单个数字键另外事件，点击某个位置时(隐藏键盘
阅读全文
摘要：https://www.kancloud.cn/wangfupeng/wangeditor3/335769 官网 "wangeditor": "^3.1.1", 版本 1. 黑窗口 cnpm install wangeditor 2.项目中 import E from 'wangeditor'; t
阅读全文
摘要：何时使用 上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。 当需要上传一个或一些文件时。 当需要展现上传的进度时。 当需要使用拖拽交互时。 引--antd官网 https://ant.design/components/upload-cn/ <Upload cl
阅读全文
摘要：点击小眼睛 进行图片预览 预览使用modal弹窗 不设置宽高 自适应图片的大小 旋转按钮 每点击一次 旋转90° render下 给Spin标签设置一个旋转按钮的图标 并带事件 const antIcon = <Icon type='reload' titie="旋转" className='com
阅读全文
摘要：记录： 使用React.createRef()方法（React 16.3+） ，创建一个ref, 使用一个变量存储。然后把ref挂载在dom节点上，通过current拿到该实例 -- dom节点信息，然后就可以使用原生dom的api方法 1.constructor下 将ref赋值给一个变量 this
阅读全文
摘要：近期新开了一个公众号项目，从gitlib上拉去项目到本地 启动时 页面报错如下 错误定位 react-dev-utils pack.json 网上搜索npm依赖包相关的问题。发现同一套代码在不同电脑上运行 出现不同的原因优先考虑的不是项目本身，而是自己电脑环境变量配置是否有问题再有就是nnode版本
阅读全文
摘要：献出蚂蚁金服Ui官网：https://ant.design/components/menu-cn/ antd UI 结合 react 很巧的一个搭配 react更具象化的编程路数 配合antd ui控件事件 很有趣 这是坐的一个小demo 大体用了 import { Menu, Icon，Layou
阅读全文
浙公网安备 33010602011771号