- 博客(13)
- 收藏
- 关注
原创 重写Number的toFixed方法,解决四舍五入精度问题
toFi//重写Number的toFixed方法,解决四舍五入精度问题Number.prototype.toFixed=function (d) { var s=this+""; if(!d){ d=0; }else{ d=parseInt(d); } if(s.indexOf(".")==-1)s+="."; s+=new Array(d+1).join("0"); if(new RegExp("^(-|\\+)?(\\
2022-03-05 13:29:19
396
原创 axios 请求取消及重发
/*在没登录完之前所有的请求全部取消,登录成功后把取消的请求列表重新发起*/import axios from 'axios';const whiteList = ['post /api/login'];const resetFetchList = [];let isLogin = false;// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 // console.log(co
2022-02-18 00:36:48
1486
转载 vue slot插槽,具名插槽,作用域插槽slot-scope
默认内容当我们使用自定义的组件时想要设置一个默认内容,如果不传入值就使用默认值,这时后备内容就很有必要了<template> <p> <slot>我是默认内容</slot> </p></template>父组件调用时我们不传入值 会显示默认内容而不是空<my-component></my-component>具名插槽有时我们需要多个插槽。例如对于一个带有如下模板的<div cla
2021-06-08 14:38:52
243
原创 vue react 脚手架启动服务 mockjs请求拦截
vue react 脚手架启动服务vue在项目根目录创建vueconfig.js文件module.exports = { devServer:{ before(app){ app.get('/api/list',(req,res)=>{ res.send({ code:200, list })
2021-05-21 09:35:36
373
原创 mockjs
mock 教程mockjs 文档的github地址: mockjslet Mock = require('mockjs');let basicData = Mock.mock({ 'list|1-100': [{ 'id|+1': 1, 'isBoolean': '@boolean(10, 0, true)',//百分之百的true 'naturalNumber': '@natural(1, 1000)', //大于等于零的整数
2021-05-21 09:17:09
65
原创 router
目标理解路由的原理及应用理解react-router-dom以及内置的一些组件合理应用内置组件及其属性搭建项目路由什么是路由随着地址栏的变化,视图也跟着变化。理解路由的原理及应用hash路由使用onhashChange 事件监听地址栏哈希值的变化,做对应的视图切换效果history路由pushState(object传递对象,描述性文字,url地址)使用pushState更改地址栏不会更新页面,同时使用onpopstate监听地址栏变化,多对应的视图切换react路由
2021-04-26 21:35:09
80
原创 vue router
多页应用(MPA) 传统的应用形式,即每一次页面跳转的时候,后台服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用单页应用 (SPA)Single Page Application 第一次进入页面的时候会请求一个html文件,刷新清除一下。切换到其他组件,此时路径也相应 变化,但是并没有新的html文件请求,页面内容也变化了。原理:JS会感知到url的变化,通过这一点, 可以用js动态的将当前页面的内容清除掉,然后将下一个页面的内容挂载到当前页面上,这个时候的
2021-04-12 17:00:38
149
1
原创 vuex中模块modules的用法
目标1.什么是module?2.怎么用module?3.样板代码目录结构知识点1.modules在Vue中State使用是单一状态树结构,应该的所有的状态都放在state里面,如果项目比较复杂,那state是一个很大的对象,store对象也将对变得非常大,难于管理。module:可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理。2.目录结构store│ index.js│ ├─login│ actions
2021-04-07 11:17:49
209
原创 vuex辅助函数的使用
目标1.熟练使用mapState2.熟练使用mapGetters3.熟练使用mapActions4.熟练使用mapMutations知识点首先在讲解用法前我们先创建一个仓库实例import Vue from 'vue'import Vuex from 'vuex'import {Mockurl} from '@/until'Vue.use(Vuex)export default new Vuex.Store({ state: { count:0, da
2021-04-07 11:15:32
469
原创 vuex状态管理
单向数据流 vuex状态管理目标1.理解什么是数据管理模式2.什么是vuex3.什么时候使用vuex4.vuex安装及工作原理5.vuex语法知识点1.首先来看下图示例,当我们想实现A->D组件的通信时 需要A先跟B通信,B跟C通信,C再跟D通信,过程很繁琐,数据传输很麻烦。#mermaid-svg-fU5hxAkrgOYvh3Gh .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-
2021-04-07 11:10:42
78
原创 expressRouter
路由部分const express = require('express');//获取路由const router = express.Router();router.post('/api/list',(req,res)=>{ console.log(req,res); res.send([1,2,3]);})//抛出路由module.exports = router;app部分const express = require('express');cons
2021-03-11 10:25:01
131
原创 gulp的使用
安装 gulpnpm gulp-cli -g //全局安装gulp-sass 编译sass文件//npm$ npm i gulp-sass -D$ npm i node-sass -Dconst gulp = require('gulp');const gulpSass = require('gulp-sass'); //编译sassgulp.task('buildSass',()=>{ return gulp.src('路径') .pipe(gu
2021-03-05 21:31:47
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人