coco723的博客

移动端配置：必须和PC端使用同一个WI-FI，链接好WI-FI之后，点击链好的WI-FI进入网路设置，配置代理，IP地址为PC端本机IP地址（如果不清楚，可以启动命令控制台，ipconfig查看）端口号为代理服务器的运行端口号。1. 在画UI的时候，更适合在PC端调试，更改代码或者直接在浏览器调试，都是实时出效果的；更符合开发体验和效率；2. 在调试一些功能和原生端交互的时候，PC端的H5页面是无法调试的；代理成功后，在移动端访问对应的页面，PC端代理服务器就可以看到请求的数据了，主要是后端接口请求；

代码】create-react-app脚手架本地调试。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JsjGCYba-，代码从上到下按需执行解析。执行完成后，就去新建的项目。源码解读，详细可以从。到这里是不是很眼熟，脚手架初始化的项目，，运行完成，新建项目。...

在create-react-app脚手架的目录为函数定义执行app创建${.cyan(.)}${.===?'isnot'}${.cyan()}${.cyan('react')}${.cyan()}${.cyan(.)}${?`with${chalk.cyan(.name)}`''}${}${.cyan(.)}${.cyan()}${.cyan(`${appName}/`)}${.cyan(.,'..'

在create-react-app脚手架的目录为函数定义创建reactapp${.}${.green()}${.}${.}

解读函数作用一个promise函数，发起HTPP请求，成功返回对应的版本。在create-react-app脚手架的目录为。当前版本为5.0.1。

检查Npm是否可以读取Cwd首先看下源码${.bold()}${.bold()}${.cyan('reg')}${.cyan('reg')}

背景项目中列表页测试在UC浏览器中发现白屏，查看控制台unexpected token …猜测像是解构与法报错，本地运行代码发现是node_modules里文件解构与法报错报错npm库库名： dynamic-file查看代码，src/main.js，函数中有一个…other项目中引用dynamic-file的作用在npm库中的链接：https://www.npmjs.com/package/dynamic-file从库命名可以可以看出来是动态加载资源文件，umd规范，无任何依赖，动态加载j

背景：在升级公司内部头部依赖包的时候遇到的问题：在升级头部的时候，头部依赖的包，没有锁包，安装依赖库的时候包依赖的包会自动升级├─┬ @cnstrong/xxx│ ├─┬ eslint@6.8.0│ │ ├─┬ inquirer@7.3.3│ │ │ ├─┬ chalk@4.1.0chalk@4.1.0需要node10以上版本;服务器上的node版本是8，所以老项目大部分应该用到的都是node8的版本，项目中的npm库依赖于node8大部分包对node版本兼容比较好，但是有少数的包比较强依

上传图片到服务器import API from "@utils/api";import { MAX_SIZE } from '@utils/sheet/constant'import { message } from "antd";export const requestUploadImg = (blob: any, width: number, pageHeight: number) => { let imgWidth: number; if (width) { imgW

支持图片粘贴 /** * 图本粘贴处理 * @param url String 图片链接 */ function pasteWordWithImg(htmlStr, imgArr) { let str = htmlStr; if (imgArr.length === 1) { const { upImgUrl, upWidth, upHeight } = imgArr[0]; getImgToBase64( upImgUrl,

支持图片复制 /** * URL转base64 * @param url String 图片链接 * @callback Function 获取base64格式后的回调函数 */function getImgToBase64(url, width, height, callback) { let canvas = document.createElement("canvas"); const context = canvas.getContext("2d"); co

富文本中图片上传插件注册开发// @ts-nocheckimport { requestUploadImg } from "./pageImageSave";/** * 富文本框上传图片插件 * @param UE * @param width * @param pageHeight */export const imgPlugin = (UE, width, pageHeight) => { UE.ui["diyimg"] = function (editor) {

class组件法的实现传统Class方式下，很容易想到UNSAFE_componentWillUpdate，将nextProps与当前的props比较便可知道高度是否发生了变化UNSAFE_componentWillUpdate(nextProps) { if (this.props.height && nextProps.height && this.props.height !== nextProps.height && ueditor .

场景用户在使用过程中，页面报错，报错信息如下：当前报错的电脑系统版本为:Safari浏览器版本：但是在其他mac系统上，同样是Safari浏览器，却能正常使用，没有报错信息定位问题于是开始查找相关资料，找到https://blog.youkuaiyun.com/weixin_34234721/article/details/91430275同样的报错信息，那么是不是这方面原因导致的呢？根据错误堆栈信息，找到了可能问题代码：改正后的代码：待验证(因为必须找对应版本的测试设备)...

问题本地起服务，访问页面的时候报错，刚还运行的好好的，怎么突然报错了？？？经过一系列的排除定位问题，发现可能是因为浏览器版本导致的登陆问题，具体报错如下：方案方案一：更改浏览器默认配置Schemeful Same-Site禁用，设为disabled后，在重新刷新浏览器，没有报错了上述翻译：修改同站点计算，使得具有相同可注册域但不同方案的源被视为跨站点。此更改仅适用于具有“SameSite”属性的 cookie。 – Mac、Windows、Linux、Chrome 操作系统、Android

背景在启动老项目的时候，出现了warning的信息，当然不影响正常使用，但是作为“强迫症”患者，还是忍不住查看原因及解决方案定位原因报错信息比较清晰了，react与eslint-plugin-react包版本不匹配，接下来就可以针对具体问题，查找解决方案了解决方案https://github.com/yannickcr/eslint-plugin-react/issues/2157参考了该issue在.eslintrc文件中添加如下配置信息 "settings": { "react"

有些老项目的包长时间没有更新，导致项目中有些性能问题，在项目迭代中考虑升级包，开始查找相关资料；简单“粗暴”的升级方式当然包升级后带来的一些问题，需要更全面的思考，此处先省略…直接进入主题：npm包升级工具：npm-check-updatesnpm-check在本地执行安装命令如下：npm install -g npm-check-updates// 升级npm包ncu -u对package.json所有的包进行统一升级，执行情况如下：包安装升级完成，但是项目跑不起来。。首先

背景在项目中有的跳转是需要新开页，有些需要在当前页面跳转页面跳转的方式有哪些？window.location(.href) = “”window.location = "http://"'window.location.href = "https//"上面两种方法都是当前页面跳转；不同之处在于 window.location 返回的是对象，如果没有.href，它的默认参数就是hrefwindow.openwindow.open("https://")window.open("https

问题输入框，需要处理onblur事件与onclick事件，在项目中点击button按钮的时候同时也触发了onblur事件解决方法：经过一步步定位问题发现该问题，查找资料后进一步测试问题得以解决，将button的onclick事件更改为onMouseDown...