今天我们来聊聊Flexbox，它是前端的一个布局方式。在React Native中是主流布局方式。如果你刚刚入门React Native，或者没有多少前端的技术经验，亦或者对其半知半解，那么这篇文章将很好的帮助你参透Flexbox的整个全貌。 purpose 通过这篇文章你将快速吃透整个Flexbo ...
分类：
其他好文 时间：
2020-06-01 14:05:49
阅读次数：
55
每一个的地方，每一种的知识，每一种事物，都是从陌生到熟悉。在这个过程里面，或许能开阔眼界，增长见识，体验乐趣。一切都归于我们的心态与行动。 1.前言 学习之路不可停止，最近在玩 React。也动手尝试写了一个实例。借此整理总结下初步学习 React 的一些基础知识。因为这几天比较忙，没那么多时间，所 ...
分类：
其他好文 时间：
2020-06-01 12:02:13
阅读次数：
52
react在16.8中加入了hooks，可以在函数组件中添加一些有自己独立上下文管理的状态（useState），不再依赖于类组件，同时一些逻辑也可以放到hooks中来复用(useEffects)。 不巧，最近react项目里用到了hooks,就拿来练练手，在开发中遇到了点问题，我就说说我的问题和解决 ...
分类：
其他好文 时间：
2020-06-01 11:42:23
阅读次数：
66
写在前面的废话 回到2013年，React凭空出世。但是在那时，我们会想，oh shit! 我们好不容易分离了HTML/CSS/JS, 为什么出现了JSX，我们又需要把HTML和JS耦合在一起？React 创造了 HTML in JS. 在React中，我们知道，一切即组件。那既然HTML能在js里 ...
分类：
其他好文 时间：
2020-06-01 00:41:23
阅读次数：
105
一 背景 在工作时，突然接到经理的一个要求，需要将一个react的高阶组件函数封装成一个npm包。之前从没弄过，当场还是有些懵逼的，但是这毕竟是工作，不能推脱。于是开始了学习、汤坑之旅。最终包发布，线上项目成功使用，虽然导致了一次线上故障，但还是快速地fix掉。吃一堑长一智，记录一下整个发布的过程和 ...
分类：
其他好文 时间：
2020-06-01 00:33:06
阅读次数：
74
背景 楼主最近新接了一个项目，从0开始做，需要做多语言的国际化，今天搞了一下，基本达到了想要的效果， 在这里简单分享下： 一些探索 也说不上是探索吧，就Google了一波， GitHub 上找了一个比较成熟的库 react-i18next， 写了一些代码，现将过程分享一下， 附带详细代码，手把手教你 ...
分类：
其他好文 时间：
2020-05-31 21:35:59
阅读次数：
54
大家好，这里是@IT·平头哥联盟，我是首席填坑官——苏南(South·Su)，今天要给大家分享的是SVG Sprites(也叫雪碧图)，所谓雪碧图，当然就不是我们常喝的雪碧饮料（Sprites）哦，哈哈～ 当下流程的移动端，手机型号太多太多，今天工作项目中突然发现还有同事在使用以前大家 曾经包括现在 ...
分类：
Web程序 时间：
2020-05-31 20:07:52
阅读次数：
84
先看效果图 由于是截图，大小有些失真 实现分析 看到这个图，思考一下，就能明白，其实就两个难点： 左边的锯齿状是如何实现 中间的凹陷是如何实现 上述两个难点解决了，相信有css基础的都能写出这个组件。 实现锯齿效果 方法一：伪元素before和after .sawtooth { /* 相对定位，方便 ...
分类：
其他好文 时间：
2020-05-31 17:45:45
阅读次数：
59
背景 还是之前的那个项目，做完国际化没多久，还没来得及划水， 又有新的活了 -- 移动端的兼容。 考虑到后期的复杂度， 需要做两套资源。 具体的目标是：同一个URL，PC打开就显示PC的那一套， M端打开就显示Mobile的页面。 create-react-app 脚手架本身不支持多入口， 需要改造 ...
分类：
其他好文 时间：
2020-05-31 16:25:34
阅读次数：
74
前期安装 node -v # 查看node的版本 npm i yarn tyarn -g # 全局安装tyarn tyarn global add umi 创建一个目录 mkdir reactjs cd reactjs tyarn init -y # 初始化项目 tyarn add umi --de ...
分类：
其他好文 时间：
2020-05-31 11:10:45
阅读次数：
104
