FE_BODY-优快云博客

原创 react-ace编辑器的使用

react-ace 组件库一，安装命令yarn add react-ace 或者 npm install react-ace二，在使用ace 的组件中导入相关配置信息引入 react-aceimport AceEditor from “react-ace”;ace mode 模式 json 格式import “ace-builds/src-noconflict/mode-json”;ace theme 主题 monokaiimport “ace-builds/src-noconf

2021-07-06 19:54:06 2828 4

原创创建 react 项目工程架构

在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，使用 creat-react-app 脚手架创建出来的项目是一个很基础的项目工程还需要进行进一步的配置才能满足我们的项目需求。因此，下面对其进行了整合。项目目录这是整个项目工程的项目目录结构config-------webpack的配置文件信息public-------静态文件 index.htmlscripts------node脚本启动文件server------node ser

2021-06-25 15:12:36 301

原创 react redux

react 集成 redux dome首先创建一个react项目这里我使用creat-react-app 官方提供的脚手架，创建项目成功后我们准备开始集成redux首相建立一个store的文件夹，并在store文件夹中创建 index.js 文件。index.js 这个文件时用来初始化 store 数据源 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2021011915318463.png?x-oss-index.js 文件主要用来合并 reducer

2021-01-19 15:51:34 138

原创 creat react app 配置多开发环境

使用 creat-react-app 创建项目npx creat-react-app 项目名开始配置多环境要使用到 react-app-rewired dotenv-cliyarn add react-app-rewired dotenv-cli在根目录创建 .env.development 和 .env.production 两个文件`// .env.developmentREACT_APP_ENV=development// .env.productionREACT_APP

2020-09-23 17:19:09 767

原创使用d3.js 知识图谱数据可视化（一）

这里写自定义目录标题index.html<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> &lt

2020-07-16 17:35:53 3427 10

原创发布订阅模式简单应用

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>发布订阅模式</title> </head> <body> <button type="button">点击我啦！</button> <script type="text/javascript"> class Sub{

2020-06-01 18:40:43 347

原创 js 事件循环宏任务微任务

console.log('1'); setTimeout(function() { console.log('2'); new Promise(function(resolve) { console.log('4'); resolve(); }).then(function() { console.log('5') }) }) new Promise(functi...

2020-05-27 15:57:22 192

原创 History路由实现的简单原理

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> * { /* global font */ font-family: Verdana; font-size: 18px; } #root { display: flex; flex-dir

2020-05-22 23:31:06 776

原创 uniapp scroll swiper 简单布局

uniapp 简单布局<template> <view class="content"> <view class="new_box" v-if="showHeader"><text>固定区域</text></view> <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120"> <view v-for="(item, i

2020-05-10 20:57:34 390

原创 js模拟数据结构之栈结构

利用栈的数据结构特性实现{}是否闭合栈的数据结构的特点先进后出用javascript 实现栈结构的特性class Stack { constructor() { this._items = []; // 储存数据 } // 向栈内压入一个元素 push(item) { this._items.push(item); } ...

2020-04-27 13:13:39 198

原创 js数组常用方法之扁平化排序去重

数组扁平化几种方法第一种方式 split var arr=[1,[2,3,[5]]]; // 第一种方式 split function flatten(arr) { return arr.toString().split(',').map(function(item) { return Number(item); }) }第二种方式 ...

2020-04-27 12:36:20 436 1

weixin_42289162的博客