摘要: 记录一款简单好用的前端性能测试工具:https://github.com/GoogleChrome/lighthouse 这是一款基于chorme的测试工具,使用很简单: 1 使用npm全局安装 2 安装好后在cmd里运行: lighthouse http://localhost:3000 --vi 阅读全文
posted @ 2019-05-24 11:28 jim520 阅读(1757) 评论(0) 推荐(0) 编辑
摘要: 原文地址:https://segmentfault.com/a/1190000016389031 个人觉得比较好的是通过flex布局来实现,代码简单,且不受具体宽度和高度的影响: 阅读全文
posted @ 2019-05-07 18:16 jim520 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 使用box-shadow可以去除button选中时四周的阴影。 CSS代码如下(&是sass语法,即当前button元素): 阅读全文
posted @ 2019-04-17 13:56 jim520 阅读(2288) 评论(0) 推荐(0) 编辑
摘要: 如何在react的TS项目中定义组件的defaultProps,代码如下: 阅读全文
posted @ 2019-04-11 18:01 jim520 阅读(4742) 评论(0) 推荐(0) 编辑
摘要: 在用webpack或者creact react 构建的前端项目中,如果我们要用jquery-ui一定要像如下这样: 像上面这样引入之后正常使用就行: 阅读全文
posted @ 2019-04-09 10:58 jim520 阅读(5404) 评论(0) 推荐(0) 编辑
摘要: 转自:http://taobaofed.org/blog/2016/11/17/react-components-communication/ 阅读全文
posted @ 2019-04-03 11:51 jim520 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 比如我们要在window上定义 Jim 最简单的方法就是将window强制类型转换成any,但是不推荐! 推荐方法: 在项目中找到*.d.ts 文件 加上以下代码即可: 同样的比如用了JQuery的扩展方法: 那么在ts中使用: 同样要在项目中找到*.d.ts 文件 加上以下代码: 如果我们想定义一 阅读全文
posted @ 2019-03-20 10:28 jim520 阅读(6743) 评论(0) 推荐(0) 编辑
摘要: 最近在用react重构我们的Angularjs项目,我使用的是create react-app 构建的 使用typescript的react项目 其中遇到一个问题就是有的npm包比如: react-loadable 在npm上是没有@types/react-loadable的那么我们如何在符合TS语 阅读全文
posted @ 2019-03-08 16:15 jim520 阅读(3998) 评论(0) 推荐(0) 编辑
摘要: 基于react原生的代码动态分离:https://reactjs.org/docs/code-splitting.html React Loadable - 以组件为中心的代码分割和懒加载:https://www.jianshu.com/p/697669781276 升级到 React Router 阅读全文
posted @ 2019-03-08 15:33 jim520 阅读(602) 评论(0) 推荐(0) 编辑
摘要: 在react中使用map或者其他方法生成DOM时经常看到如下警告: index.js:1446 Warning: Each child in an array or iterator should have a unique "key" prop. See https://fb.me/react-w 阅读全文
posted @ 2019-02-28 16:39 jim520 阅读(1868) 评论(0) 推荐(0) 编辑