1.React组件 function组件, function Button() { return () } class组件,来自ES6的class语法, class Button extends React.Compon…
分类:react.js
html界面构建,react - Hook基础:useState、useEffect简述
hook基础:useState、useEffect; useState 用于声明组件状态与修改状态的方法,例: const [cards, setCards] = useState('current cards'); /…
[译]基于 React Router 4 的可复用 Layout 组件
本文翻译自:Reusing layouts in React Router v4 在 React Router V4 应用中,希望在每个路由上呈现一些默认的组件,比如页眉和页脚: <div className="A…
Angular vs React 最全面深入对比
如今,Angular和React这两个JavaScript框架可谓红的发紫,同时针对这两个框架的选择变成了当下最容易被问及或者被架构设计者考虑的问题,本文或许无法告诉你哪个框架更优秀,但尽量从更多的角度去比较两者,尽可能…
在TypeScript项目中像PHP一样使用魔术变量
PHP 当中有许多很有用的魔术变量, 比如__CLASS__, __METHOD__之类. 但是typescript中并没有. 因此我写了一个插件typescript-magic-variable-plugin来使用它们…
React 中的函数式思想
函数式编程简要概念 函数式编程中一个核心概念之一就是纯函数,如果一个函数满足一下几个条件,就可以认为这个函数是纯函数了: 它是一个函数(废话); 当给定相同的输入(函数的参数)的时候,总是有相同的输出(返回值); 没有副…
react16生命周期方法
所有生命周期方法: constructor getDerivedStateFromProps new render componentDidMount getDerivedStateFromProps new shoul…
nodemon+cross-env+config实现支持热更新的能根据不同环境加载不同配置的nodejs环境
nodejs项目中我们经常会用到nodemon启动项目以使我们的项目在开发时支持热更新,修改了代码后不需要手动重启服务器;使用npm 的config模块实现不同的环境(一般是develop,production,test…
github-page部署vue/react静态页面在线预览demo
git checkout -b “gh-pages” yarn add gh-pages 修改package.json 增加 “deploy” : “gh-pa…
阿里云前端周刊 - 第 22 期
推荐 1. React 就开源许可证风波进行回复 https://code.facebook.com/pos… 数周前,Apache 基金会决定禁止旗下项目使用 React,因为其在标准的 BSD 许可证之外…
在给予react的ANTD中如何改变某些固定项?
因为react理念是反对直接才做DOM的,完全使用数据驱动DOM做出渲染。习惯了锋利的JQuery的我们如何在表格里直接操作某一项呢?举例:要将小于100分的单元格字体标红?如何操作? 直接贴代码,如下: const c…
关于前端数据&逻辑的思考
最近重构了一个项目,一个基于redux模型的react-native项目,目标是在混乱的代码中梳理出一个清晰的结构来,为了实现这个目标,首先需要对项目的结构做分层处理,将各个逻辑分离出来,这里我是基于典型的MVC模型,那…