全玉金生

摘要： 杭州参与的一个项目中遇到一个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. 阅读全文