- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 auth
常见的认证方案1. HTTP Auth Authentication这是HTTP提供的一个用于权限控制和认证的通用框架，其中最常用的HTTP认证方案就是HTTP Basic Authentication[ 鉴权流程 ]客户端发送一需要权限验证的请求，服务端返回未授权，需要授权。客户端发送带有认证信息的请求，服务端验证并返回结果。[ 加解密过程 ]// 加密过程let email = 'demo@test.com'let password = '1234455'let auth = `${
2020-11-07 17:09:35
696
原创 06 Fragments
FragmentsFragments可以理解成：多个片段，多个部分（React元素返回的Fragments）在此之前，我们开发的组件 return 的都是单个React元素，想要返回多个元素就必须使用父元素包裹这些子元素，然后返回这个父元素。然而，这并不总是能满足要求的，例如在下述场景中，嵌套div将导致表格不能正常渲染class Table extends React.Component { render() { return ( <table>
2020-11-05 15:05:27
144
原创 04 Error Boundaries
错误边界为什么需要？在React16之前，组件内的JavaScript错误会导致React的内部状态被破坏，并且在下一次渲染时产生无法追踪的错误。这些错误基本上是由其他的非React组件代码错误引起的。但React并没有提供一种优雅的错误处理，也无法从错误中恢复。部分UI的JS错误不应该导致整个应用的崩溃，为了解决这个问题，React引入了一个新的概念——错误边界。错误边界是一种React组件，这种组件可以捕获并打印发生在其子组件数任何位置的JS错误，然后，渲染出备用UI，而非崩溃了的子组件。错误边
2020-11-04 15:21:52
180
原创 03 Context
简要介绍在典型的React应用中，数据是通过props属性自上而下（由父及子）进行传递的但这种做法对于类似地区偏好，UI主题等全局共享的属性而言是极其繁琐的，这类属性在应用中会被许多组件使用Context提供了一种在组件之间共享此类值的方式，而无需逐层传递props何时使用Context的设计目的是为了共享那些对于一个组件树而言是“全局”的数据，例如当前认证的用户、主体或者首选语言// Class组件使用Contextconst ThemeContext = React.createCont
2020-11-04 14:03:48
96
原创 02 Code-Splitting
打包大多数React应用都会使用Webpack/Rollup/Browserify这类构建工具来打包文件打包指的是将引入文件合并到一个单独文件的过程，最终形成一个bundle，接着在页面内引入该bundle，就可以一次性载入！如果你在使用 Create React App, Next.js, Gatsby等类似工具，你会拥有一个可以直接使用的Webpack配置来进行打包工作。如果没有使用上述工具，就需要自己进行配置代码分隔尽管打包是个很棒的技术，但随着应用的增长和第三方库的增加，难免会出现页面
2020-11-04 14:02:44
126
原创 12 Thinking in React
Steps to think in React1. 根据UI划分组件层级AppSearchBarProductTableCategoryRowProductRow2. 用React创建一个静态版本(渲染UI)建议:渲染UI和添加交互过程分开通过props传入所需数据, 不推荐使用state构建静态版本state代表了随时间变化而变化的数据, 应当仅在实现交互时使用大型项目自下而上开发, 小型项目自上而下开发(先父后子)3. 确定UI state的最小完整表示(
2020-11-02 14:42:24
107
IBM-PC汇编语言程序设计(第二版)-学习札记.pdf
2019-06-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人