- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue-npm run serve运行失败，解决方法
说明开始npm run serve运行我的项目时，出现下图。翻译过来就是大概意思就是不支持，然后上网查询，说是node版本太高，不能用v17。然后我又node -v显示v14.18.2版本，不是v17。当然不用怀疑你没有两个node.js后来我又下载了nvm试图改变node版本。下载之后要么还是不行，要么就是没改过来。我一气之下把所有npm node和nvm全删了，重新来。1.安装node.js下载官网node.js，一直点击next，安装之后。npm -v \\显示d的Node.js版本
2021-12-23 15:38:00
9367
原创 解决git@github.com: Permission denied (publickey). Could not read from remote repository.
原因分析Permission denied (publickey) 没有权限的publickey ，出现这错误一般是以下两种原因1.客户端与服务端未生成 ssh key2.客户端与服务端的ssh key不匹配找到问题的原因了，解决办法也就有了，重新生成一次ssh key ，服务端也重新配置一次即可。客户端生成ssh keyssh-keygen -t rsa -C "youremail@example.com"youremail@example.com改为自己的邮箱即可，途中会让你输入密码啥的
2021-11-04 09:15:39
543
原创 团队协作使用Git修改内容上传Git Hub
Git Hub仓库访问权限如果对方/你没有访问权限的话，修改的内容就上传不了Git Hub1.先建一个新仓库，建完之后打开仓库，打开上方设置，找到管理访问，点击邀请，输入你要邀请人员的邮箱。然后对方邮箱就会收到你的邀请，对方同意邀请之后，对方就可以对你仓库具有修改和添加的权限。2.使用git命令框输入 ‘git clone 仓库链接 ’ ，把仓库中的文件克隆在本地然后进行修改或添加。git进行修改/添加1.打开项目文件，使用git命令框首先添加一个分支切换到这个分支上，在对项目进行修改内容
2021-11-04 09:02:52
316
原创 使用git上传到Git Hub/修改Git Hub仓库中的内容并上传
在Git Hub上传项目1.git hub上打开自己的存储库，建一个新的仓库。这里我命名的仓库名是poetry-of-the-Tang-Dynasty2.然后打开你要上传的项目并打开git命令输入以下操作。文件提交到暂存区中后，用vscode打开项目3.提交之后在右侧输入信息，写什么都可以，之后回车。创建仓库时下面有下图的命令在git粘贴一直回车就上传成功了，你就可以看下你的git hub是否上传成功如果你没有所需要的项目文件那你就进行下面操作1.打开你所要修改的项目那个仓库，点击
2021-11-03 18:12:49
492
原创 移动端几种适配方法
百分比适配方式这种方法，只是宽度能适配，高度不能适配，只能设置某个高度固定死需求：是四个div高度为100px，宽度等宽横向排列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,u
2021-10-23 09:00:00
1856
原创 什么是Flex布局？
什么是Flex布局？一、什么是Flex布局？一、什么是Flex布局？Flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。display:flex;//块元素display:inline-flex;//行内元素采用Flex布局的元素，称为Flex容器（flexcontainer），简称"容器"。它的所有子元素自动成为容器成员，
2021-10-12 21:00:15
482
原创 VUE——超详细的美食杰项目—菜谱详情
VUE——超详细的美食杰项目—菜谱详情效果介绍detail.vuedetail-header.vuedetail-content.vuecomment.vue效果介绍实现页面数据渲染，还有实现点击收藏之后在用户里面可以看到组件收藏的菜谱。实现发表评论等效果加粗样式detail.vue在detail.vue组件里有三个引入的子组件，分别为菜谱介绍、菜谱的做法和步骤和登录的用户发表的评论。首先我们引入要获取的后端数据，在data中声明一个menuInfo数组，通过监听路由改变的方法获取到后端的数据，
2021-10-12 20:05:16
1183
1
原创 vue——超详细的美食杰项目—菜谱大全
vue——超详细的美食杰项目—菜谱大全效果介绍1.家常菜谱Tab切换：2.筛选：效果介绍下面我们实现的效果就是图一中的。点击‘家常菜谱’下的其中一项时背景颜色改变并向路由中显示参数。在点击‘中华小吃’时‘家常菜谱’选中的将会失效。是一个类似Tab切换的效果。还有就是我们的筛选一项，点击‘工艺’的其中一项，再点‘口味’和‘难度’中的选项时，所有被点击的选项背景样式并不会消失并且路由中也有被点击的参数。这些路由参数是被点击选项时所对应的参数以下步骤都是在recipe.vue组件中实现1.家常菜
2021-10-10 08:00:00
967
原创 vue——超详细的美食杰项目—个人信息展示
vue——超详细的美食杰项目—个人信息展示效果介绍store文件下的index.jsspace.vuefans.vuemenu-list.vuemenu-card.vue效果介绍图一中的123用户是自己的信息，不仅有编辑个人资料还有自己的作品、粉丝、关注、收藏等图二、图三中显示的用户是别人的个人信息展示，当我们查看别人的个人信息中就没有‘编辑个人资料’这种选项。但是我们也可以看到别人的作品、粉丝、关注、收藏等好，废话不多说咱开整store文件下的index.js在路由中的个人信息中配置子
2021-10-09 08:00:00
4581
转载 vue组件间通信六种方式
前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$parent / $children、$attrs/$listeners和.
2021-10-07 20:17:27
5234
原创 vue——async/awatic配合axios获取后端数据(常用、必备)
vue—获取后端数据并进行渲染1.安装axios并引入2.获取后端数据3.渲染数据1.安装axios并引入命令：npm i axios安装之后在package.json中查看有没有axios**安装之后在main.js中引入axios2.获取后端数据也要在store文件夹下的index.js引入axios，这样就可以正常使用了。声明一个list数组，吧后端请求的数据放到list中使用。limit=50:是从后端获取到的50条数据import Vue from 'vue'import V
2021-10-05 18:06:20
750
原创 实现购物车的全选、单选、总价
购物车—全选、单选、总价（二）效果展示index.html效果展示让我们步入正题，往下看index.html<div id="app"> <h1>商场购物车</h1> <div><input type="checkbox" :checked='isCheckedAll' @click='chang'>:全选</div> <div v-for='(good,index) in g
2021-10-04 23:15:05
1185
原创 超详细的Vuex——todoList效果
超详细的Vuex——todoList效果效果介绍HelloWorld.vue组件child.ue组件m.js效果介绍本编是写的类似记事本的一个小案例，通过获取焦点输入内容，添加到全部中。一共有三个按钮，分别为All全部、Active未完成、Completed已完成。通过勾选为已完成，也可以查看未完成的，从未完成的勾选为已完成的。HelloWorld.vue组件Home页面中我们清晰的看到一个input框，它是对输入的内容进行添加。代码中还引入了一个child子组件。由于我们是要用Enter进
2021-10-01 22:43:56
659
原创 VUE——超详细的美食杰项目—瀑布流形式
VUE——超详细的美食杰项目—瀑布流形式内容介绍Home.vue组件waterfall.vue组件menu-card.vue组件内容介绍今天我们要写的是滚动条下拉实现从缓冲中到缓冲完瀑布流形式的效果。下面看效果图Home.vue组件**本组件中引入了menu-card 和Waterfall 两个子组件，下面开始获取api中的数据。在moutend中获取getBanner和getMenus的list，把list中的数据在赋值给data 中的banners和getMenus数组import M
2021-09-30 23:15:25
530
原创 VUE——超详细的美食杰项目—发布菜谱的添加和删除
VUE——超详细的美食杰项目—添加和删除介绍第一步第二步第三步第四步第五步介绍上一篇写了个人资料编辑，这次我们写发布新菜谱的数组添加和删除，一共使用了create.vue和stuff.vue两个组件，下面让我们看一下效果第一步create.vue组件在create.vue组件中声明一个raw_materia_struct结构对象，在data中raw_material对象下获取const raw_materia_struct={ name:'',specs:''}export def
2021-09-27 07:57:12
429
原创 VUE——超详细的美食杰项目—修改个人资料
VUE——超详细的美食杰项目—个人资料简单介绍编辑个人资料展现个人信息总结简单介绍上一篇写的是美食杰的登录和注册，今天我们接着来编写个人资料，通过获取后端已更改的信息通过渲染展现到个人信息当中编辑个人资料edit.vue组件在编辑个人资料的edit.vue组件里，upload-img子组件中imgMaxWidth是上传图宽度限制，res-url是从upload-img子组件传过来的自定义事件，接收上传的图片<template> <div class="edit"&g.
2021-09-27 07:56:23
1044
原创 VUE——超详细的美食杰项目—登录注册
VUE——超详细的美食杰项目项目介绍代码过程登录页面登录页面——JS导航守卫注册页面退出登录项目介绍本篇主要实现美食杰项目的登录、注册和退出登录 代码过程登录页面<template> <div class="login-section"> <!-- :rules="rules" --> <el-form label-position="top" label-width="100px" class="
2021-09-24 08:02:45
581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人