- 博客(35)
- 收藏
- 关注
RSS订阅
原创 跨域问题
node 跨域app.use("/",(req,res,next)=>{ res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type,Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'); res.header('Access
2020-07-04 11:36:50
114
原创 axios拦截器封装与使用
拦截器封装import axios from "axios"// 创建axios 赋值给常量service const service = axios.create();// 添加请求拦截器（Interceptors）service.interceptors.request.use(function (config) { // 发送请求之前做写什么 return config; }, function (error) { // 请求错误的时候做些什么 retu
2020-07-04 11:35:21
1303
原创 vue项目中有iframe，如何互相传值
/vue 监听 iframe传过来的值。1、vue 向iframe传值。2、iframe向vue传值。
2022-09-02 14:22:18
7959
2
原创 post请求 formdata转 query String parmars
export function editParamLocaloptimize(params) { console.log(params); return service({ url: `${baseUrl.schedule}/paramLocaloptimize/insert`, method: 'post', params, paramsSerializer: params => { return qs.stringify(params, { ..
2022-02-23 16:46:41
645
原创 react echarts动态数据展示
import React from 'react';import http from 'misc/http';import Constant from 'misc/constant';import moment from 'moment';import global from 'misc/global';import echarts from 'echarts/lib/echarts';import 'echarts/lib/chart/line';import 'echarts/lib/c
2020-11-01 23:50:42
911
原创 react 中使用echarts 动态展示多条数据
react 中使用echarts 动态展示多条数据export default class Welcome extends React.Component { constructor(props) { super(props); this.state = { data: [], seriesData: [] }; this.initBarEcharts = this.initBarEch
2020-11-01 23:40:17
1208
原创 react 列表渲染
列表渲染1、 在实际应用中 数据展示 是最基本的功能。React中使用的map（）进行列表的渲染Keys 可以在 DOM 中的某些元素被增加或删除的时候帮助 React 识别哪些元素发生了变化。因此要给数组中的每一个元素赋予一个确定的标识。一个元素的key最好是这个元素在列表中拥有的一个独一无二的字符串<script type="text/babel"> let list=["射手","辅助","上单"]; let list1=["寒冰","锤石","鳄鱼"];
2020-07-23 20:36:58
282
原创 react ref 属性
一、ref属性一句话总结：标识组件内部的元素1、React提供的这个ref属性(不能在无状态组件上使用 ref 属性，因为它们没有实例)表示为对组件真正实例的引用其实就是ReactDOM.render()返回的组件实例2、ReactDOM.render()渲染组件时返回的是组件实例；而渲染dom元素时，返回是具体的dom节点。二、ref属性–使用React的ref有3种用法：字符串(官方不推荐使用) 最早的ref用法。使用this.refs.xxx来进行访问回调函数（官方推荐）React.
2020-07-23 20:33:53
335
原创 react 事件处理
React事件绑定属性的命名采用小驼峰式写法。绑定函数的过程中不加() 否则函数会立即执行1 React中阻止默认行为使用preventDefault()；事件处理—传递参数向事件处理函数中传递参数。方式1（推荐）：通过 bind 的方式进行传递方式2：通过箭头函数传递。注意使用箭头函数调用事件对象必须显式的进行传递事件处理—修改this指向（面试常问）方式1：通过bind方法进行原地绑定，从而改变this指向方式2：通过创建箭头函数方式3：在constructor中提前对事件进行绑定
2020-07-23 20:32:38
222
1
原创 jquerAjax Fetch axios 以及跨域
jquerAjax Fetch axios 以及跨域常用ajax请求库1、jQuery 比较重，需要外部引用不建议使用2、axios 轻量级，建议使用3、fetch 原生函数，但老版本浏览器不支持1、jqueryAjax // ajax发送请求 // $.ajax({ // url:"http://api.artgoer.cn:8084/artgoer/api/v1/user/324380/v3/topic/topicHomeByLabel?
2020-07-23 20:29:52
149
原创 模拟数据 json-server 基本使用
模拟数据 json-server 基本使用我们在开发中并不想使用简单的静态数据，而是希望自己起一个本地模拟请求以及请求回来的过程。json-server就是用来完成模拟数据的注意 用来存放模拟数据的json文件必须要有一个id 否则添加可能会失败，修改json必须重启json-server服务添加配置文件"json-server": "json-server --watch src/mock/db.json --port 4000"下载：npm install json-server -g查看
2020-07-23 20:28:06
224
原创 react 路由详解
路由根据不同的url 来切换对应的组件实现spa（单页面应用）应用：整个项目只有一个完整页面页面切换不会刷新页面（不会感觉页面的闪烁 更加贴近原声应用的体验）当前版本 V5一、 路由-分类1、React-Router：提供了一些router的核心API，包括Router, Route, Switch等，但是它没有提供 DOM 操作进行跳转的API。2、React-Router-DOM：提供了 BrowserRouter, Route, Link等 API,我们可以通过 DOM 的事件控制
2020-07-23 20:27:06
2436
原创 redux与react-redux使用
redux1、Redux是为javascript应用程序提供一个状态管理工具集中的管理react中多个组件的状态redux是专门作状态管理的js库（不是react插件库可以用在其他js框架中例如vue，但是基本用在react中）2、需求场景：某个组件的状态需要共享的时候某个组件的状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态3、redux三大原则1、单一数据源:整个应用的 state 被储存在一棵 object tree 中，并且这个 object tr
2020-07-23 20:21:47
157
原创 immutable不可变对象 react小demo immutable-react 简易购物车
immutable不可变对象immutable介绍Facebook 工程师使用3年时间打造，与React同期出现，但是没有被默认放到React工具集中，它内部实现了一套完整的数据持久化 里面有很多常见的数据类型Collection List Map Set等里面有三种重要的数据解构Map： 键值对集合，对英语ObjectEs6中也有专门的Map对象List： 有序可以重复的列表，对应于Arrayset： 无序并且不可重复key的数组immutable原理Immutable 实现的原理是
2020-07-23 20:16:48
133
原创 React Hook
HookReact Hooks是React 16.8.0版本推出的新特性 主要的作用就是让无状态组件 可以使用状态（在react开发中状态的管理是必不可少的 以前为了进行状态管理需要使用类组件或者redux等来管理）1、useState()就是React提供最基础、最常用的Hook，主要用来定义和管理本地状态。2、useState返回的是一个数组(长度为2)，数组的第一个对象表示当前状态的值，第二个对象表示用于更改状态的函数，类似于类组件的setState。3、let [val(当前状态的值),s
2020-07-23 20:12:36
347
原创 vue 页面刷新
vue 页面刷新1.window.location.reload(),是原生JS提供的方法，this.$router.go(0):是vue路由里面的一种方法,这两种方法都可以达到页面刷新的目的，简单粗暴，但是用户体验不好，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入。2.通过路由跳转的方法刷新，具体思路是点击按钮跳转一个空白页，然后再马上跳回来(个人感觉比较麻烦,不实用)3.控制的显示与否，在全局组件注册一个方法，该方法控制router-view的显示与否，在子组件调用即可：pro
2020-07-08 10:39:50
216
原创 vueX
vueX 如果要开发中大型应用，集中式管理数据,多个组件依赖于同一状态，来自不同组件的行为需要变更同一状态，生态环境给我们提供了官方插件vuex一、vueX的作用 vue单页面应用中，每个组件内部的数据在data中存放，供vue组件内部使用，但是，vue组件之间的数据共享怎么办？即A组件要使用B组件里的数据怎么办？ 如果A组件和B组件是父子关系，使用，prop和事件；如果不是父子关系怎么办？使用vueX，vueX能够简化组件之间的数据共享。特别是多个组
2020-07-04 11:41:02
123
原创 vue 路由
路由一、路由的作用vue的路由使用在SPA应用中的组件跳转，相当于多页面的 a标签。二、路由的基本使用1、引入js文件的方式1）、引入vue-router.js文件<script src="js/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>2）、定义若干个组件(为了跳转用)let goodlist = {
2020-07-04 11:40:15
203
原创 vue路由按需加载（路由懒加载
vue路由按需加载（路由懒加载） vue的SPA（Single Page Application）应用里，当（webpack）打包构建时，会把所有的js打在一起，JavaScript 包会变得非常大，并在第一次请求时全部下载完毕，影响页面加载（性能）。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。目前有三种方式实现路由组件的懒加载，分别是：vue异步组件es 的 import()webpack的require.ensur
2020-07-04 11:39:19
371
原创 Express
安装1、 安装:npm install --save express2、Express----创建api接口var express=require("express");var app=express();app.get("/user/login",function(req,res){ res.send({msg:”ok”})})app.get("/ser/home",function(req,res){ res.send({msg:”ok”})})var server=a
2020-07-04 11:33:43
156
原创 可视化工具 roto 3t
可视化工具 roto 3trobo 3t是一款MongoDB的辅助工具，可以帮助您在管理数据库内容方面提供一定的开发优化方案，内置一个代码编辑区域，您可以将数据库文件放到软件上修改，结合图形化的处理方式，可以将MongoDB数据库中的文件转换为分布式的存储方式，提高数据文件编辑和保存效率Mongoose简介1、mongoose是nodeJS提供连接 mongodb的一个库,2、便捷操作MongoDB的对象模型工具(Mongoose的操作是以对象为单位的)Mongoose操作mongo1、下载 n
2020-07-04 11:32:10
822
1
原创 MongoDB基操
MongoDB基操1、在MongDB的安装路径下的Bin文件夹中打开CMD2、语法:mongo空格ip地址:端口号(mongodb的默认端口号为27017)/数据库名 (默认连接test)3、查看当前数据库 >show dbs4、增加/切换数据库 use[db名称]5、删除数据库 use[db名称]db.dropDatabase()//注意大写6、查看数据库当中的集合 show collections7、创建collection >db.[collection名称].inse
2020-07-04 11:30:43
99
原创 webServer方便的实现webServer服务器的创建
webServer方便的实现webServer服务器的创建方法：createServer(function(req,res){})进行服务器创建 listen()来监听端口 var http = require("http"); http.createServer((req,res)=>{ //设置头信息 返回状态码 返回类型 字符编码 res.writeHead(200,{"content-type":"text/html;charset
2020-07-04 11:29:29
351
原创 node.js 基础
node.js 基础** 1、node是单线程的 2、node擅长高并发处 3、node擅长I/O密集型处理 **1、nodejs 实现静态服务器nodeJS Node.js是一个基于Chrome V8引擎(编译成原生机器码)的让JavaScript运行在服务器端的运行环境，它让JavaScript的触角伸到了服务器端。单线程 NodeJS不会为每个连接客户创造一个新的线程,仅用一个线程2、 回顾
2020-07-04 11:28:21
423
原创 节流
其实很简单：我们可以设计一种类似控制阀门一样定期开放的函数，也就是让函数执行一次后，在某个时间段内暂时失效， //过了这段时间后再重新激活（类似于技能冷却时间）。 // 效果：如果短时间内大量触发同一事件，那么在函数执行一次之后，该函数在指定的时间期限内不再工作，直至过了这段时间才重新生效。 // 实现 :这里借助setTimeout来做一个简单的实现，加上一个状态位valid来表示当前函数是否处于工作状态：<!DOCTYPE html><html lang="en"><
2020-06-12 16:37:07
111
原创 防抖
返回顶部按钮 这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在提取出这个功能需求-- 监听浏览器滚动事件，返回当前滚条与顶部的距离
2020-06-12 16:35:18
84
原创 Vue小demo todolist
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.
2020-06-12 16:27:36
105
原创 git使用
$ git init 初始化 （脚手架自带）、$ git log git操作日志$ git add . 上传所有文件到缓存区$ git commit -m “备注信息” 上传项目到本地仓库如果安装过eslint 代码不规范会报错，提交不到仓库，没用的代码库删掉在.eslintrc.js 配置文件 rules:{ ‘no-new’:‘off’ }...
2020-03-31 10:10:07
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人