- 博客(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
原创 解决购物车重复添加和总价的问题
补充知识1、filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意:filter() 不会对空数组进行检测。注意:filter() 不会改变原始数组。2、splice() 方法用于添加或删除数组中的元素。注意:这种方法会改变原始数组。返回值如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。...
2019-11-09 11:06:17 1213
转载 再详解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
原创 Vue2.X路由小细节--米斯特吴
一、router-link的实质是a标签二、router-link的标签性质可以改变1、比如把a标签换成div标签2、to后可以绑定一个动态路由地址效果和原来一样三、在man.js中添加一条*号路由,可以使用户在输入框内输入任何路径(即时路径错误)都可以跳转到指定页面...
2019-10-09 19:26:38 274 1
转载 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人