自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(46)
  • 收藏
  • 关注

原创 mongoose连接运行报错DeprecationWarning: current Server Discovery and Monitoring engine is deprecated, and

错误提示如下:DeprecationWarning: current Server Discovery and Monitoring engine is deprecated, and will be removed in a future version. To use the new Server Discover and Monitoring engine, pass option { us...

2020-02-23 20:30:51 10776 3

原创 excel学习——相对引用、绝对引用、混合引用

例如:计算下面的比率在比率一栏输入公式=E3/E8然后按F4出现如下图:然后按回车,最后填充其他单元格,即可

2020-03-31 17:15:11 842

原创 excel学习——公式、函数

1.ctrl+~:查看公式视图2.具体操作:方法1:=输入公式——光标在右下角变为十字时,向下拖动即可方法2:=输入公式——光标在右下角变为十字时,快速双击即可3.求和函数:方式1: 输入: =sum+tab键,选中要计算的数据,回车即可方式2:选取要求和的区域,点击自动求和,即可开始——查找和选择——定位条件——空值——确定——再点击自动求和即可。...

2020-03-30 22:17:35 294

原创 excel学习——复制与粘贴

1.选中要粘贴的数据区域——选择复制——然后粘贴ctrl+v:可以粘贴多次按回车:只可以粘贴一次2.选择性粘贴:a.复制——粘贴(选择性粘贴——保留原列宽)就可以和之前数据列宽一样b.粘贴为值(工作中用的多)c.粘贴链接(修改原来的数据表,复制过来的表也会跟着改变,原数据表中没有数据的地方,复制过来的表变为0;...

2020-03-30 20:57:35 548

原创 excel学习——选取区域

1.选取区域:按home键——》到达整行的最前面ctrl+home——》整块区域的左上角ctrl+end——》整块区域的右下角ctrl+向上、向下、向左、向右的键,分别到达当前行的最上面、最下面、最左面、最右面2.选中整块数据区域:方法1:从第一个单元格的左上角,按住鼠标左键向后拖动选取方法2:(适用于表很大,不在一个屏幕内) 1.先选中左上角第一个单元...

2020-03-30 19:06:00 1340

原创 excel学习

录入编辑1.选中一片区域,横向输入:按enter竖向输入:按tab2.删除光标后面的内容:ctrl+del在光标处双击,就会选中附近的词组,然后就可以修改内容自动填充1.输入内容,按ctrl+回车结束,拖动右下角的小正方形(填充柄)拖拽即可。2.输入类型:注意:1.填充数字时,ctrl+回车结束后,需要按住ctrl,当右下角出现加号的时候,拖拽,才会数字依次递增2.等差数列...

2020-03-30 17:44:45 197

原创 git安装后的操作

1.查看git版本:git --version2.因为Git是分布式版本控制系统,所以需要填写用户名和邮箱作为一个标识。git config命令的--global参数,用了这个参数,表示你这台机器上所有的Git仓库都会使用这个配置,当然也可以对某个仓库指定不同的用户名和Email地址。$ git config --global user.name "Your Name"$ git ...

2020-03-19 22:07:43 817

转载 git相关

git安装:转载https://blog.csdn.net/huangqqdy/article/details/83032408概念:git是一个开源的分布式版本控制系统。git下载地址:https://git-scm.com/downloads

2020-03-17 21:20:59 72

原创 vuex--axios请求环境配置:

用到mock模拟1.下载:npm install --save mockjs2.新建相关文件和文件夹(src下面创建mock文件夹,mock文件夹下创建json文件夹和index.js文件,在json文件夹下创建相关jaon文件)如图:​a.json​3.设置请求文件index.js文件(mock文件夹下的)​4.main.js中引用mock​5.进行a...

2020-03-16 10:32:40 108

原创 vuex---axios请求环境配置

用到mock模拟1.下载:npm install --save mockjs2.新建相关文件和文件夹(src下面创建mock文件夹,mock文件夹下创建json文件夹和index.js文件,在json文件夹下创建相关jaon文件)如图:a.json3.设置请求文件index.js文件(mock文件夹下的)4.main.js中引用mock5.进行axios...

2020-03-15 22:37:29 329

原创 vuex表单处理

目录问题描述:当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model 会比较棘手。在用户输入时,v-model 会试图直接修改 state数据。在严格模式中,由于这个修改不是在 mutation 函数中执行的, 这里会抛出一个错误。vuex--表单处理解决方式:1.Vuex 的思维解决,给 <input> 中绑定 value,然后侦...

2020-03-15 21:06:16 330

原创 vuex严格模式

1.严格模式下,无论何时发生了状态变更且不是由 mutation 函数引起的,将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。2.开启严格模式,仅需在创建 store 的时候传入 strict: true3.不要在发布环境下启用严格模式!...

2020-03-15 20:51:04 1325

原创 vuex-----actions属性

1.分发 Action:Action 通过 this.$store.dispatch("xxxx");方法触发 2.Actions 类似于 mutation,但是Actions 提交的是 mutation,而不是直接变更状 态(数 据)。Actions 可以异步操作。...

2020-03-15 19:44:05 148

原创 vuex------actions载荷

1.Action 通过 this.$store.dispatch("xxxx");方法触发2.先调用actions,在actions中调用mutations

2020-03-15 19:32:42 619

原创 vuex----mutations提交载荷

之前的只是一个简单的修改state中的属性在实际项目中往往会有值传递给Mutations 给store.commit传一个附加参数,就叫做mutation的载荷 mutations.vuestore.js...

2020-03-15 18:21:13 712

原创 vuex------mutations属性

分为如下两步:1.mutations,里面装着一些改变数据方法的集合,就是把处理数据逻辑方法全部放在mutations里面(当触发事件的时候想改变state数据的时候使用mutations) 2.注意:不能直接调用一个 mutations 中的处理函数 要使用this.$store.commit() 来进行调用。 ...

2020-03-15 14:55:21 160

原创 vuex————getters属性

1.概念:getters相当于之前组件中学习的计算属性,getters属性主要是对于state中数据的一种过滤2.使用场景:在项目开发中,有时候希望对state中的某个属性在多个组件中展示出不同状态3.书写位置:与state同级1)store.jsimport Vue from 'vue';import Vuex from 'vuex';// 在vue中使用vue...

2020-03-15 14:14:44 1087 1

原创 vuex---state对象

概念:1.Vuex 是一个专为 Vue.js 应用程序开发管理的一个模式。2.通过创建一个集中的数据存储,方便程序中的所有组件进行访问vue和vuex的对比:1.传统vue是单向数据流。如果是兄弟组件之间传值,兄弟组件间的状态传递无能为力2.我们经常会采用父子组件通过正向/逆向传值来对数据进行传递。以上的这些模式非常脆弱,通常会导致无法维护的代码...

2020-03-15 12:26:02 980

原创 代理跨域

问题描述:浏览器报如下错误时,则说明请求跨域了。因为浏览器同源策略的限制,不是同源的脚本不能操作其他源下面的对象解决方案:proxyTable解决跨域1.在config文件夹--》index.js文件中添加:proxyTable: { '/apis': { // 测试环境 target: 'http://localhost...

2020-03-15 10:32:25 120

原创 jdk的安装与tomcat

tomcat■解压 ---》打开文件 如果想运行tamcat 在bin文件夹-->双击startup.bat文件(在没有java环境的时候会出现闪黑屏)■要运行tomcat服务器必须在本机有java环境(jdk)■项目放到webapps中 Tomcat服务器的使用打开服务器文件夹 启动服务器 bin文件夹--->startup.bat文件...

2020-03-14 21:42:27 149

原创 vue-cli中引用bootstrap

1.下载:npm install --save [email protected] 2.在 main.js中添加 import 'bootstrap/dist/css/bootstrap.min.css'import 'bootstrap/dist/js/bootstrap.min.js'

2020-03-14 14:12:15 247

原创 vue-cli中引用jquery

1.下载:npm install --save jquery2.在build文件夹下的webpack.base.conf.js中添加(注意添加位置)//在顶部添加const webpack = require('webpack')3.//在module.exports = {}末尾添加下面代码module.exports = {...plugins: [ ...

2020-03-14 13:20:58 368

原创 计算属性

计算属性:1.为什么要用计算属性?模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护2.计算属性概念:顾名思义,首先它是一种属性,其次它有“计算”这个特殊性质。每次取得它的值的时候,它并不像普通属性那样直接返回结果,而是经过一系列的计算之后再返回结果。同时只要在它的当中里引用了 data 中的某个属性,当这个属性发生变化时,计算...

2020-03-14 12:56:32 7175

原创 监听属性watch:

watch:可以监听模型数据 当模型数据改变的时候就会触发 watch:{ 监听的data数据(newval,oldval){ console.log(newval+"---"+oldval) } }watch初始化的时候不会运行,只有数据被改变之后才会运行当需要在数据变化时执行异...

2020-03-14 12:44:49 776

原创 axios请求环境设置

npm install --save axios下载axios 在src文件夹下的main.js中添加 import axios from 'axios' Vue.prototype.axios = axios 3.实现网络请求get方式:post方式: ...

2020-03-14 11:32:46 287

原创 vue-cli中使用路由

把路由相关页面创建好 到src->router->index.js文件夹下 来进行配置路由 2-1先引用2-1 再使用

2020-03-14 11:30:19 63

原创 vue node 前后台交互基本数据请求 ,前后台分离 轮播图(类似于豆瓣)

1.目录结构:2.运行时需要同时启动前台和后台npm run devnode server3.具体代码如下:zi.vue<template> <div class="box"> <div> <img :src="imgurl"> <span>{{c...

2020-03-14 11:19:42 423

原创 mock模拟数据

在前端开发过程中,有后台配合是很必要的。但是如果自己测试开发,或者后台很忙,没时间,那么我们需要自己提供或修改接口。1.下载mockjs: npm install --save mockjs2.在src下创建相关文件与文件夹(在src下面创建mock文件夹,并在mock文件夹下创建json文件夹和index.js文件,json文件夹中写相关json文件)3.设置请求文件inde...

2020-03-09 20:10:11 416 1

原创 回退功能

点击返回的箭头,返回上一个页面(即后退一步)使用:this.$router.go(-1);代码如下:<template> <div> <img @click="fun()" src="../../static/huitui.jpg"> </div></template><scrip...

2020-03-09 14:13:49 271

原创 v-for key的使用

使用key来给每个节点做一个唯一标识,Diff算法就可以正确的识别此节点,找到正确的位置区插入新的节点。key的作用主要是为了高效的更新虚拟DOM

2020-03-09 12:45:55 159

原创 解决img标签的src动态绑定问题

解决img标签的src动态绑定问题问题描述:使用动态绑定img的时候发现并不能把图片正常绑定到视图中解决方法:方法1: 设置变量保存图片路径: 使用:方法2: 把图片放到static文件夹中可以使用正常方式引用...

2020-03-09 12:41:29 2444 1

原创 项目环境配置和单文件组件

项目环境配置:1.安装node.js下载地址:https://nodejs.org/en/download/配置环境变量:安装参考:https://www.jianshu.com/p/13f45e24b1de2.安装淘宝镜像安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org...

2020-03-09 12:32:42 124

原创 导航守卫分类(全局守卫、路由独享守卫、组件内的守卫)

导航守卫分类:(共三大类)需求: vue项目中经常在路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。全局守卫:全局前置守卫: 当一个导航触发时,全局前置守卫(在进入组件之前)按照创建顺序调用。 vue-router 提供的 router.beforeEach((to,from,next)=>{})可以方便地实现全局前置导航守卫 to:即将要进入...

2020-03-08 21:05:22 972 1

原创 点击新闻列表,跳转到新闻详情页面

此案例包含一级路由,路由前置守卫,props正向传值等知识点,基本功能是:用户未登录,踢回登录页面,点击新闻列表,跳转相应新闻详情相关代码如下:需要下载vue和vue-router<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me...

2020-03-08 16:58:35 3160

原创 hash模式和history模式

hash模式和history模式:hash模式:hash模式url里面永远带着#号,我们在开发当中默认使用这个模式。history模式:history模式没有#号,是个正常的url适合推广宣传。 考虑url的规范那么就需要使用history模式,因为当然其功能也有区别,在开发app的时候有分享页面,这个分享出去的页面就是用vue做的,把这个页面分享到第三方的app里,有的app里面...

2020-03-08 10:30:08 170

原创 动态路由匹配(动态路由/路由传参)

params方式:语法: 1.配置路由规则 :传递数据的名字 2.在导航中进行数据的传递 3.在模板中接收传递的数据方式1:方式2:name是路由规则中的name实例中定义的变量方式3:(编程式:(js方式进行参数绑定))query方式:语法:不需要配置路由规则 传参 在模板中...

2020-03-08 09:58:39 2021

原创 一级路由和二级路由

1.下载vue-router npm install --save vue-router2.先引入vue,再引入vue-router3.示例代码如下:一级路由:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...

2020-03-07 14:11:33 1507

原创 得到前台数据的两种方式get和post

get方式:req.query.xxxpost方式:需要引入body-parser模块下载:npm install --save body-parser 引入:var bodyParser=require("body-parser"); var uE = bodyParser.urlencoded({ extended: false }),这个方法也返回一个中间件,这个中间件用来解析...

2020-02-27 19:03:15 333

原创 三秒等待效果(三秒后跳转)

代码示意如下:

2020-02-27 18:48:31 6838

原创 md5加密

crypto模块:crypto模块:封装了一系列密码学相关的功能下载该模块:npm install --save crypto 使用:crypto.createHash('md5').update(加密数据).digest('hex'); 示例: ...

2020-02-27 18:42:56 245

空空如也

空空如也

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

TA关注的人

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