SF
hachimei前端随笔
hachimei前端随笔
注册登录
关注博客
注册登录
主页
关于
RSS
使用vuejs和storybook搭建简易演示项目
hachimei
2020-06-05
阅读 1 分钟
1.4k
项目预览项目功能 使用vue构造stories.js 用preview.html加载第三方库,以全局变量形式引入 页面有源码,不用打开项目即可查看组件源码 演示项目地址
初学React高阶函数
hachimei
2019-09-02
阅读 3 分钟
2.1k
先看 class CesiumComponent extends React.PureComponent<WithContextProps<P,C>>
Vue使用mixin分发组件的可复用功能
hachimei
2019-09-01
阅读 1 分钟
2.7k
每个vue组件有mixins属性接收mixin数组,但由于mixin与组件,mixin与mixin之间存在属性命名冲突的问题,vue解决这个的方式是:1 数据对象在内部会进行递归合并,并在发生冲突时以组件数据优先。2 值为对象的选项,例如 methods、components 和 directives,将被合并为同一个对象。两个对象键名冲突时,取组件对象的键值...
React高阶组件特点
hachimei
2019-08-31
阅读 1 分钟
1.7k
一 、高阶组件(下面都称作HOC)HOC应该是无副作用的纯函数,且不应该修改原组件。HOC接收一个函数作参数,render时仅仅渲染了被包装的组件,并没有侵入式的修改它。二、HOC不关心你传递的props是什么,并且被包装的组件不关心数据来源。三、HOC接收到的props应该传递给被包装的组件,但它可以对props进行操作(非直接修改...
typescript常见类型声明
hachimei
2019-08-30
阅读 2 分钟
2k
以下代码截取自es5的声明前提说明:T是接口,方便理解,实际情况可能是复杂类型interface T {name: stringage: numbersex: 'male' | 'female'}还有一点:keyof T === 'name' | 'age' | 'sex'
typescript 2.9.x +webpack 4.16.x + react 16.4.x
hachimei
2018-08-21
阅读 7 分钟
2.4k
typescript 2.9.x +webpack 4.16.x + react 16.4.x 从零开始,配置简单可自由更改,按需加载antd 3.8的组件,包括样式前言: 由于网上找不到typescript结合react,并按需加载antd的教程,于是开始踩坑。该过程中发现 1 “cannot resolve module 'antd'” (tsconfig 中设置moduleResolution: "node”,告诉webpack去相应的n...
antd typescript版源码学习
hachimei
2018-02-08
阅读 4 分钟
6.9k
GitHub上的antd是用typescript实现的,目前我在学习typescript,因此fork了一份antd的源码。学习过程中发现学习曲线很陡峭,不适合新手,因此想把antd中适合新手的东西(各个组件的typescript源码)剥离出来,做到零配置,方便学习。