Grewer

摘要： 因为以前面试一大公司的时候没看基础题,翻车了 所以这篇博客就用来写一些 js 面试的基础题目 行内元素和块元素分别有哪些 iframe有那些缺点？ 1.frame会阻塞主页面的Onload事件； 2.iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。 3.SEO 阅读全文

摘要： 接口的创建 可以使用 type 和 interface 来创建类型 type 特有的优点: 1. 声明基本类型别名，联合类型，元组等类型 2. 可使用 typeof 获取实例的类型赋值 interface 特有的优点 interface 能够声明合并 关于对象 获取对象 以IFoo作为例子 获取接口 阅读全文

摘要： 情况 1 镜像的问题 如果你的镜像已经设置,却仍然卡主,那么请参考情况 2 这种情况在中文官网上已经有了,并且有这修改镜像的方法,附上链接: https://flutter.cn/community/china 而我这边是这样设置的: 在尝试一下 看运行十分正常 情况 2 使用镜像之后仍然会卡主 之 阅读全文

摘要： 最近找了一些文档的生成工具,结果发现了这个 可以通过注释,自动生成对应的文档,对于 react 库来说十分方便 安装 typescript 支持 配置 这次的例子是使用 cra 来创建的项目,还有其他项目也是支持的 "点击参考" 在根文件夹下创建 文件 可以使用如下的配置 更加具体的配置项可以 "点 阅读全文

摘要： 关于 mobX 在 react 16.8.0 以上的用法 以下例子均取自官网文档 一般用法: import { observer, useLocalStore } from 'mobx-react'; const Hooks = observer(() => { const todo = useLo 阅读全文

摘要： 说实话,作为前端来说,单元测试,并不是一种必须的技能,但是确实一种可以让你加法的技能 之前我一个库添加了单元测试,加完之后感悟颇深,所以写下这篇文章来记录 环境搭建 一般来说,普通的库,如果没有添加 babel 的话,在 test 里面,也是不能使用 es6 的语法的 总结来说 test 文件的兼容 阅读全文

摘要： 针对 react hooks 的新版本解决方案 一.redux维持原方案 若想要无缝使用原来的 redux,和其配套的中间件 promise,thunk,saga 等等的话 可以使用 github 链接 "redux react hook" 一个简单的使用例子: 使用方法和以前一致 二.使用 use 阅读全文

摘要： 本文所有东西尽可在 typescript 官网文档寻找,但是深浅不一 高级类型 lib 库中的五个高级类型 以下所有例子皆以 person 为例 Partial 源码: 实例: Required 源码: 实例: Readonly 源码: 实例: Pick 源码: 实例: Record 源码: 实例: 阅读全文

摘要： useCallback,useMemo 因为这两个 api 的作用是一样的,所以我放在一起讲; 语法: 区别在于第一个参数,还有参数的传递,另外 useCallback 中 DependencyList 是一个必须值 这两个 api 的作用基本就是缓存数据/方法 使用过 react 的人都知道,在组 阅读全文

摘要： useState 经典案例: 此例子中, 是最新的 hooks api; 语法: 其中 state 是他的值, setState 是用来设置值的函数, initialState 是初始值 useState initialState 该初始值可以接受任何参数,但是记得当他接受为一个函数时,就变成了 ( 阅读全文

摘要： 首先假设 基础的环境是有 creat react app 所创建的 即所有基础的loader,插件的 cache 都已经缓存了 在这种情况下想加速,真是很难 不过,有一个插件是可以观察 各个模块所花的时间的: ,他给了我们一个观察点 有很多文章都会说 happypack 有能加速的效果 但是经过我的 阅读全文

摘要： react 中状态的六个存储位置 1. state 我想大家都知道这个地方,而且在使用 setState 时会触发组件的更新 2. class prop 将值存在 class 的对象中,如: 这个 class 中的 count 便是这种存储方式; 优点: 改变值时不会触发组件的更新,当组件销毁后,再 阅读全文

摘要： 之前项目多,事情忙,一直没时间写博客,现在空闲下来了,总结一下 之前讲过了关于 build 压缩文件的方法,有兴趣的可以看下: 点击查看 现在讲讲一个页面的首屏加载速度该如何提升 提前说明 需要 webpack bundle analyzer 插件来进行 build 文件的分析 异步文件和必须文件 阅读全文

摘要： 几个月前看到了这篇文章 https://philipwalton.com/articles/deploying es2015 code in production today/,给了我很大的启发,本来是想使用 vue 来当实验对象的,但是在 vue cli3 的测试版中就有了这个内容,所以这次使用 阅读全文

摘要： 使用 pug 的原因: 使得 HTML 写起了来更加清晰和快捷 用法: Vue 的用法没有变化: 要注意的一点是: 标签后面如果有属性(括号内的) 他和括号之间不要加空格,加了空格就会被当成字符串解析 vue cli 2+ 配置: 下载包: 在build/webpack.base.conf.js 的 阅读全文