![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 67
zhangrui_web
程序媛
展开
-
Taro/kbone/uni-app多端统一开发框架(小程序篇)
随着小程序的火热推出,现如今多端统一开发框架层出不穷;今天给大家简单的讲解一下,Taro,kbone,uni-app三个框架的横评;Taro京东凹凸实验室出品,官网地址:Taro | 多端统一开发解决方案多端框架,发布到各个端均可,均将常用接口及组件封装了成了跨端API和跨端组件,组件规范沿用微信小程序的规范,部分平台特有API;支持与小程序代码混写,可通过混写的方式调用框架尚未封装的小程序新增API;uni-appDCloud出品,官网地址:https://uniapp.d原创 2021-12-27 16:27:55 · 2831 阅读 · 0 评论 -
React 性能优化技巧(纯干货)
本文篇幅较长,将从编译阶段->路由阶段->渲染阶段->细节优化->状态管理->海量数据源,长列表渲染方向分别加以探讨。一 不能输在起跑线上,优化babel配置,webpack配置为项1 真实项目中痛点当我们用create-react-app或者webpack构建react工程的时候,有没有想过一个问题,我们的配置能否让我们的项目更快的构建速度,更小的项目体积,更简洁清晰的项目结构。 随着我们的项目越做越大,项目依赖越来越多,项目结构越来越来...转载 2021-01-22 10:56:20 · 11795 阅读 · 3 评论 -
React特性Hooks,Suspense,lazy,memo解析
1.memo其实react.memo的实现很简单,就几行代码。export default function memo<Props>( type: React$ElementType, compare?: (oldProps: Props, newProps: Props) => boolean,) { if (__DEV__) { if (!is...转载 2019-11-05 15:09:16 · 641 阅读 · 0 评论 -
react如何显示HTML之dangerouslySetInnerHTML
在react中,通过富文本编辑器进行操作后的内容,会保留原有的标签样式,并不能正确展示。在显示时,将内容写入__html对象中即可。具体如下: <div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} />如果是直接调用接口中的值,则是以上的写法,如果是单纯的显示固定的内容,用如下的写法...转载 2018-09-28 15:02:59 · 6469 阅读 · 0 评论 -
Electron前端开发桌面程序--入门篇
前言前端开发桌面程序这个概念已经出现有一段时间了,这项技术也已经走向成熟,Github上nw和光electron的star就差不多有10w颗星了,github也衍生出了很多开源的桌面项目俨然成了一个热门项目。既然这么热,那就一个字:学。本文主要帮助js基础比较薄弱,又没有接触过electron的同学更好的学习electron,文中有什么不足之处或者错误,欢迎指出。electron 安装npm命令安...转载 2018-06-15 13:31:24 · 22929 阅读 · 1 评论 -
Nerv - 京东高性能前端框架
Nerv 是一款由京东凹凸实验室打造的类 React 前端框架。目前已广泛运用在京东商城(JD.COM)核心业务及TOPLIFE全站。Nerv 基于React标准,使用 Virtual Dom 技术,拥有和 React 一致的 API 与生命周期,如果你已经对 React 使用非常熟悉,那么使用 Nerv 开发对你来说绝对是零学习成本。与此同时,相比于 React 以及市面其他同类型框架,Nerv...转载 2018-06-14 09:39:33 · 5241 阅读 · 0 评论 -
多端统一开发框架 - Taro
Taro 是什么?Taro - 多端开发框架Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。现如今市面上端的形态多种多样,Web、App 端(React Native)、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。使用 Tar...转载 2018-06-14 09:32:51 · 3362 阅读 · 0 评论 -
react前端框架dva(四)
dva.js 知识导图不知大家学 react 或 dva 时会不会有这样的疑惑:es6 特性那么多,我需要全部学会吗?react component 有 3 种写法,我需要全部学会吗?reducer 的增删改应该怎么写?怎么做全局/局部的错误处理?怎么发异步请求?怎么处理复杂的异步业务逻辑?怎么配置路由?...这篇文档梳理了基于 dva-cli 使用 dva 的最小知识集,让你可以用最少的时间掌握...转载 2018-03-22 11:40:52 · 4330 阅读 · 1 评论 -
react前端框架dva(三)
API输出文件dva默认输出文件。dva/router默认输出 react-router 接口, react-router-redux 的接口通过属性 routerRedux 输出。比如:import { Router, Route, routerRedux } from 'dva/router';dva/fetch异步请求库,输出 isomorphic-fetch 的接口。不和 dva 强绑定,...转载 2018-03-22 11:23:47 · 10438 阅读 · 0 评论 -
react前端框架dva(一)
react前端框架dva最近正在看dva框架,发现这是一个很好应用于react的框架。 众所周知,react的学习成本是较高的,而antd推出的这款框架,大大的降低了react的学习成本。dva简化了 react-redux 的部署的文件复杂度。使其清晰易懂。相信熟悉redux 的人,并不需要了解太多知识就能很快的上手。Dva的安装首先需要安装的是 dva-cli 。dva-...转载 2016-11-18 10:21:34 · 21746 阅读 · 0 评论 -
react前端框架dva(二)
dva的8个基础概念:数据流向 数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过 dispatch 发起一个 action,如果是同步行为会直接通过 Reducers 改变 State ,如果是异步行为(副作用)会先触发 Effects 然后流向 Reducers 最终改变 State,所以在 dva 中,数据流向非常清晰简明,并且...转载 2018-03-19 09:12:47 · 5523 阅读 · 2 评论 -
支付宝框架UmiJs(五米)
最近有发现了一套dva过后的新的React应用框架--UmiJs(当然也可叫做“优米”或者“五米”)。不知道,对UmiJs这套框架有所了解的小伙伴们,对这套框架有什么看法呢?请留言哦!也是刚刚了解这套框架,那么废话少说我们来切入主题吧。umi 就是一套零配置,按最佳实践进行开发的前端框架。具有以下几点特性:1、高性能 PWA、按需加载、tree-shake、scope-hoist、智能提取公...原创 2018-02-27 17:10:26 · 13376 阅读 · 0 评论 -
canvas学习笔记
1、前言 canvas一般就是用来绘制图像的2、基本知识 上下文对象 var canvas = doucment.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "color";// 填充样式 ctx.strokeStyle = "color";//边框样式 ctx.fill();//填充...转载 2018-02-26 12:22:55 · 215 阅读 · 0 评论 -
react的ES5与ES6写法的不同(一)
最近在学习react的编程写法,原本一直在用ES5的老版写法,近期接触了ES6的写法,想同大家一起分享一下两者的不同之处:一、引入方式的不同:ES5的写法:var React = require("react"); ES6的写法:import React, { Component, PropTypes } from 'react二、组件的创建方式不同:ES5的写法:var原创 2016-10-24 15:10:50 · 2329 阅读 · 3 评论