墨墨博客-CSDN博客

问题给iframe加了scrolling=‘yes’,横向滚动条在Chrome出不来，火狐上是有的在外面加div可以在iframe外面再套一个div，控制div的溢出<div style="width:100%;height:1000px;overflow-x:scroll;"><iframe src="http://xxx.com" style="width:1200px;height:1000px;overflow:hidden;"></iframe><

2022-05-16 10:23:54 603 1

原创你知道Object 和Map的区别吗？

Object VS MapsObject与 Maps 类似，都允许将键(key)设置为值(value)、检索这些值、删除键以及检测是否在键中存储了某些内容。由于这个原因，Object在历史上一直被用作Map。但是在某些情况下，使用 Map 有一些重要的区别。Object的键是string、number和Symbol，而 Map 可以是任何值，包括函数、对象和任何原始值。// Object 创建const obj1 = new Object()const obj2 = {}const obj3

2022-05-04 17:51:15 1379

原创 JS的深拷贝和浅拷贝

浅拷贝指向同一个内存地址，改变一个对象，另一个跟着改变varobj1 = { a: 11, b: 22 };varobj2 = obj1;obj2.a = 33;console.log(obj1);// { a: 33, b: 22 }console.log(obj2);// { a: 33, b: 22 }深拷贝指向不同的内存地址，比如一对双胞胎，...

2022-02-20 23:06:28 223 1

原创记录echarts 的一些需求实现

echarts文字过长换行，文字倾斜，tooltip自动播放，X轴横向滚动

2021-12-31 14:14:34 151

原创 JS模板字面量标签函数

定义标签函数会接收被插值记号分隔后的模板和对每个表达式求值的结果。标签函数本身是一个常规函数，通过前缀到模板字面量来应用自定义行为。标签函数接收到的参数依次是原始字符串数组和对每个表达式求值的结果。举个栗子let a = 1;let b = 2;function simpleTag(strings, aValExpression, bValExpression, sumExpression) { console.log(strings); console.log(aValExpr

2021-12-12 17:56:29 1449 4

原创 echarts 中国地图散点图渲染

准备echarts中国地图的json（在最后）先注册地图import * as echarts from 'echarts';import { dataChina, cityValue, geoCoordMap } from './china';echarts.registerMap('china', dataChina, {}); 地图部分geo: { roam: false, // 是否开启鼠标缩放和平移漫游 map: 'china', itemStyle: { area

2021-10-17 22:06:31 673

原创 Fullcalendar插件的使用

设计需求因为设计稿是这样的像日历又不完全是日历，所以本来想用antd的日历组件也用不了还好Fullcalendar插件可以满足安装npm install --save @fullcalendar/react @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/interaction不说太多上代码具体看注释import React, { useState, useRef, useMemo } from 'react';i

2021-08-29 15:09:02 1120

原创 postMessage+iframe通信

postMessagewindow.postMessage() 方法可以安全地实现跨源通信。语法otherWindow.postMessage(message, targetOrigin, [transfer]);otherWindow其他窗口的一个引用，比如iframe的contentWindow属性、执行window.open返回的窗口对象、或者是命名过或数值索引的window.frames。message将要发送到其他 window的数据。它将会被结构化克隆算法序列化。这意味着你可以

2021-08-10 09:49:38 599

原创微信开发者工具出现UNKNOWN ERROR:tunneling socket could not be established,cause=connect ECONNREFUSED

新建小程序的时候出现错误UNKNOWN ERROR:tunneling socket could not be established,cause=connect ECONNREFUSED查了一下发现是我之前开了代理，然后把代理关了，但是微信开发者工具的代理设置还是系统代理设置打开设置-代理设置把代理勾选为不使用代理即可，然后重启一下微信开发者工具...

2021-07-18 14:27:40 5462 1

原创 useEffect 与 useLayoutEffect 和 useMutationEffect 的区别

useEffect99% 的情况下都用这个。当钩子稳定并且如果重构任何类组件以使用钩子时，可以将任何代码从 componentDidMount、componentDidUpdate 和 componentWillUnmount 移动到 useEffect。useMutationEffect这在 React 渲染您的组件的同时同步运行。如果要改变 DOM，就用这个钩子，但前提是你不需要从 DOM 中读取值。useLayoutEffect这会在 React 执行完所有 DOM 更改后立即同步运行。如果

2021-06-25 16:45:05 645

原创富文本编辑器Quill的使用

需求来源于产品和UI快速开始<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet"><div id="editor"> <p>Hello World!</p> <p>Some initia

2021-06-21 10:12:42 3045 8

原创 React Hooks的memo、useCallback、useMemo的区别

父组件引用子组件例子import {useState} from 'react';const MemoTest = () => { const [name, setName] = useState('名称') const [content,setContent] = useState('内容') return ( <> <h3>{content}</h3> <button onClick

2021-05-29 21:03:28 355

Selenium服务器

selenium-java-2.44.0.zip

空空如也