Quantum Computation 量子计算 API代码-立哥开发-爱代码爱编程
#include <cstring> #include "type.hpp" #include "utility.hpp" #include <fstream> #ifndef _MSC_VER extern "C"{ #include <csim/stat_ops.h> } #else #include <c
2020年GitHub上受欢迎小程序框架-爱代码爱编程
小程序刚刚流行起来的时候，出现了不少的小程序的框架，随着开发者越来越多，很多比较好用的，性能较好的，框架在GitHub上的star越来越多，也越来越受到前端开发者的欢迎。 想要开发出一套高质量的小程序，运用框架，组件库是省时省力省心必不可少一部分，随着小程序日渐火爆，各种不同类型的小程序也渐渐更新，其中不乏一些优秀好用的框架/组件库。
手写一个React树组件（Tree）-爱代码爱编程
作为一手angular的小菜鸟，为了追求技术（工资）不得不学习React。 不得不说，react作为使用JSX语法的框架，用来写树组件还是十分有优势的。 1.渲染出树组件 constructor(props) { super(props); this.state = { arr: [ {
ReactHook hooks和定时器产生的bug-爱代码爱编程
问题1:使用定时器改变state,state的值并不是最新值 例: const _onClick = function () { setInterval(() => { console.log(value); setValue(value + 1); },1000) } 产生原因:因
什么是redux?redux概念及应用-爱代码爱编程
状态存储redux redux是什么?redux工作流程什么情况下使用redux?redux核心apiredux三个核心概念 redux是什么? 1.redux 是一个独立专门用于做状态管理的 JS 库(不是 react 插件库) 2.它可以用在 react, angular, vue 等项目中, 但基本与 react 配合使用 3.作用:
谈谈react如何解决Ajax跨域问题-爱代码爱编程
1.安装http-proxy-middleware依赖 安装: npm install http-proxy-middleware -S 2.在src文件夹中创建setupProxy.js文件 setupProxy.js 文件内容 const proxy = require("http-proxy-middleware"); module.e
React按需加载,提升性能-爱代码爱编程
react如何实现按需加载 Ant蚂蚁框架 安装使用： cnpm install antd-mobile --save 全部导入样式和js： import { Button } from 'antd-mobile'; import 'antd-mobile/dist/antd-mobile.css'; 按需要导入： 1、安装插件 cnpm ins
React的事件-爱代码爱编程
事件 什么是事件 React 的事件处理和 DOM 元素类似。但是语法上是不同的: 1.React 事件绑定属性时采用驼峰命名法，而不是小写。 2. 如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法) 事件的写法 HTML中的写法 <button onClick="fn()">点我啊</b
create react app 使用BrowserRouter界面跳转-爱代码爱编程
本文将讲述在create react app中 使用BrowserRouter绑定URL和界面使用Link标签跳转使用history在js中实现跳转。目录 项目结构1、react-router-dom的安装2、填写代码3、路由绑定测试4、使用Link 标签进行跳转5、在js中跳转（history）项目结构 假设在项目中我们有两个界面，我们需要两个路由
React-爱代码爱编程
什么是React？ React 是一个用于构建用户界面的 JavaScript 库 如何使用 React 基于浏览器模式 （一）引入react.js : react.js提供react的核心功能代码 如：虚拟dom 组件 React.createElement(type,props,children); type ： 类型（也就是标签） props： 属
React hooks-爱代码爱编程
React hooks React-hooks是React 16.8中的新增功能。它们使您无需编写类即可使用状态和其他React功能。 参考：https://reactjs.org/docs/hooks-intro.htmlReact Hooks 优势： 简化组件逻辑复用状态逻辑无需使用类组件编写常用 hook： useState const [st
react路由那点事-爱代码爱编程
React路由 根据不同的路径，显示不同的组件（内容）；React使用的库react-router-dom; 安装: Cnpm install react-router-dom --save react三大组件 ReactRouter三大组件： Router：所有路由组件的根组件（底层组件），包裹路由规则的最外层容器。 属性：basename-&
快速了解react基础-爱代码爱编程
一、React 是一个用于构建用户界面的javascript库 二、React 如何使用？ ——React.development.js 提供核心代码，如虚拟dom，组件 React.createElement(type , props, children); ——ReactDOM 提供与浏览器交互的DOM功能，如DOM渲染 ReactDOM:ren
谈谈react生命周期那点事-爱代码爱编程
生命周期 生命周期即是组件从实例化到渲染到最终从页面中销毁，整个过程就是生命周期，在这生命周期中，我们有许多可以调用的事件，也俗称为钩子函数 生命周期的3个状态： Mounting:将组件插入到DOM中(挂载) Updating:将数据更新到DOM中(更新) Unmounting:将组件移除DOM中(销毁) 生命周期中的钩子函数（方法，事件） C
一起来聊聊react事件-爱代码爱编程
react事件 特点： 1.react事件，绑定事件的命名，驼峰命名法。 2.{},传入1个函数，而不是字符串 <button onClick={this.sendData}>传递helloworld给父元素</button> 事件对象：React返回的事件对象是代理的原生的事件对象，如果想要查看事件对象的具体值，必须之间输出
谈谈react如何实现父子通信-爱代码爱编程
props实现通信 父传递给子组件数据，单向流动，不能子传递给父。 props的传值，可以是任意的类型。 注意：props可以传递函数，props可以传递父元素的函数，就可以去修改父元素的state,从而达到传递数据给父元素。 父传子 class ParentCom extends React.Component{ constructor(
react入门学习-爱代码爱编程
React 是什么？ 一个用于构建用户界面的 JavaScript 库 中文手册：https://react.docschina.org/ 命令式编程 和 声明式编程 告诉计算机怎么做（How） - 过程告诉计算机我们要什么（What） - 结果如何使用 React 基于浏览器的模式 React.js 提供 React.js 核心功能代码，如：虚
利用 stats.json 定位 @nrwl/react webpack 配置问题-爱代码爱编程
背景 团队使用NX这一 monorepo 工具来搭建 React 应用。NX 基于 React 应用在 webpack 打包时添加了url-loader的相关配置。但是同事反馈该url-loader针对部分引用的图片文件不起作用。 定位 url-loader 作用 url-loader，简而言之，可以将应用中引用到的一些资源文件（例如图片）转换成
vue-router学习(2)-爱代码爱编程
一、vue-router配置子路由 实际生活中的应用界面其实更加复杂，通常由多层嵌套的组件组合而成。比如;H1页面和H2页面嵌套在主页中 1.首先用标签增加了两个新的导航链接 <router-link :to="{name:'HelloWorld'}">主页</router-link> <router-link :to="
Vue学习之vue-router-爱代码爱编程
一、什么是vue-router vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。 路由