随笔分类 -  React

记录学习
find filter区别
摘要：过滤数据，find 和 filter 都是不改变原数组的方法 但是 find 只查出第一个符合条件的结果; 像例子里是直接返回了一个对象 { } 而不是数组！ 而 filter 返回【全部】结果仍然是数组。 const list = [ {'name':'1',index:1}, {'name':' 阅读全文
posted @ 2020-10-24 16:43 我自是年少 阅读(311) 评论(0) 推荐(0)
Android与js互相调用
摘要：有话要说： 本篇主要总结了简单的Android与js互相调用的方法。 在开发过程中遇到了需要在安卓中调用js方法的需求，于是将具体的实现过程总结成这篇博客。 效果： 其中“调用安卓方法”按钮是html中的按钮；“调用JS方法”按钮是app中的按钮。 本地HTML： 首先，在app根目录新建一个ass 阅读全文
posted @ 2020-10-23 10:47 我自是年少 阅读(1286) 评论(0) 推荐(1)
promise源码
摘要：function resolvePromise(promise2,x,resolve,reject){ //判断x是不是promise //规范中规定：我们允许别人乱写，这个代码可以实现我们的promise和别人的promise 进行交互 if(promise2 x){//不能自己等待自己完成 re 阅读全文
posted @ 2020-09-25 20:21 我自是年少 阅读(496) 评论(0) 推荐(0)
react子传父
摘要：react里子组件不能直接操作父组件的数据。 所以要从父组件传递一个方法给子组件， 子组件获取到该方法后，把子数据传入该方法， 父组件才能获取到子数据 例子： 子组件 Child.js import React, { Component } from 'react' class Child exte 阅读全文
posted @ 2020-07-20 12:34 我自是年少 阅读(472) 评论(0) 推荐(0)
项目实战中的 React 性能优化
摘要：性能优化一直是前端避不开的话题，本文将会从如何加快首屏渲染和如何优化运行时性能两方面入手，谈一谈个人在项目中的性能优化手段（不说 CSS 放头部，减少 HTTP 请求等方式） 加快首屏渲染 懒加载 一说到懒加载，可能更多人想到的是图片懒加载，但懒加载可以做的更多 loadScript 我们在项目中经 阅读全文
posted @ 2020-07-08 15:09 我自是年少 阅读(2352) 评论(1) 推荐(0)
前端埋点
摘要：前端埋点主要是为了服务运营人员采集用户行为数据，进行后续的数据分析工作。 前端监控和埋点能做什么 数据监控（用户行为） pv，uv 记录操作系统 用户在每一个页面的停留时间(离开页面，进入页面) 用户进入的入口 用户在相应页面的触发行为，点击按钮 性能监控 (js中的performance) 用户的 阅读全文
posted @ 2020-07-08 14:12 我自是年少 阅读(1806) 评论(0) 推荐(0)
适配iphoneX底部安全区
摘要：<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> <div clas 阅读全文
posted @ 2020-05-18 10:30 我自是年少 阅读(2613) 评论(0) 推荐(0)
react
摘要：记录一下最近项目常用的api - - 路由跳转两种方式 let url = "/record?cms_key=" + this.cms_key+"&act_key="+this.act_key this.props.history.push(url) // window.location.href 阅读全文
posted @ 2020-04-26 12:04 我自是年少 阅读(252) 评论(0) 推荐(0)
使用react进行父子组件传值
摘要：在单页面里面，父子组件传值是比较常见的，之前一直用vue开发，今天研究了一下react的父子组件传值，和vue差不多的思路，父组件向子组件传值，父通过初始state，子组件通过this.props进行接收就可以了；子组件向父组件传值需要绑定一个事件，然后事件是父组件传递过来的this.props.e 阅读全文
posted @ 2019-05-08 18:53 我自是年少 阅读(344) 评论(0) 推荐(0)
react项目 使用echarts
摘要：1.安装 2.使用 3.简单的示例 阅读全文
posted @ 2019-04-23 15:13 我自是年少 阅读(1744) 评论(0) 推荐(0)
react 使用antd 按需加载
摘要：使用 react-app-rewired 1. 安装react-app-rewired： 由于新的 react-app-rewired@2.x 版本的关系，你还需要安装 customize-cra。 2. 修改package.json: /* package.json 的配置需要做如下修改*/ "s 阅读全文
posted @ 2019-04-20 11:03 我自是年少 阅读(2668) 评论(0) 推荐(0)
React学习（4）——向服务器请求数据并显示
摘要：本文中涉及到的技术包括：node.js/express服务器的搭建、fetch发送数据请求。 在之前的几篇文章中，介绍了如何搭建基础的React项目，以及一些简单知识，现在，我们还需要掌握如何用React来向后台服务器发起HTTP请求，来获取数据。因为一个网站光有静态的页面是不够的，只能称其为静态网 阅读全文
posted @ 2019-01-11 16:07 我自是年少 阅读(4292) 评论(0) 推荐(0)
React学习（3）——Router路由的使用和页面跳转
摘要：React-Router的中文文档可以参照如下链接： http://react-guide.github.io/react-router-cn/docs/Introduction.html 文档中介绍的很详细，下面将通过个人视角介绍Router的用法，并通过实例来呈现，可以给各位作为参考，记录个人心 阅读全文
posted @ 2019-01-11 15:52 我自是年少 阅读(2514) 评论(0) 推荐(0)
React学习（2）—— 组件的运用和数据传递
摘要：React官方中文文档地址： https://doc.react-china.org/ 了解了组件之后，就需要理解“Props”和“State”的用法。首先来介绍State，State按照字面意思理解为状态，其代表着组件本身的属性，State中可以储存许多内容、参数，需要注意的是，State中的属性 阅读全文
posted @ 2019-01-11 15:47 我自是年少 阅读(476) 评论(0) 推荐(0)
React学习（1）—— 基础项目搭建以及环境配置
摘要：首先，我们需要安装node.js，直接搜索并在官网下载安装包。 node.js官网：https://nodejs.org/en/ 现在我们成功安装了node和npm，然后我们来用npm创建新的项目，首先用npm 安装 create-react-app工具，其可以自动地在本地目录中创建react项目。 阅读全文
posted @ 2019-01-10 17:25 我自是年少 阅读(454) 评论(0) 推荐(0)