自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 菜单请求野狗数据

要求:一进到menu页面就要向firebase请求数据。方法一、使用fetch方法二、使用axios1、npm install axios --save2、在main.js中全局引入axios3、配置axios使用方法一:(1)在menu中引入axios(2)使用方法二:不需要在menu中引入axios(1)get(2)...

2019-12-12 14:01:14 344

转载 生命周期, created,mounted, methods , computed , watched, 通俗易懂

生命周期:beforecreate : 一般使用场景是在加 loading事件 的时候created :处于loading结束后,还做一些初始化,实现函数自执行(data数据已经初始化,但是DOM结构渲染完成,组件没有加载)beforemount:处于组件创建完成,但未开始执行操作mounted :处于发起后端请求,获取数据,配合路由钩子执行操作(DOM渲染完成,组件挂载完成 )bef...

2019-12-11 16:50:45 1105

转载 vue中created、mounted等方法整理

created:html加载完成之前,执行。执行顺序:父组件-子组件mounted:html加载完成后执行。执行顺序:子组件-父组件methods:事件方法执行watch:watch是去监听一个值的变化,然后执行相对应的函数。computed:computed是计算属性,也就是依赖其它的属性计算所得出最后的值export default { name: "draw"...

2019-12-11 16:39:49 791

原创 Vue生命周期中mounted和created的区别

https://blog.csdn.net/xdnloveme/article/details/78035065

2019-12-05 17:19:12 364

转载 跨域问题Access to XMLHttpRequest'*'from origin '*' has been blocked by CORS..Access-Control-Allow-Origin

跨域问题解决方案:CORSAccess to XMLHttpRequest at '*' from origin '*' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header ...

2019-11-21 20:00:35 2248

原创 关于promise

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Using_promises

2019-11-20 22:11:36 176

原创 emmm...记录一次愚蠢的报错

注意:问题不是组件引用错了 而是<from></from>标签打成了<form></form>

2019-11-18 23:57:31 319

原创 解决购物车重复添加和总价的问题

补充知识1、filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意:filter() 不会对空数组进行检测。注意:filter() 不会改变原始数组。2、splice() 方法用于添加或删除数组中的元素。注意:这种方法会改变原始数组。返回值如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。...

2019-11-09 11:06:17 1213

原创 路由控制滚动行为

一、第一种方法:后退到到页面指定长度第二种方法:后退到按钮上面第三种方法:后退到页面原来浏览到的位置。

2019-10-20 20:49:32 293

转载 再详解history.pushState和history.replaceState以及page ajax的实现

在之前的文章《ajax无刷新加载页面,结合history.state修改url》中,我详细解释了history.pushState、history.replaceState、history.state以及window.popstate这四个关键元素,并试图建立一个合理的ajax无刷新更换URL的页面加载方式。但那之后,我遇到一个比较复杂的问题,集中在state的内容上,本文则来详解state这个要...

2019-10-19 19:17:04 2030

原创 导航守卫之组件内守卫及后置钩子

一、路由守卫1、只有点击路由Admin时才会打印消息,并处于点击前的页面2、只有点击路由Admin时才会打印消息,显示的是点击后的页面;但如果是next(false)则页面不会跳转3、路由独享守卫把全局守卫放在组件内,从而守卫只对路由admin生效。对其他路由显示点击即显示页面。二、后置钩子三、组件内的守卫1、错误示范错误原因:在执行beforeRo...

2019-10-17 21:57:32 343

原创 导航守卫之全局守卫

全局守卫1、点页面中任意一元素弹出信息2、点页面中任意一元素弹出信息后,继续显示该页面3、如果点注册或登录则显示该页面,否则点其他则显示还没登录并...

2019-10-17 17:12:39 967

原创 二级路由和三级路由

1、易错点忘记加<router-view></router-view>导致页面无法显示2、二级路由3、三级路由

2019-10-16 18:56:41 2423

原创 路由name属性及跳转方法

一、给路由起动态名字二、

2019-10-12 18:22:23 1359

原创 Vue2.X路由小细节--米斯特吴

一、router-link的实质是a标签二、router-link的标签性质可以改变1、比如把a标签换成div标签2、to后可以绑定一个动态路由地址效果和原来一样三、在man.js中添加一条*号路由,可以使用户在输入框内输入任何路径(即时路径错误)都可以跳转到指定页面...

2019-10-09 19:26:38 274 1

原创 CSS

https://www.w3school.com.cn/jsref/dom_obj_style.asp#positioning

2019-09-30 08:54:59 173

转载 ES6

https://www.jianshu.com/p/287e0bb867ae

2019-09-20 16:43:47 134

转载 vue 切换 class (切换类) toggleClass 单选 多选

注:以下三个例子,均以切换active为例一、切换toggleClass<div class="btn" :class="{'active':isChoose}" @click="togglePay"></div>data(){ return { isChoose : false }},m...

2019-09-18 17:03:42 893

原创 路由精讲之新建项目--搭建脚手架

一、1、在terminal中全局安装npm install --global vue-cli //安装vue-cli2、cd Desktop/ (把目录切换到桌面)3、mkdir projects(在桌面新建名为projects的文件)4、cd projects/5、vue init webpack-simple pizza-app ...

2019-09-02 12:08:59 192

原创 Vue路由和Http(米斯特吴23)

一、路由二、Http1、使用Vue-resource安装--输入 npm install vue-resource --save-dev2、在main.js中引入 import VueResource from vue-resource并在底下申明Vue.use(VueResource)3、在网站http://jsonplaceholder.typicode.com/中...

2019-08-26 18:02:03 353

原创 事件传值——子传父(米斯特吴23)

一、1、在header标签内绑定 click事件的方法changTitle2、在changeTitle方法内注册titleChange,当点击changeTitle的时候,触发titleChanged事件,将值“子向父传值”传递出去二、1、在app.vue的<app-header>中绑定titleChanged事件,为titleChanged事件绑定updateTitl...

2019-08-19 17:48:47 230

原创 传值和传引用(米斯特吴22)

一、传值:string number boolean(删除或添加数据,只改变自身,其他不变) 传引用:array object(一旦删除或添加一个地方的数据,其他的也会随之改变)二、传引用(user为数组)点击前点击后三、传值(title 为值)只对header添加method,结果只有header发生变化,footer不变...

2019-08-18 13:04:29 164

原创 属性传值--父传子(米斯特吴21)

1、在父组件app.vue 中,将名为users的标签中将数据赋给自定义属性hh2、 用props将hh传入子组件users.注意一定要在<template>中保持使用hh

2019-08-17 17:13:24 248

原创 vue搭建脚手架(米斯特吴16)

1、安装Node.js2、在cmd内进行测试node-v测试当前node版本(6.9以上)npm-v测试当前npm版本(3.10以上)vue --version 测试当前vue-cli的版本号3、使用gitbash cd到当前目录,输入 vue init webpack(+文件名)4、输入npm install即生成目录5、在终端输入npm run dev即可...

2019-08-15 15:26:50 499

转载 npm ERR! code ELIFECYCLE

npm ERR! code ELIFECYCLEvue—cli执行npm run dev 时候报错npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! love@1.0.0 dev:webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsnpm ER...

2019-08-15 12:03:09 1738

转载 面经

前言笔者毕业于东北大学,大学毕业社招进入环球网,前端开发工程师一职。技术栈:React+node,Github 地址成果来到杭州的目标非常的明确,大厂。其实就是网易、阿里和滴滴。好在基本三家都拿到了offer。最终决定选择阿里p6。面试题大厂流程比较长,比如阿里就面试了将近三周。所以期间也面试了很多别的公司,创业公司or上市公司。这里我把我所被问到的面试题总结梳理一下。简单深入的都有...

2019-08-13 15:03:19 249

转载 git详解(知乎高票答案)

作者:慕课网链接:https://www.zhihu.com/question/41667536/answer/486640083来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。Git算不算程序员的必备技能?答案是肯定的。所以要入门Git,这是一篇最傻瓜、最浅显、真正手把手教的Git使用教程。预警:因为详细,所以行文有些长,新手边看边操作效果出乎你的预料...

2019-08-06 12:54:30 1486

原创 组件CSS作用域(米斯特吴20)

一、样式作用域1、当app.vue的样式为A,Users.vue的样式为无时,app.vue和Users 的样式皆为A2、当Users.vue的样式为B时,app.vue和Users.vue样式皆为B二、使用scoped要想保住样式在制定作用域用,可以加上scoped即 <style scoped>...

2019-07-31 15:34:52 233

原创 组件嵌套(对应米斯特吴19)

App.vue根组件,Users.vue是app.vue的子组件,main.js显示的是app.vue的内容。要想app.vue显示Users.vue有两种方法:一、全局注册组件在main.js中写入id:users代表组件标签名,后面的Users代表Users组件二、局部注册组件(只允许组件在app.vue当中应用)...

2019-07-30 16:59:21 163

转载 Mac 常用终端命令整理

作为一名开发人员,越来越觉得对于终端的使用,是非常有必要的,本人之前接触这方面较少,也就偶尔用一下(大学没学过unix),现在总结几条,后续还会添加,学无止境嘛~1.获取管理员权限:输入 sudo -s然后输入密码,不会提示,输入完后直接回车即可,然后即获得管理员权限。2.打开文件输入open /Applications/Safari.app在这里打开Safari浏览器,使...

2019-07-30 13:36:18 257

转载 Vue笔记——组件之间的嵌套

之前写过一篇文章,介绍了如何安装Vue的新旧版本脚手架,同时也介绍了如何使用新旧版本的脚手架快速创建Vue项目,感兴趣的同学可以点击查看:Vue笔记——搭建脚手架并快速创建Vue项目。今天的这篇文章总结另外一个知识点:在使用脚手架创建的Vue项目中,嵌套不同的组件。一、基础知识简介首先对Vue项目给出一个简单的介绍,Vue项目中有index.html文件,当我们启动一个项目的时候,打...

2019-07-08 16:22:07 872

原创 vue脚手架搭建

一、检测版本node -vnpm -v二、过程1、npm install --global vue-cli //全局安装vue-cli2、cd Desktop/projects/ //安装到projects文件下面3、vue ini...

2019-07-05 17:21:51 425

转载 vue v-model 双向绑定表单元素的数据:实质是绑定了value、checked、selected属性

https://blog.csdn.net/weixin_41796631/article/details/82945210

2019-06-10 17:09:17 520

原创 如何将本地项目上传到Github

一、学习使用GITHUB和安装GITgit官网:https://git-scm.com/github官网:https://github.com/git的安装以及GitHub的注册移步B站:https://www.bilibili.com/video/av10475153/?p=7二、Git基本工作流程第一步:我们需要先创建一个本地的版本库(其实也就是一个文件夹)。...

2019-06-01 16:25:23 638

原创 fatal: remote origin already exists.解决方法

今天在提交Git的时候,遇到了几个问题,记录一下,方便以后查找O(∩_∩)O第一个问题git remote add origin**************fatal: remote origin already exists.(报错远程起源已经存在。)上网查了下,有很多小白遇到过这个问题,以下是网上摘取的解决办法,解决办法如下:1、先输入 git remote rm or...

2019-06-01 16:01:58 5856

转载 C语言中%d,%s,%x,%f,%.100f,%的意思

格式说明由“%”和格式字符组成,如%d%f等。它的作用是将输出的数据转换为指定的格式输出。格式说明总是由“%”字符开始的。格式字符有d,o,x,u,c,s,f,e,g等。如%d整型输出,%ld长整型输出,%o以八进制数形式输出整数,%x以十六进制数形式输出整数,或输出字符串的地址。%u以十进制数输出unsigned型数据(无符号数)。注意:%d与%u有无符号的数值范围,也就是极限...

2019-05-23 17:13:01 41273 1

转载 windows下启动nginx闪退---(Windows平台下80端口被System占用解决办法)

https://blog.csdn.net/ytm15732625529/article/details/79058372

2019-05-22 15:46:16 268

转载 vuex里mapState,mapGetters使用详解

这次给大家带来vuex里mapState,mapGetters使用详解,vuex里mapState,mapGetters使用的注意事项有哪些,下面就是实战案例,一起来看一下。一、介绍 vuex里面的四大金刚:State, Mutations,Actions,Getters(上次记得关于vuex笔记 http://www.jb51.net/article/138229.htm,是一个简...

2019-05-14 13:58:26 4113

转载 Vue.js Devtools inspection is not available because it's in production mode or explicitly disabled

vue-devtools安装以后,勾选了“允许访问文件网址”之后还是无法使用 有时需要启动多个vue项目有的项目可以用,有的项目虽然左上角V图标是亮着的,但是控制台却不出来vue,(有时,时出来时不出来也有可能是缓存或电脑卡吧。。。) 1、勾选了“允许访问文件网址”,还是无法使用:Vue.js is detected on this page. Devtools inspection...

2019-05-13 22:05:32 1370

转载 vue是如何run起来的

https://blog.csdn.net/q3254421/article/details/87878792

2019-05-13 22:00:14 2625

空空如也

空空如也

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

TA关注的人

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