Yangfan's blog

一次 bug 的寻找之旅前言在最近的一个项目中，用到了 ant-design 的 轮播图组件 Carousel，发现无法按照预期给每个 slide 加样式（内联样式），后来发现是 ant-design 的轮播图组件引用的三方库 react-slick，通过源码查找，终于发现是代码把内联样式重写了 情景再现按照 ant-design 的官方示例，把demo拷贝过来 12345678910111... Continue reading...

React 函数式组件和 React 类有何不同？ 原文地址：https://overreacted.io/how-are-function-components-different-from-classes/ 原文作者：Dan Abramov Markdown 地址：https://github.com/gaearon/overreacted.io/edit/master/src/pag... Continue reading...

Element-UI 组件 el-scrollbar 的文档前言我们在 Element-UI 的其他组件里发现，有使用这个组件，并且还不错，由于 Element-UI 官方文档并没有写到关于 el-scrollbar 的文档，所以稳定性上可能是有些问题，这里只是爬了源码，翻译了一些属性的使用，仅供参考 快速使用1234<el-scrollbar> <li v-for... Continue reading...

你所不知道的 Chrome 控制台调试技巧前言收集了一些工作中常用到的 Chrome 调试技巧，其他大部分 Chrome 调试功能工具介绍已经在其他的很多文章中介绍到了，这里就不 DRY 了 Request blocking 阻塞请求使用这个功能可以拦截请求 大部分情况是页面执行完某个操作后，页面就重定向了（比如登录），这时就不方便调试了，下面这个工具很好的解决了这个问题 比如你想了解在... Continue reading...

下载整个仓库1$ git clone https://github.com/Yangfan2016/PersonalWorks.git 下载仓库内的指定文件1234567$ git init$ git config core.sparseCheckout true # 配置$ git remote add -f origin https://github.com/Yangfan2016/Pe... Continue reading...

【译】深入理解 ES2015，第一趴：块作用域 let 和 const 原文地址：http://javascriptissexy.com/understanding-es2015-in-depth-part-1-block-scope-with-let-and-const/ 原文作者：Dan Wellman Markdown 地址：https://github.com/Yangfan201... Continue reading...

碎碎念上一篇文章，我们介绍了如何构建一个 react 插件，今天我们说说如何构建 vue 插件 准备工作由于与上一篇 react 插件文章使用的是相同的结构，代码测试、持续集成及发布 npm 包也都是一个套路，这里就不再敖述。下面主要说下不同的地方，let’s start 😊 开发依赖包 123456789101112131415161718{ "devDepende... Continue reading...

前言一般情况下，我们写 React 项目，用 create-react-app 脚手架开发比较方便，但是如果要写一个插件的话，用三方脚手架就显得有点臃肿了，我们可以自己配置一个符合我们开发的简单工具，本文教你如何一步一步开发一个React 插件 ，let’s start 😊 准备工作工欲善其事，必先利其器，我们来选型 Typescript 为了方便开发，我们选用 Typescri... Continue reading...

cross-origin Why 为什么会存在跨域问题 同源策略由于出于安全考虑，浏览器规定JavaScript不能操作其他域下的页面DOM，不能接受其他域下的xhr请求（不只是... Continue reading...

Intro点击预览在之前的代码风格，和样式上做了大调整，如下图，主要是美化了移动端 Before before-pc After ... Continue reading...