自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

涂涂

一只正在爬的小蜗牛猿

原创 vue 请求统一封装和调用

1. request.js统一封装的请求接口/* * @Author: your name * @Date: 2020-03-20 14:17:34 * @LastEditTime: 2020-03-26 11:27:50 * @LastEditors: your name * @Description: In User Settings Edit * @FilePath: 。。。。。。。。。。 */import axios from 'axios'import { Message

2020-06-03 16:52:55 670

原创 vue组件的继承用法

vue组件的继承适用于UI几乎一样,只是数据不一样的情况下,但是这种情况通过统一封装组件也是能实现的,小功能建议用封装,大功能建议用组件继承,因为大功能在结合搜参数的需要多重的判断,这样会导致封装的组件比较繁杂,出现过多的判断,用继承可以改写基类中的方法和数据下面来看个例子基类:<!-- * @Author: your name * @Date: 2020-05-26 15:22:12 * @LastEditTime: 2020-05-27 11:40:49 * @LastEdi

2020-05-27 14:30:50 255

原创 深拷贝和浅拷贝的区别和与原理

一、基本类型和引用类型https://blog.csdn.net/qq_34645412/article/details/104840390二、浅拷贝和深拷贝如图所示:obj2是对obj1的浅拷贝,obj2新建了一个对象,但是obj2对象复制的是obj1的指针,也就是obj1的堆内存地址,而不是复制对象本身。obj1和obj2是共用了内存地址的。obj3是对obj1的深拷贝,obj3和obj1不共享内存因此:浅拷贝只复制指向某个对象的指针,而不复制对象本身,相当于是新建了一个

2020-05-25 16:52:49 195

原创 vue全家桶项目搭建之五——vue 中路由vue-router配置方法以及vue-router路由的跳转方法以及参数的传递和接收

一、安装vue-routernpm install vue-router二、配置vue-router1.src文件下新建文件夹router与store平级,并配置路由/* * @Author: jona * @Date: 2020-05-15 11:30:33 * @LastEditTime: 2020-05-15 15:19:41 * @LastEditors: Please set LastEditors * @Description: 路由 * @FilePath: \

2020-05-18 16:48:24 179

原创 vue常见面试问题总结

1.谈谈你对MVVM的理解定义:MVVM分为Model、View、ViewModel 。Model:代表数据模型,数据和业务逻辑都在Model层中定义,俗称的dataView:代表UI视图,负责数据的展示,俗称的html部分,也叫模板部分ViewModel:负责监听Model中数据的改变并且控制视图的更新,处理用户交互操作,在这里是作为一个桥梁来连接Model和ViewMode...

2020-05-15 11:27:20 99

原创 vue全家桶项目搭建之四——vue 中配置vuex以及vuex的使用方法

一、安装vuexnpm install vuex --save二、将vuex配置到vue中1. 在src目录下创建store文件夹在store文件夹下面创建module文件夹用于存放不同功能的store目录如下2.index.js对vuex进行配置导出index.js里面配置import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);import login from "./module/login

2020-05-15 10:12:06 249

原创 vue全家桶项目搭建之三——vue cli4.0+中使用proxy配置代理转发以及配置使用@路径引入和eslint配置

目录一、vue cli4.0+中使用proxy配置代理转发二、配置使用@路径引入三、改变vue项目启动的端口号和 项目启动时自动在浏览器中打开一、vue cli4.0+中使用proxy配置代理转发这个比较的重要,所以单独提出来首先在demo的根目录下面新建vue.config.js一个文件,注意是新建,vue-cli3.0以后没有这个文件了所以需要自己新建一个如图:module.exports = { devServer: { proxy: {..

2020-05-13 16:38:32 793

原创 vue全家桶项目搭建之二——配置UI (将element-ui配置到vue项目当中)

一、安装element-uinpm i element-ui -S二、引入 Element这里你可以引入整个 Element,或是根据需要仅引入部分组件也就是俗称的按需加载。1.完整引入在main.js里面配置import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css'; //样式要单独导入import App from './Ap

2020-05-13 15:25:54 217

原创 vue全家桶项目搭建之一——vue-cli 4.0+ 脚手架搭建基础demo

一、安装脚手架npm install -g @vue/cli安装完成后看看版本vue --version二、创建一个基础demovue create test这里会出现一个基础demo模板的选择,很多人不知道命令行里面的选择是怎么选择的。这里我用的是直接选择需要的模板序,然后回车选择,默认第一个的序号是1。选择自己需要的模板进行基础demo的创建,具体的模板有些什么看官网:https://cli.vuejs.org/zh/guide/creating-a-pro

2020-05-13 15:04:04 249

原创 javascript中的原型与原型链

一、什么是原型原型:每一个javascript对象(除null外)创建的时候,都会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型中“继承”属性。例如var obj = new Object();创建一个对象的时候都会同时关联一个对象,如图,关联的这个对象就是新建的对象obj的原型二、prototype在JavaScript中,每个函数都有一个pr...

2020-05-09 17:07:46 1749

原创 vue父组件值更新子组件值不更新之el-table下的table-column中template下元素或子组件值不更新

问题:element-ui中table-column中有循环,子cell又是使用template(scope)渲染的,当循环数据更新(push,splice,或者重新赋值)时,可能出现子cell不变的情况,从而导致页面元素和循环数据对不上的报错问题猜测:可能是template中的scope没有变化导致不更新,或者element-ui做了优化避免不必要更新导致的bug解决:在table上加上...

2020-03-30 19:56:53 622

原创 基本类型和引用类型区别

1.基本类型包括:string,number,boolean,null,undefined,symbol2.引用类型包括:Function,Array,Object基本类型和引用类型也有人叫原始类型和对象类型,拥有方法的类型和不能拥有方法的类型,可变类型和不可边类型3.基本类型基本类型是按值访问的,引用类型是按引用访问3.1 基本类型的值是不可变的由于基本类型本...

2020-03-13 16:13:28 137

原创 css实现垂直方向上的居中方式

(1)偏移量解决思路:首先水平方向居中margin:0auto,不必多说其次让居中元素脱离文档流,使它距离top50%,这样的结果就是元素本身的顶部到达盒子的中间position:relative;//脱离文档流top:50%;//设置top50%一半最后:再把元素本身上移本身的一半就实现了垂直居中(为什么是一半的高度?因为刚刚偏移了50%顶部...

2020-03-04 16:45:08 121

原创 瀑布流的实现方式

1.瀑布流的实现方式2.实现垂直方向上的居中方式3.谈谈绝对定位和相对定位

2020-03-03 16:51:22 166

原创 为什么double型的0.29*100让后结果是28.999999999999996

开发遇到的很奇怪的问题0.35*100 =350.29*100=28.999999999999996查了一些资料 都说是计算机存储问题。对float或double有这样的情况。前端js解决方式parseFloat((0.29*100).toPrecision(12)) //29ps:计算尽量放在后台进行,前端失精太严重...

2020-03-03 14:49:42 250

原创 谷歌浏览器莫名自动回填from表单的问题解决方式

在开发中遇到不管怎么查看数据,都没有,但是表单还是会被回填的情况原因:原因是浏览器里面保存了很多个账号密码,他让你记住密码后下一次免输入密码的机制是去找当前页面的表单中id,name或者 type为password的第一个input ,回填记住的密码,然后把最近的一个type为非number类型的input回填记住的账号;因此,当你的表单中存在类型为password的input的时候就...

2020-01-17 16:21:19 148

原创 webpack进阶用法总结

1.自动清理构建目录产物每次构建的时候不会清理目录。造成构建输出的目录output文件越来越多手动删除自动删除2.PostCSS插件autoprefixer自动补齐CSS3前缀对css功能的增强比如css3的使用autoprefixer即可自动补全前缀3.移动端CSS PX自动转换为rem原始的适配方式媒体查询那么提出了rem...

2019-12-18 16:11:35 56

原创 webpack基本用法

目录1.webpack核心概念之entry2.webpack核心用法之output3.webpack核心概念之loaders4.webpack核心之plugins5.webpack核心概念之mode6.解析es67.解析css,less和sass8.解析图片和字体9.webpack中的文件监听10.webpack中的热更新及原理分析11.文件指纹策略:c...

2019-11-26 23:10:53 104

原创 vue中将包含echarts的页面导出能在浏览器打开的纯静态html格式文件

目录1.导出html2.导出css3.导出js4.完整代码5.结果:6.包含echarts的导出7.结果:​1.导出html<div ref = 'testd' id ='div' onclick="evetest('11111111')" > <span>导出html</span><div>...

2019-11-26 10:07:26 484

原创 echarts换主题颜色(在vue中使用)

官网:https://www.echartsjs.com/zh/index.html1.导入(前提是已经安装了echarts)import echarts from "echarts";import 'echarts/theme/shine.js'2.使用echarts.init( document.getElementById("huanfu"), ...

2019-11-04 14:39:09 2275

原创 echarts 二次渲染,重绘无效问题~~

场景:类似于通过筛选条件改变echarts的数据值的时候,接口数据返回已经改变甚至已经没有数据了,但是echats图上还是上一次的数据仍然没有改变的问题~~~上一次数据:再次请求数据后已经无数据,但是图标仍是:没有进行重绘解决办法:只要在setOption中函数中,添加一个truesetOption({},true)...

2019-11-04 14:30:18 1434

原创 moment常用操作(获取当前年/季度/月/日、上一年/季度/月/日、下一年/季度/月/日、某年/月/季度的开始和结束时间...持续更新)

官网:http://momentjs.cn/docs/懒得每次查官网记录一下:当前年:moment().format("YYYY")moment().year(); // Number当前月:moment().format('MM')当前季度:moment().quarter()上一年/下一年上一年:moment().add(-1, 'y').f...

2019-10-30 15:23:41 7945

原创 webpack初学基础笔记

1.webpack默认配置文件:webpack.config.js可通过webpack --config 指定配置文件2.webpack配置包括:3.webpack环境搭建a.安装nodeb.安装webpack4.一个简单的例子a.首先建立一个文件:webpack.config.jsb.接着编写内容c.创建一个src文件夹存放代码d.在src...

2019-09-26 21:53:55 99

原创 js如何将excel导入成数组格式(以vue为例,其他框架同理)

记录经验:以vue为例~~~首先借助大佬的东西:https://github.com/SheetJS/js-xlsx1.安装xlsxnpm install xlsx2.导入为数组格式import XLSX from "xlsx"; //拿到excel的file,不同框架的方法不一样,此处的element的上传组件拿到的,<el-upload ...

2019-07-04 16:34:17 1312

原创 git 日常的简单操作

git 标准的一些日常操作1.git clone 'xxx' //从github上检出一个项目2.git checkout -b yh //创建一个分支,在没有推过代码之前此分支为本地分支,远程并没有创建此分支(具体看以下查看分支就能发现)3.git branch //查看本地分支(此时会看见新建本地分支)4.git branch -r //查看远程分支(此时会发现远程并...

2019-05-09 13:58:35 132

原创 常见主流框架(vue,react,react-native,angular)生命周期总结

由于接触的框架多了总是会将多个框架的生命周期搞混淆,所以放在一起总结一下一、vue 生命周期先看一张图片,图片来源于官网:https://cn.vuejs.org/v2/guide/instance.html以上钩子详细:(只解释了几个主要的)1.beforeCreate在页面被加载的时候首先会创建一个Vue的实例,并且初始化该实例,在实例初始化之后,此时被调用的生命周期钩子叫...

2019-03-01 17:51:21 628

原创 js不常见的运算符用法 (>、==、&&、||)

一.大于(>)如果只有一个操作数是数值字符串,另一个数数值则转换成数值后再进行比较eg:var box = '3' > 22; //false如果两个操作数都是数值字符串,则只会比较字符串的第一个数eg:var box = '3' > '22'; //true如果两个操作数都是字符串,则比较字符的编码eg:var box = 'a' > ...

2019-02-27 15:56:05 594

原创 解决H5页面在iOS网页中的数字被识别为电话号码,字体颜色变蓝色

造成该问题的原因在于Safari浏览器的问题: 解决该问题只需在head标签中添加如下代码即可解决。框架性的代码比如vue等在index.js里面添加<meta name = "format-detection" content = "telephone=no"> ...

2019-02-18 18:01:38 1332

原创 RN报错Error:(29, 13) Failed to resolve: com.android.support:appcompat-v7:26.1.0

解决方法:1.检查自己的android sdk版本是不是过高或者过低,安装一下即可2.从api 26开始,support libraries 需要从google的maven仓库下载,所以需要在project的build.gradle中allprojects 添加如下配置即可maven { url "https://maven.google.com" }两种情况都会出现以上错误,看...

2019-01-08 11:17:43 943

原创 RN路由报错_reactNavigation.NavigationActions.reset is not a function

源代码是this.props.navigation.dispatch( NavigationActions.reset({ index: 0, actions: [NavigationActions.navigate({ routeName: "Login" })] })); react navigation的版本&g...

2019-01-08 11:03:46 1083

原创 node.js是什么?node.js的特点~

学习小结:1.node.js是什么? node.js是编写高性能网络服务器的JavaScript工具包(用js开发服务端程序)2.特点:单线程,异步,时间驱动,速度快,耗内存     node.js只支持单线程,当大量数据并发的时候只是快速的将对应的事件分配给对应方法异步的去处理,处理完了再继续进行下一步操作的时候就需要事件的驱动,例如请求一个数据,数据回来之后需要一个事件驱动...

2018-12-17 11:38:32 1011

原创 如何将一个本地项目推到github上

1.先在github上面创建一个项目地址https://blog.csdn.net/qq_34645412/article/details/805171842.其次进入到本地项目的目录文件下面执行a、  git init:初始化本地仓库b、git add . 添加全部已经修改的文件,准备commit 提交 该命令效果等同于 git add -AC、git comm...

2018-12-13 09:42:23 5031

原创 react 路由 Hash history cannot PUSH the same path; a new entry will not be added to the history stack

  react路由push的时候报警告如上解决办法原因是:当前路由下的 history 不能 push 相同的路径到 stack 里。解决办法,记录下当前所有的路由history,当页面跳转的时候,如果是新路由直接跳转 ,如果不是就去history里面找到这个路由并跳转具体实现方法:在项目的index.js(也就是项目的启动页)import dva from 'd...

2018-12-10 17:00:55 4621

原创 ES6类和继承

首先看代码class Person { constructor(name){ console.log(`构造函数执行了,${name}`) }}let p1= new Person('jona')此处,调用new的时候就自动执行了构造函数,所以接收参数也是在构造函数出接收class Person { constructor(name){...

2018-10-31 15:52:56 3001

原创 ES6 模块化 export 和import

 1.定义模块:export const a = 1export default b = 22.导入模块import {a} from './xxxxx'import b from './xxxxx'3.区分什么时候import 需要花括号,什么时候不需要当使用export default 导出的模块,导入的时候就不需要花括号,否则都需要花括号4.导出另命名...

2018-10-30 17:38:08 225

原创 RN 实现阴影,解决Android阴影问题 react-native-shadow

RN提供的阴影仅支持IOS,所以,在开发遇到阴影问题需要借助第三方的插件react-native-shadow使用react-native-shadow和react-native-svg实现:1. npm install react-native-shadow2. npm install react-native-svg@XXX备注:react-native-svg选择什么版本...

2018-09-13 16:09:23 10668

原创 RN (react native) 删除之前已经打好的包(包括debug包,release包)快捷命令~~~

在android文件夹下执行cd android./gradlew clean执行成功之后会发现E:\project\drp_admin_app\android\app\build\outputs\apk里面没有东西了纯属自己总记不住此命令记录...

2018-09-11 14:01:20 662

原创 ES6对象的一些简洁的用法

1.赋值简写(注意在json里面不能用箭头函数)let name = 'jona'let age = 24// 之前let json = { name:name, age:age,}// 之后let json = { name, age,}// 结局一样2.object.is()判断两个东西是否相等(只要长得像的都相等)console.log(object....

2018-09-07 17:04:10 924 1

原创 ES6数组的其他操作arr.find(),arr.findIndex(),arr.fill() ,arr.includes()

1.arr.find():查找出第一个符合条件的数组成员,并返回该成员,如果没有找到就返回undefine let arr = [23,40,50] let res = arr.find((val,index,arr)=>{ return val >30 }) console.log(res) //返回:402.arr.findIndex() :找到的是位置,找不到...

2018-09-07 16:14:14 6606

原创 ES6 数组操作之Array.from()

一、Array.from()作用:把类数组(获取一组元素、arguments)对象转成数组个人观点是:有length这个东西的,就可以转适用场景:1.比如获取的元素DOM集合(获取一组元素)eg:<ul> <li>1111</li> <li>2222</li> <li>3333</l...

2018-09-07 15:23:39 443

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