- 博客(27)
- 收藏
- 关注
RSS订阅转载 React Fiber 架构解析
本文来源于Max Koretskyi aka Wizard的Inside Fiber: in-depth overview of the new reconciliation algorithm in React向更深入理解React的全貌,建议阅读此仓库,它会交给你如何打造一个简易的reactReact 是一个用于构建用户交互界面的 JavaScript 库，其核心机制就是跟踪组件的状...
2019-11-27 15:49:19
263
转载 数组方法的源码
forEach作用: 循环遍历数组 特点: 不改变原数组，返回值为undefined。 改变不了数组的遍历(return/break不好使，会报错) 源码实现 Array.prototype.myForEach = function(func) { var len = this.length; for(var i = 0; i < len; i++) { ...
2019-11-27 12:23:19
252
转载 useEffect 完整指南
你用Hooks写了一些组件，甚或写了一个小型应用。你可能很满意，使用它的API很舒服并且在这个过程中获得了一些小技巧。你甚至可能写了一些custom Hooks去抽离重复的逻辑（精简掉了300行代码），并且得意地展示给你的同事看，“干得漂亮”，他们如是说。但有时候当你使用useEffect你总觉得哪儿有点不对劲。你会嘀咕你可能遗漏了什么。它看起来像class的生命周期…但真的是这样吗？你发觉...
2019-11-27 10:03:07
6995
1
转载 React Native单元测试
原文https://blog.csdn.net/xiangzhihong8/article/details/83547346
2019-11-26 14:14:22
199
转载 React 和 ReactNative 的渲染机制/ ReactNative 与原生之间的通信 / 如何自定义封装原生组件/RN中的多线程
RN 与native 的交互0>>> React 的渲染機制1>>> react-native 渲染原理2>>> react-native 如何与原生通信3>>> 如何封装一个原生视图组件4>>> react-native 的线程管理RN的本质是利用 js 调用 native 端的...
2019-11-25 19:34:32
1263
转载 webpack原理
webpack原理查看所有文档页面：前端开发文档，获取更多信息。原文链接：webpack原理，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。工作原理概括基本概念在了解 Webpack 原理前，需要掌握以下几个核心概念，以方便后面的理解：Entry：入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module：模块，在 Webpac...
2019-11-24 22:01:32
233
转载 【RN】ReactNative与原生交互之Android篇
最近在因为项目需求需要，需要在原本的Android工程中集成RN，用RN来开发需求经常变更的、变更周期短的业务。写下这篇文章用来记述集成过程中的细节注意点以及一些学习经验。本文主要介绍RN与Android原生之间的一些交互操作，以及原生中间件的封装流程。涉及如何调用原生接口、传参、获取回调值、获取常量值、调用原生UI、监听原生发送的事件、线程操作等。一、自定义原生模块创建自定义模块...
2019-11-24 18:27:01
856
转载 前端面试整理
一、CSS1.两个盒子，一个下边据20px，一个上边据30px，最后为两个盒子之间的距离为多少？答案:30px2.什么是高度坍塌在文档流中，父元素的高度默认是由子元素撑开的，但是我们把子元素设置为浮动后，子元素完全脱离文档流，此时子元素无法撑起父元素的高度，导致父元素高度坍塌。3.高度坍塌的解决方法(清除浮动的方法)给父元素设置高度 缺点：只适用于父元素高度固定的情况下。...
2019-11-24 12:28:41
412
转载 前端面试题 回顾与复习（更新中）
还没有完全整理好 希望大家见谅 后面逐步优化原生DOM操作如需替换 HTML DOM 中的元素，请使用replaceChild(newnode,oldnode)方法 从父元素中删除子元素 parent.removeChild(child); insertBefore(newItem,existingItem) 在指定的已有子节点之前插入新的子节点 appendChild(new...
2019-11-24 11:09:58
440
转载 让自动化工作流解放你的双手
相信很多小伙伴和我目前的现状是一样的，公司的前端部署测试和上线都是通过人工去操作，当我们本地开发完成之后，在本地进行打包，然后将打包后的 dist 文件上传到服务器，这样会造成人工成本的浪费，如果项目变多，人员变多的话，就会导致很浪费时间，而且还容易出错，这个时候前端的自动化构建及部署就必不可少了。本篇主要讲解一下如何去配置 jenkins，如何使用 Fabric（python 脚本）去部署项...
2019-11-21 09:43:40
192
转载 从零发布TypeScript npm工具包
前言编程工作中，经常会封装一些常用的代码片段，比如如何获取时间，格式化时间等。不同的团队，不同的业务就会有多个相互独立的项目。我们可以将公用的一些工具库函数封装成npm包的形式，可以让个人或者团队这些import包就可以直接使用。1.注册NPM账号先去官网注册一个账号，填写好账号、密码、邮箱https://www.npmjs.com/2.初始化项目创建util-sn...
2019-11-19 19:32:09
470
转载 webpack从入门到进阶
前言在我们平时的开发中，会经常使用到webpack，但很多时候我们都不做任何配置(webpack4)也可以进行开发，但是默认的配置真的够我们使用了吗？所以本文将带你开启webpack的大门。前置知识篇学习webpack前先让我们一起学习下必要的辅助概念路径知识在此之前我们有必要了解下webpack中会使用到的NodeJS路径知识:NodeJS路径知识核心概念之 Entry...
2019-11-17 10:20:16
497
1
转载 利用 typescript 写 react-router 5
不再提倡中心化路由！嵌套路由不再是{ props.children }的用法了。每个路由都是一个 React 组件。react-router-dom在 web 端使用，只需要导入这个包就可以了，因为它从react-router中拿过来了很多东西。// @types/react-router-dom/index.d.tsexport { …… } from 'react-ro...
2019-11-15 20:54:30
3154
转载 利用 typescript 写 react-redux 和 redux-thunk，以及 thunk 等中间件的实现过程
react-redux 的常规使用步骤Provider作为顶层全局状态的提供者，需要传递一个参数，全局状态storeimport { Provider } from 'react-redux';<Provider store={ store }></Provider>store由createStore函数创建生成，需要传递reducer纯函数作为...
2019-11-15 20:53:54
863
转载 TypeScript for React (Native) 进阶
I. 为何要用TypeScript我们公司在德国还有个团队. 我们这次要接他们的一个库. 其中的一个API要求我们传入参数, 这个API是这样定义的:/* * * @param {Object} input The first object * @param {Object} options The second object * /function init(input, ...
2019-11-15 19:54:33
835
转载 封装redux中的createStore
redux用于react中的状态管理，其中不能直接修改redux中的状态，需要通过dispatch方法才能修改react中的状态。createStore函数中存放着状态信息state，它的执行结果返回一个store对象，返回的对象包含：getState(获取store中的state状态信息，但是不能直接修改store中的state信息)dispatch(修改store中的state信息)...
2019-11-14 15:55:27
384
转载 React高级面试题
Q1：什么是虚拟DOM？难度：⭐虚拟DOM（VDOM）它是真实DOM的内存表示,一种编程概念，一种模式。它会和真实的DOM同步，比如通过ReactDOM这种库，这个同步的过程叫做调和(reconcilation)。虚拟DOM更多是一种模式，不是一种特定的技术。????资料来源：github.com/sudheerj????参考资料：什么是虚拟DOMQ2：类组件和函数组件之间有什么区别...
2019-11-14 10:18:32
5236
转载 利用 typescript 写 react-redux 和 redux-thunk
react-redux 的常规使用步骤Provider作为顶层全局状态的提供者，需要传递一个参数，全局状态storeimport { Provider } from 'react-redux';<Provider store={ store }></Provider>store由createStore函数创建生成，需要传递reducer纯函数作为...
2019-11-11 11:16:00
2251
转载 git的GUI工具Sourcetree使用及命令行对比
1.提交推送流程勾选要提交的文件 填写提交说明内容 想提交直接推送到代码仓库时，勾选左下角按钮 最后点击提交按钮即可完成代码推送等同于git add index.html //添加暂存文件git commit -m "feat(index): 新增index.htm首页内容" //添加提交及提交信息git push //推送至远程复制代码...
2019-11-11 09:36:33
599
转载 前端面试总结
本文记录了值得研究的四大互联网大厂的面试题目，带你全面了解——【最近，前端面试都问些什么】百度1、请分析以下代码执行结果['1', '3', '10'].map(parseInt);2、请分析以下代码执行结果var number = 10;function fn() { console.log(this.number);}var obj = { num...
2019-11-10 14:14:50
495
转载 各种源码实现，你想要的这里都有
阅读源码的好处，不用说都知道，首先进大厂必备，还可以提升自己的能力，学习前人的经验。源码往往是前人留下的最佳实践，我们跟着前人的脚步去学习会让我们事半功倍。call、apply、bind 实现 new 实现 class 实现继承 async/await 实现 reduce 实现 实现一个双向数据绑定 instanceof 实现 Array.isArray 实现 Object...
2019-11-10 10:03:01
473
转载 React Hooks异步操作二三事
React Hooks 是 React 16.8 的新功能，可以在不编写 class 的情况下使用状态等功能，从而使得函数式组件从无状态的变化为有状态的。React 的类型包 @types/react 中也同步把 React.SFC (Stateless Functional Component) 改为了 React.FC (Functional Component)。通过这一升级，原先 cl...
2019-11-10 09:27:13
375
转载 React Hooks与setInterval
前言Hooks出来已经有段时间了，相信大家都用过段时间了，有没有小伙伴们遇到坑呢，我这边就有个setInterval的坑，和小伙伴们分享下解决方案。问题写个count每秒自增的定时器，如下写法结果，界面上count为1？function Counter() { let [count, setCount] = useState(0); useEffect(() => ...
2019-11-08 10:19:39
2013
转载 TypeScript 中使用React Hook
从 React V 16.8.0 和 React Native 0.59.0 版本开始, 引入了React Hook的概念。React Hook 在开发支持就考虑到了类型，所以很多Hook函数可以直接推断出他们的参数、返回值等类型，但也有一些场景需要我们显示声明类型。阅读本文前你需要了解React Hook 的基本用法，参考这里。下面会总结一下我们如何在 TypeScript 中使用React H...
2019-11-07 20:16:14
509
转载 React接入Typescript
系列引言最近准备培训新人, 为了方便新人较快入手 React 开发并编写高质量的组件代码, 我根据自己的实践经验对React 组件设计的相关实践和规范整理了一些文档, 将部分章节分享了出来. 由于经验有限, 文章可能会有某些错误, 希望大家指出, 互相交流.由于篇幅太长, 所以拆分为几篇文章. 主要有以下几个主题:01 类型检查 02 组件的组织 03 样式的管理 04 组件的思...
2019-11-07 19:17:36
521
转载 Redux的核心概念，实现代码与应用示例
Redux是一种JavaScript的状态管理容器，是一个独立的状态管理库，可配合其它框架使用，比如React。引入Redux主要为了使JavaScript中数据管理的方便，易追踪，避免在大型的JavaScript应用中数据状态的使用混乱情况。Redux 试图让 state 的变化变得可预测，为此做了一些行为限制约定，这些限制条件反映在 Redux 的三大原则中。本文会介绍Redux的几个基本...
2019-11-03 14:25:12
206
转载 使用Jenkins做自动化编译—如何正确的编写shell脚本
前言最近在公司使用Jenkins自动化编译前端、Android、iOS时遇到了挺多的shell脚本的坑，以前都是从网上找一些脚本改改测试可用就直接用了，但是最近项目变化大，导致自动化编译总是出错，于是决定好好学习下shell脚本如何正确的编写！以下是我个人的实际项目所用的一些总结，我大致会围绕三个问题来聊聊我遇到的坑和解决方法：如何根据git的提交记录，判断代码的变化，决定...
2019-11-01 11:52:16
1908
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人