zhangrui_web的博客

随着小程序的火热推出，现如今多端统一开发框架层出不穷；今天给大家简单的讲解一下，Taro，kbone，uni-app三个框架的横评；Taro京东凹凸实验室出品，官网地址：Taro | 多端统一开发解决方案多端框架，发布到各个端均可，均将常用接口及组件封装了成了跨端API和跨端组件，组件规范沿用微信小程序的规范，部分平台特有API；​支持与小程序代码混写，可通过混写的方式调用框架尚未封装的小程序新增API；​uni-appDCloud出品，官网地址：https://uniapp.d

本文篇幅较长，将从编译阶段->路由阶段->渲染阶段->细节优化->状态管理->海量数据源，长列表渲染方向分别加以探讨。一 不能输在起跑线上，优化babel配置,webpack配置为项1 真实项目中痛点当我们用create-react-app或者webpack构建react工程的时候，有没有想过一个问题，我们的配置能否让我们的项目更快的构建速度，更小的项目体积，更简洁清晰的项目结构。 随着我们的项目越做越大，项目依赖越来越多，项目结构越来越来...

1.memo其实react.memo的实现很简单，就几行代码。export default function memo<Props>( type: React$ElementType, compare?: (oldProps: Props, newProps: Props) => boolean,) { if (__DEV__) { if (!is...

在react中，通过富文本编辑器进行操作后的内容，会保留原有的标签样式，并不能正确展示。在显示时，将内容写入__html对象中即可。具体如下： &lt;div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} /&gt;如果是直接调用接口中的值，则是以上的写法，如果是单纯的显示固定的内容，用如下的写法...

前言前端开发桌面程序这个概念已经出现有一段时间了，这项技术也已经走向成熟，Github上nw和光electron的star就差不多有10w颗星了，github也衍生出了很多开源的桌面项目俨然成了一个热门项目。既然这么热，那就一个字：学。本文主要帮助js基础比较薄弱，又没有接触过electron的同学更好的学习electron，文中有什么不足之处或者错误，欢迎指出。electron 安装npm命令安...

Nerv 是一款由京东凹凸实验室打造的类 React 前端框架。目前已广泛运用在京东商城（JD.COM）核心业务及TOPLIFE全站。Nerv 基于React标准，使用 Virtual Dom 技术，拥有和 React 一致的 API 与生命周期，如果你已经对 React 使用非常熟悉，那么使用 Nerv 开发对你来说绝对是零学习成本。与此同时，相比于 React 以及市面其他同类型框架，Nerv...

Taro 是什么？Taro - 多端开发框架Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。现如今市面上端的形态多种多样，Web、App 端(React Native)、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。使用 Tar...

dva.js 知识导图不知大家学 react 或 dva 时会不会有这样的疑惑：es6 特性那么多，我需要全部学会吗?react component 有 3 种写法，我需要全部学会吗?reducer 的增删改应该怎么写?怎么做全局/局部的错误处理?怎么发异步请求?怎么处理复杂的异步业务逻辑?怎么配置路由?...这篇文档梳理了基于 dva-cli 使用 dva 的最小知识集，让你可以用最少的时间掌握...

API输出文件dva默认输出文件。dva/router默认输出 react-router 接口， react-router-redux 的接口通过属性 routerRedux 输出。比如：import { Router, Route, routerRedux } from 'dva/router';dva/fetch异步请求库，输出 isomorphic-fetch 的接口。不和 dva 强绑定，...

react前端框架dva最近正在看dva框架，发现这是一个很好应用于react的框架。 众所周知，react的学习成本是较高的，而antd推出的这款框架，大大的降低了react的学习成本。dva简化了 react-redux 的部署的文件复杂度。使其清晰易懂。相信熟悉redux 的人，并不需要了解太多知识就能很快的上手。Dva的安装首先需要安装的是 dva-cli 。dva-...

dva的8个基础概念：数据流向    数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过 dispatch 发起一个 action，如果是同步行为会直接通过 Reducers 改变 State ，如果是异步行为（副作用）会先触发 Effects 然后流向 Reducers 最终改变 State，所以在 dva 中，数据流向非常清晰简明，并且...

最近有发现了一套dva过后的新的React应用框架--UmiJs（当然也可叫做“优米”或者“五米”）。不知道，对UmiJs这套框架有所了解的小伙伴们，对这套框架有什么看法呢？请留言哦！也是刚刚了解这套框架，那么废话少说我们来切入主题吧。umi 就是一套零配置，按最佳实践进行开发的前端框架。具有以下几点特性：1、高性能    PWA、按需加载、tree-shake、scope-hoist、智能提取公...

1、前言 canvas一般就是用来绘制图像的2、基本知识 上下文对象 var canvas = doucment.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "color";// 填充样式 ctx.strokeStyle = "color";//边框样式 ctx.fill();//填充...

最近在学习react的编程写法，原本一直在用ES5的老版写法，近期接触了ES6的写法，想同大家一起分享一下两者的不同之处：一、引入方式的不同：ES5的写法：var React = require("react");  ES6的写法：import React, { Component, PropTypes } from 'react二、组件的创建方式不同：ES5的写法：var