代码编织梦想

Windows安装WSL开发react项目-爱代码爱编程

目录 简介安装wsl连接git配置react项目用vscode开发wsl项目总结 简介 最近需要做一个react项目的开发,在window上面安装很多次,最后yarn start失败,于是查到wsl这个神器,安装后就可以愉快的开始react开发了~~~ 安装wsl 简介 Windows Subsystem for Linux,可以在win

react--高阶组件-爱代码爱编程

高阶函数: 函数可以作为参数被传递 例如: setTimeout(() => { console.log(1) }, 1000) 函数可以作为返回值输出 例如: function f(x) { return function () { return x; } } 高阶函数的应用 时间函数的应用setTimeout(() => { con

修改vue-element-admin左侧导航栏的图标-爱代码爱编程

vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板以及非常的成熟了,并且有相关的社区和维护人员,开发时候遇到问题也不要慌。 推荐指数:star:star:62.1k Github 地址:https://github.com/PanJiaCh

React报错:Can‘t perform a React state update on an unmounted component. This is a no-op, but it indica-爱代码爱编程

React报错:Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asy

(原创)react中context的使用方法与总结-爱代码爱编程

Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。 ——react官网 虽然redux可以实现一个状态state,整个项目使用,但是有时候,该state无需全局使用,用redux工具,显得有点杀鸡用牛刀的feel,并且还可能是父组件的state,其孙组件(子组件的子组件的级别)需要使用,但若为了给孙

React 知识汲取篇 —— react-app-rewired && config-overrides.js配置-爱代码爱编程

文章目录 react-app-rewired按需加载 babel-plugin-import安装less配置路径名别名path.resolve和path.join的区别整体的安装配置 react-app-rewired 在学习React的时候 通过react脚手架create-react-app创建了项目,但是发现了一个问题 如果没有执行ej

一文搞懂 React ref-爱代码爱编程

最近也开始研究React,这篇文章主要是讲述 Ref 相关的内容,如有错误请指正。 ref 的由来 在典型的 React 数据流中,props 是父组件与子组件交互的唯一方式。要修改一个子组件,你需要使用新的 props 来重新渲染它。但是,在某些情况下,你需要在典型数据流之外强制修改子组件/元素。 适合使用 refs 的情况: 管理焦点,文

精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码-爱代码爱编程

可视化源码一 一个免费的开源可视化CMS动态模板,它可以帮助你更快、更轻松地构建HTML模板。 可视化源码二 你可以以简单拖拽的方式生成自己需要的网页样式,内置jquery和Bootstrap,你可以拖拽相关的组件进行网页的构建,非常的方便,而且可以实时修改代码,功能丰富,使用简单,界面友好,特别适合一些专注于展示的网页设计。   可视化源码

React 知识汲取篇 —— React高阶组件 withRouter-爱代码爱编程

高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中. // withRouter实现原理: // 将组件包裹进 Route, 然后返回 // const withRouter = () => { //

React 知识汲取篇 —— react-redux中启用es7@装饰器-爱代码爱编程

我们平时在用react-redux的时候会用到connect去连接组件的state和action,大概长这个样子: import { connect } from 'react-redux'; class Counter extends Component{} const mapStateToProps = (state)=>{ retur

React 知识汲取篇 —— [react]之解读hook-爱代码爱编程

基于官方文档:https://react.docschina.org/docs/hooks-intro.html 打算用几天的时间来写一下react的新特性hook(其实也不算新了),首先梳理下关于hook的一些特点: 突然想起来了我的高中政治老师曾经教我们的解题思路:是什么?为什么?怎么做?那我们也这样的思路来梳理一下hook: 是什么: 有意思

React组件复用方式:render-props模式和高阶组件-爱代码爱编程

组件复用 复用什么? state操作state的方法两种方式: render props模式高阶组件(HOC)注意: 这两种方式不是新的API,而是利用React自身特点的编码技巧,演化而成的固定模式 render-props模式 将要复用的state和操作state的方法封装到一个组件中 如何拿到该组件中复用的state? 在使用组件

React-完成生命周期-爱代码爱编程

React的生命周期 生命周期的三个状态 Mounting:将组件插入dom中Updating:将数据更新到dom中Unmounting:将组件移出dom中生命周期中的钩子函数 ComponentWillMount:组件将要被渲染,可以使用AJAX获取数据,添加动画前的类ComponentDidMount:组件渲染完毕,可以添加动画Component

bindActionCreators & combineReducers 使用记录-爱代码爱编程

阅读 redux 源码的时候,发现 redux 给我们提供了一系列方法。 createStore ( redux 创建 store; 必备 )applyMiddleware ( redux 注入中间件 )compose ( redux 组合多个中间件) 下面这两个方法是干啥用的呢? bindActionCreatorscombineR

package.json中的devdependencies和dependencies的区别-爱代码爱编程

网上有很多关于devdependencies 和 dependencies区别的文章,看了下,都没有说到重点。 其实官网已经说得非常清楚了 https://docs.npmjs.com/cli/v6/configuring-npm/package-json#devdependencies 如果还是不理解,下面这个文章很好 https://www.y

React-router 基本用法-爱代码爱编程

转载自 阮一峰的网络日志 (ruanyifeng.com) React-router 路由库: ReactTraining/react-router: Declarative routing for React (github.com) 示例库: react-router-tutorial/lessons at master · reactjs/re

react 中 Rap2的使用-爱代码爱编程

谢谢 , easymock 指望不上 第一步: 新建接口 会产生 接口 ID 第二步: 获取接口数据的方式, 将interfaceId 替换为 上面生成的接口ID 以获取单个接口数据为例: http://rap2api.taobao.org/app/mock/data/18123' 第三步:简单封装axios import axios from

react学习经验总结(元素渲染)-爱代码爱编程

1.元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。 const element = <h1>Hello, react!</h1>; 与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象,React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。 2.将元素渲染

React-爱代码爱编程

起步 创建项目 npx create-react-app <项目名> 运行项目 npm start react使用jsx语法,类似js+XML语法,可以在js中写Xml代码遇到<>,按照XML语法解析,遇到{}按照js语法解析遇到()表示如果存在标签结构<xml代码>,并且需要换行,则将这段代码写在小括号内

react学习经验总结(react是什么及其特点)-爱代码爱编程

React是什么? React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注