自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

周家大小姐

一入前端深似海

  • 博客(457)
  • 资源 (28)
  • 论坛 (2)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue 菜单路由重复点击报错NavigationDuplicated

NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/produce/delivery-order") is not allowed", stack: "Error↵ at new Navi...

2019-10-16 16:40:16 2368 8

原创 vue2.0 结合elementui封装的一个请求

confing/dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', //BASE_API: '"http:/...

2019-10-16 11:48:44 298

原创 vue 2.0 封装axios

新建一个utitls文件在文件中新建 一个http.jsimport axios from 'axios'var HttpRequest = { getRequest({ url, data = {}, method = "GET" }) { return new Promise((resolve, reject) => { thi...

2019-08-16 15:39:55 307

原创 dvaJs indexjs文件同时加载多个models实例

在models文件中创建一个modules文件所有的js都放在里面在models文件下的index.js中const context = require.context("./modules", false, /\.js$/);// export default context// .keys()// .filter((item) => item !== "./index.js")// .map((key) => context(key));export d

2021-05-05 15:57:34

原创 react dva 使用models存储

数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过dispatch发起一个 action,如果是同步行为会直接通过Reducers改变State,如果是异步行为(副作用)会先触发Effects然后流向Reducers最终改变State,所以在 dva 中,数据流向非常清晰简明,并且思路基本跟开源社区保持一致(也是来自于开源社区)。global.js// 管理状态export default { namespa...

2021-05-05 14:23:16 1

原创 react 使用models中的dispatch报错

Unhandled Rejection (TypeError): _this.props.dispatch is not a function解决方法引入dva中connect方法import { connect } from "dva";@connect(() => ({}))class Login extends Component {}export default Login;

2021-05-02 19:18:15 1

原创 react 刷新Uncaught SyntaxError: Unexpected token ‘<‘

react 刷新Uncaught SyntaxError: Unexpected token '<'在二级路由下跳转,页面一刷新就白屏f12下会报令牌错误处理方法:找到public/index.html页面在脚本上src前加上"/"<scriptsrc="index.js"></script>再次刷新页面成功渲染...

2021-04-29 19:53:56

原创 react 去掉地址栏的#号

下载插件cnpm i history --save在根路径下的index.js文件下引入并使用import { createBrowserHistory } from 'history';// 1. Initialize// const app = dva();// 1. Initialize 实例化const app = dva({ history: createBrowserHistory(),});发现二级路由跳转的时候会报错Unhandled Rejec

2021-04-29 19:46:15

原创 for循环终止方法

for(let i=0;i<10;i++){ if(i==4)break; console.log(i); }

2021-01-26 16:59:49 299

原创 js 阶乘递归

function fact(number) { if (number === 1) return 1//出口,不然会进入死循环 return number * fact(number - 1) } console.log(fact(3))//6 console.log(fact(6))//720

2020-09-13 15:59:13 84

原创 js 判断一个数是否为质数

什么是质数质数又称素数。一个大于1的自然数,除了1和它自身外,不能被其他自然数整除的数叫做质数。例如:7只能被1和7整除,除此之外不能再被其他数字整除,7就是质数。题:将输入的数字除以所有较小的数字,如该数字能被自身和1整除,则返回true(不为质数) function isPrime(n) { // 为2是因为质数不能为1和自身不能被其他自然数整除的数叫做质数; for (let i = 2; i < n; i++) { ..

2020-09-05 17:05:32 700

原创 js获取斐波那契数列中下列为n的元素

斐波那契数列的规则是第三个数为前两个数的和 function fib(n) { const numbers = [1, 1]//初始前两个数为默认,所以从2开始,n+1是因为要获取最到一个数,我们的数组是从下标开始的 for (let i = 2; i < n + 1; i++) { numbers.push(numbers[i - 2] + numbers[i - 1]) }...

2020-09-05 16:26:47 148

原创 js 求和

// 求和 function sumUp(n) { // 如 100==>(100/2)==50*(10+1)==101 return (n / 2) * (n + 1) } console.log(sumUp(100)); //5050

2020-09-02 20:36:23 84

原创 js scrollToTopd页面滚动至顶部

const scrollToTop = () => { const t = document.documentElement.scrollTop || document.body.scrollTop if (t > 0) { window.requestAnimationFrame(scrollToTop) window.scrollTo(0, t - t / 8) } } co...

2020-08-20 16:10:35 196

原创 Vue钩子函数之钩子事件hookEvent,监听组件

在Vue当中,hooks可以作为一种event,在Vue的源码当中,称之为hookEvent。在Vue组件中,可以用过$on,$once去监听所有的生命周期钩子函数,如监听组件的updated钩子函数可以写成this.$on('hook:updated', () => {})示例:使用hook之前<template> <div class="echarts"></div></template><script...

2020-08-07 09:31:10 1461 1

转载 axios headers设置 application/x-www-form-urlencoded 序列化‘qs‘

在vue中请求数据通常是content-type:application/json;charset=UTF-8格式,但突然后台要求用'Content-type':'application/x-www-form-urlencoded'格式,我换了格式却就是查不到数据,后来才发现post:enctype 默认"application/x-www-form-urlencoded"对表单数据进行编码,数据以键值对在http请求体重发送给服务器;如果enctype 属性为"multipart/form...

2020-06-15 13:39:56 1008

原创 Promise.all和Promise.race的区别和使用

目录promise.all()promise.race()使用场景:promise.all()比如当数组里的P1,P2都执行完成时,页面才显示。值得注意的是,返回的数组结果顺序不会改变,即使P2的返回要比P1的返回快,顺序依然是P1,P2Promise.all成功返回成功数组,失败返回失败数据,一但失败就不会继续往下走 let p1 = Promise.resolve('aaa') ...

2020-06-07 21:09:21 975

原创 es6 fill()使用固定值填充数组

接收三个参数 1.填充的内容 2.从哪开始 3.到哪结束 /* 接收三个参数 1.填充的内容 2.从哪开始 3.到哪结束 */ let arr = new Array(10) console.log(arr.fill('默认值', 2, 8)); //[empty × 2, "默认值", "默认值", "默认值", "默认值",...

2020-06-07 17:58:40 396

转载 js 正则实现金额分割,每三位数字加个逗号和最后增加两位小数点

/**转化金额**/ function convert(money) { var s = money; /**获取小数型数据**/ s += ""; if (s.indexOf(".") == -1) s += ".0"; /**如果没有小数点,在后面补个小数点和0**/ if (/\.\d$/.test(s)) s += "0"; /**正则判断**/ while (/\d{4}(\.|,)/.test(s)) /**符合条件则进行替..

2020-06-07 17:31:43 700

原创 es6 for...of使用及for of与for in 的区别

for...of语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的for...of循环,以替代for...in和forEach(),并支持新的迭代协议。for...of允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等。目录for...of的使用for of和for in的区别for...of的使用 var arr = ['js', 'es6', 'es7', 'es8']...

2020-06-07 15:03:45 358

原创 es6 padStart()在指定字符串前插入内容,padEnd()在指定字符串后面插入内容,

padStart()接受两个参数,1为指定长度,2为插入的内容let str='内容'let padStr='放在前面的'console.log(str.padStart(str.length+padStr.length,padStr));padEnd()接受两个参数,1为指定长度,2为插入的内容let str='内容'let padStr='放在后面'console.log(str.padEnd(str.length+padStr.length,padStr));...

2020-06-06 15:31:51 166

原创 es6 repeat()指定字符串重量次数

let data='出现次数---' console.log(data.repeat(3));

2020-06-06 15:22:54 140

原创 es6 startsWith()检测字符串指定内容是否为开头,endsWith()检测是否以指定的内容为结尾

检测https是否为内容的开头 let noHt='http://www.google.com.hk/' let ht='https://www.2345.com/tg36688.html' console.log(ht.startsWith('https'));//true console.log(noHt.startsWith('https'));//false 检测html是否为内容的结尾 let noHt='http://www.google.com.hk/'.

2020-06-06 15:14:59 242

原创 es6 多个数组对象对比去重

const checkedData = [ { comCode: '37000000', groupCode: '1237016389', handledTaskNum: '0', notHandledTaskFlagNum: '0',...

2020-05-07 17:59:15 991

原创 vue+es6+element对图片进行选中与取消时重新排序

需求:当我点击选中会出来序号,如果取消的话序号会重新计算,html: <el-row :gutter="10"> <el-col :span="24" :lg="4" :md="6" :sm="8" v-for="(item,index) in imageList" :key="index"> <el-card cl...

2020-04-08 22:18:53 381 1

原创 vue js 对数组中的对象匹配判断对象与对象的所有值是否全等

let data = [ { nodeId: 'RON1254', nodeName: '结束节点', routerNam: '按键触发', routerId: 'NS1245', operationValue: 'a5154', ope...

2020-03-24 22:55:58 1096

原创 vue provide和inject 依赖用法

需求:当我们有各别方法或都对象之类的需要父子组件传递或都爷孙传递,可能有的人想用vuex或者props层层传下去,如果用vuex有点小题大作了;如果用props那每个组件都要引入;有点麻烦;那么我们可以考虑用到provide传值在子组件或孙组件用inject接收1.provide就相当于加强版父组件prop2.inject就相当于加强版子组件的props如:子组件想要调...

2020-03-17 21:09:18 420

原创 git 提交文件时忽略个别文件当有大改动时再提交上去

需求:在.env.development没有大改的时候不需要提交到tfs,只有大改的时候才提交,所以不能把文件放在.gittignore文件中,不然其它同事每次都要改解决方法:提交文件时有改动git status也能看到使用git update-index --assume-unchanged .env.development (忽略你不想提交的文件)如果某一天对c...

2020-03-09 10:21:56 373

转载 react native 安装并启用真机

安装依赖必须安装的依赖有:Node、React Native 命令行工具、Python2.X 以及 JDK 1.8sdk:Soft Development Kit (软件开发包),比如Android SDKjdk:Java Development Kit (Java 软件开发工具包),Java SDK。普通用户并不需要安装JDK来运行Java程序,而只需要安装JRE(Java Ru...

2020-03-05 20:38:40 156

原创 react native 九宫格布局

主要计算方式: // 获取屏幕宽度 let screenW = Dimensions.get('window').width; // 设置列,img宽高 let cols = 3, boxW = 100, boxH = 120; // 设置水平间距 let hMargin = (screenW - boxW * cols...

2020-03-03 21:53:15 101

原创 react native 获取当前屏幕的宽度,高度,当前运行的机型

当前屏幕的宽度:Dimensions.get('window').width当前屏幕的高度:Dimensions.get('window').height当前屏幕的分辨率:Dimensions.get('window').scale当前运行的平台:Platform.OSimport React from 'react';import { SafeAreaView, ...

2020-03-01 21:02:27 863

原创 react native安装genymotion安卓模拟器和Virtualbox开源虚拟机软件

Genymotion安卓模拟器下载地址Virtualbox虚拟机官网下载地址安装后发现virtualbox报严重错误

2020-02-27 20:39:33 300

原创 react native 配置环境

一.安装java1.8之后创建本地文件夹,当前以我本地为主,(你们自定义)javaJdk1.8---jdk---jre这样做的目的是为了更方便以后查找安装,其中安装jdk的时候会有两次选择目录的地方,第一次选择安装在javaJdk1.8/jdk下,第二次安装在javaJdk1.8/jre,因为在javaJdk1.8/jdk中也有jre,千万不要乱安呀,负责有的弯路走了。...

2020-02-27 16:40:15 112

转载 README.md 用法

### 一、标题写法:#### 第一种方法:1、在文本下面加上 等于号 = ,那么上方的文本就变成了大标题。等于号的个数无限制,但一定要大于0个哦。。2、在文本下面加上 下划线 - ,那么上方的文本就变成了中标题,同样的 下划线个数无限制。3、要想输入=号,上面有文本而不让其转化为大标题,则需要在两者之间加一个空行。另一种方法:(推荐这种方法;注意⚠️中间需要有一个空格)...

2020-02-12 22:32:26 312

原创 项目README.md放置图片并显示图片

仓库地址:https://gitee.com/zhouyunfang/react-vita/tree/master效果:上代码:#### 效果如下:![首页面](client/src/img/dashboard.png "首页面")![个人信息编辑](client/src/img/edit-profile.png "个人信息编辑")![开发人员信息页面](client...

2020-02-12 21:29:11 2163

原创 react 路由动态传参Link

仓库地址https://gitee.com/zhouyunfang/react-vita/blob/master/client/src/components/profile/Profile.jshtml //比如:profile.handle=text<Link to={`/profile/${profile.handle}`} className="btn btn-info...

2020-02-09 16:47:43 424

原创 es6 (解构赋值)复制对象中指定的对象属性值

将剩余数组赋值给一个变量当解构一个数组时,可以使用剩余模式,将数组剩余部分赋值给一个变量。var [a, ...b] = [1, 2, 3];console.log(a); // 1console.log(b); // [2, 3]注意:如果剩余元素右侧有逗号,会抛出 SyntaxError,因为剩余元素必须是数组的最后一个元素。var [a, ...b,] = [1...

2020-02-06 22:34:13 6465

原创 react 路由封装及页面授权

我所参考的博客src下建一个router.jsimport Landing from './components/layout/Landing'import Login from './components/auth/Login'import Register from './components/auth/Register'import Dashboard from './com...

2020-02-04 21:50:41 760

原创 vscode settings.json配置

{ "files.autoSave": "afterDelay", // 保存后自动格式化 "editor.formatOnType": true, "editor.formatOnSave": true, // 行高 "editor.lineHeight": 25, // 主题色 "workbench.colorTheme": "Monokai", // j...

2020-02-04 14:44:33 1789

原创 es6 对象值清空

Object.keys(form)把所有键值组成一个数组,之后遍历对每个键值清空 let form = { a:1, b:2 }; console.log(Object.keys(form)); let params = Object.keys(form).forEach(key => (form[key]...

2020-01-09 10:44:18 1877 1

小程序搜索功能并对搜索出的数据存储到历史记录

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

小程序授权登录页面开发.zip

小程序开发的登录页面和微信授权功能,以及授权功能的封装

2019-06-19

SetRole.js promise all 对axios返回做统一处理

一个增加一个删除,两个都是在提示的时候进行aixos,我们可以分别在then之后使用message但是如果用到promise的方法可以做到优化,看代码

2020-01-04

小程序对请求进行封装,对http进行抽离

需求:在一个页面有三个及多个请求,请求的数据很多都是重复的,让整个页面看起来很臃肿,那个这个时候我们可以对其相似的代码进行抽离;

2019-05-01

小程序实现搜索功能

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

test-map.rar

通过vue-amap实现定位,插件的实现,main.js中注册等.

2019-06-04

vue2.0 结合iview-ui组件分页功能

结合iview组件封装的一个分页功能组件,点击下一页上一页,每页显示条数,切换对应的数据

2019-08-08

小程序评分,含有半星,整星

由豆瓣电影为案例星星样式,字体大小,颜色都由动态传入,动态传入分数,计算出几颗亮星和半星及灰星星

2019-04-30

orderList.zip

内容模块用的是Vant WeappUI组件库,这里没有压缩进去,主要是功能进去了; 对用户选择的时间进行筛选

2019-06-25

vue三级路由

vue如何使用二级路由和三级路由,以及路由的引用,路由的抽离

2018-06-25

vue+es6+element对图片进行选中与取消

vue+es6+element对图片进行选中与取消,取消选中的时候,对当前所点击之后的序号进行重新计算

2020-04-08

getCurrentPages()使用

使用场景:可以在某个页面修改另一个页面的data或者调用另一个页面的方法。

2019-04-29

vue中的ref使用

父组件通过 ref引用子组件中的属性,然后在父组件中通过ref去改变子组件的属性值

2018-06-25

vue 通讯录向上滑动事件

第一个是在通讯录右边的索引条上进行滑动,滑动到相应字母就跳转到相应字母的锚点上。

2018-10-30

miaomiao-movie.zip

对项目的初始化,和router.js的抽离.对每个页面都生成一个router在大项目上方便管理

2019-05-08

common.zip

创建一个coomon.js用来写公共的js文件,在页面的js中引入,根据id来动态修改路径

2019-07-25

vue2.0富文本编辑器.zip

在vue中使用富文本编辑器,使用插件上图,视频,查看源代码和编写原代码

2019-08-22

README.md编写教程(基本语法)

README.md编写教程(基本语法) Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

2020-02-12

vuex对store进行抽离.zip

当项目越来越大的时候我们需要对项目进行抽离;这样显得项目不会看起来很复杂

2019-08-26

prod.env.zip

配置生产环境和线下环境自动配置,如果axios不封装那就每个页面都需要引入

2019-09-29

axios_vue_element.zip

根据原装修改的aixos封装的方法,让页面看起来没有复杂,对每个文件的请求独立 ,里面用到了orders.js,如果再创建一个文件请求可以在同级下面直接创建并引入和orders.js相同的路径文件进行修改就可以

2019-10-16

router-view复用路由的抽离

路由的注意事项,二级三级路由的引用和路由的抽离,以及router-view的复用

2018-06-25

add-activity-transfer-msg.vue

根据不同ID一次性请求所有对应ID详情的内容,请求回来是一个数组,要把每个数组插入对应的ID数组中统一在页面显示

2020-04-10

net_car.zip

对不同的store中的文件进行抽离方便管理,这个vue是用的vue3.0

2019-07-09

reduxexample.zip

react安装,action,reducer及store的使用,dispatch触发store,action.js store会返回给到reducer会根据传过来的type返回一个状态,reducer判断postAction.js传过来的有没有FETCH_POSTS这个属性如果有就返回一个新的state

2019-12-08

storjs分离封装.rar

对vue2.0中的store进行分离,对组件中的数据通过store进行分发

2019-10-19

selectarr.html

多维数组遍历并赋值,使用concat方法,先合并再拆分;之前用for在第三层的时候赋不了值

2019-09-10

iviewSelect.zip

vue2.0 结合iview组件实现五级联动,点击上级给下级赋值利用@on-select取到所点击的下标再与数组里的Id进行匹配

2019-08-23

周家大小姐.的留言板

发表于 2020-01-02 最后回复 2020-01-02

前端三大框架区别与选择

发表于 2019-05-14 最后回复 2019-11-28

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除