关注
分享
javascript
FE_BODY
从事web前端开发工作，有多年工作经验，前端基础知识扎实拓展性强；喜好 运动，旅游；
展开
-
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 · 2639 阅读 · 4 评论 -
创建 react 项目工程架构
在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，使用 creat-react-app 脚手架 创建出来的项目 是一个很基础的项目工程 还需要进行 进一步的配置 才能满足我们的项目需求。因此，下面对其进行了 整合。项目目录这是整个项目工程的项目目录结构config-------webpack的配置文件信息public-------静态文件 index.htmlscripts------node脚本启动文件server------node ser原创 2021-06-25 15:12:36 · 256 阅读 · 0 评论 -
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 · 111 阅读 · 0 评论 -
使用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"> <原创 2020-07-16 17:35:53 · 3260 阅读 · 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 · 299 阅读 · 0 评论 -
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 · 142 阅读 · 0 评论 -
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 · 344 阅读 · 0 评论 -
js模拟数据结构之栈结构
利用栈的数据结构特性实现{}是否闭合栈的数据结构 的特点 先进后出用javascript 实现栈结构的特性class Stack { constructor() { this._items = []; // 储存数据 } // 向栈内压入一个元素 push(item) { this._items.push(item); } ...原创 2020-04-27 13:13:39 · 153 阅读 · 0 评论 -
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 · 371 阅读 · 1 评论