09 2023 档案
摘要:let data = Object.assign( { ... }, ...obj ) 上面的代码报错,TypeError: Invalid attempt to spread non-iterable instance,可是看着怎么都是对的。 可能是太疲惫了,或者定时思维太久了,连Object.a
阅读全文
摘要:某西的项目,使用mac配置好了host,VPN也正常,一直是能通过域名正常访问环境的 某一天早上还行,中午突然不行了,但是用ip能访问,只是登录框显示不出来 换用虚拟机中的windows,则使用域名能正常访问了 不知道是VPN服务端禁用了mac,还是其他原因,记录一下
阅读全文
摘要:杭州参与的一个项目中遇到一个react模块(人资),封装很多,嵌套层次很多,而且子组件全部使用 props传递,跟踪很困难 第一次排查,推测出应该是一个枚举缺少枚举项,但是数据传递流程未搞清楚,不敢确定,也未尝试验证 第二次排查, 先从源码入手,从报错方法,排查到对应父组件的写值方法,子组件使用pr
阅读全文
摘要:遇到与babel相关的前端报错 1. 首先,考虑.babelrc文件是否有问题 与原项目的babelrc文件比对,看是否缺少插件 2. 再次,单纯报错,使用屏蔽大法 屏蔽文件内容,直至不报错,若文件内方法被引用较多,可只屏蔽方法体 报错信息参考价值很高,错误栈要仔细看,可能某一栈中会指明报错的具体插
阅读全文
摘要:简单来说 1. button可以携带value值,并且在点击button时候,form提交会带上button的value <button name="foo" value="bar" type="submit">Submit</button> 2. button带值可以有多个 <form actio
阅读全文
摘要:React表单完全使用受控组件,即使用value和onChange来控制input状态 <input value={email} onChange={(e) => setEmail(e.target.value)} /> 在input输入字符时候,会频繁触发表单重新渲染,因为state改变,reac
阅读全文
摘要:一直用initiator定位接口源码,这次却定位失误了。定位到了一个有迷惑性的代码位置,再定位函数进入公共包了,查不到问题了。浪费了两天的时间。 总结教训,不见接口字符串不停止。接口是一定能看到ajax调用和接口字符串的,以这个为标识。 还有其他判断标准,就是测试环境文件一定是带hash的,不带ha
阅读全文
摘要:React的合成事件,所有事件都冒泡到document,带来的一个方便的地方就是,原本原生事件不支持冒泡的,在React中都支持冒泡 例如 focus,blur,change,submit,reset,select 等事件不支持冒泡, 但是在 React中,可以使用同名的合成事件来支持冒泡,这样可以
阅读全文
摘要:1. bing搜索 childContextTypes 和 getChildContext 搜出的结果不如 google 优质,google会直接显示React的文档,第一条就是精准的结果 bing搜索出的都是博客,居然第一页搜到了本人的博客,本人这篇写的还不错 2. bing在网络不好的时候,会显
阅读全文
摘要:1. 暂时使用flex和margin-top来对齐 <style> .rd{display:flex; align-items:center;} .rd input{margin-top:1px} </style> <div> <label class="rd"><input type="radio
阅读全文
摘要:.textc { --num: '今日大吉'; animation: text-change 3s linear forwards; } .textc::after{ content: var(--num); font-size: 20px; } @keyframes text-change { 3
阅读全文
摘要:1. 父子页面通信 父子页面有两种,iframe嵌套的和window.open打开的。window.open打开的页面,在窗口模式时,被打开的页面就是当前页面的子页面,tab模式时,只是形式不一样,也是子页面,可以通过window.opener来访问父页面。 iframe的通信方式: window.
阅读全文
摘要:在有大量模块路径需要提取模块名时候,可使用vscode正则表达式替换快速提取文本,经典案例如下 1. 提取固定模块名 aaa\xxx\resources\pu\pu\poorder\bbb\index.html aaa\xxx\resources\pu\pu\constance\bbb\index.
阅读全文
摘要:1. 文字和图片连续轮播 文字复制一份,对两份文字的容器做动画,移动-50% <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字和图片连续轮播</title> <style> * { margin: 0; padding: 0
阅读全文
摘要:项目的所有需求,必须提需求文档,需求文档需入库管理,需求修改需同步修改需求文档。 这样,遇到需求迁移,如果代码无源码,或者代码迁移失败,可以根据需求文档重新开发。 避免因人员离职,时间久远而出现的需求模糊问题。 需求文档电子化,还可以标准化需求文档,统一文档格式,不会出现不同人员不同风格,方便组内成
阅读全文
摘要:vscode自动添加了这么一句 import { Template } from "webpack"; 导致出现奇葩错误 Can't resolve 'fs' in '/xxx/Desktop/ncpub/node_modules/.pnpm/move-concurrently@1.0.1/node
阅读全文