- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue项目美食杰 -- 菜品详情
时间过的挺快的，眨眼间，美食杰项目迎来了最后一个大的板块了，此块功能完成之后，整个项目可以算是完结了，当然除了一些边边角角的细节和一些未发现的小问题，正题步入：今天呢，整个板块整体称之为‘菜品详情页’，具体如下：大致功能还是比较简单的，所以写起来也是行云流水，首先菜品详情页自然是菜品的详细信息，所以从菜品在的模块跳转，我这里举例的是轮播图中的跳转，当然了跳转的时候菜品的id必不可少： <router-link :to="{name:'detai...
2021-10-12 20:38:21
486
原创 vue项目美食杰--菜谱大全
项目已经接近尾声了，难度也随之增加，不过，世上无难事，只要肯登攀，遇到困难，打倒它，然后在遇到更大的困难。。当然了，在这个过程中我们的技术和心理素质也会逐步的提高。。今天分享一个小小难度的部分，菜谱大全。。。 菜谱大全在项目中是处于首页的位置，是和首页展示页面通过路由的切换来展示的，所以第一步，配置好路由：{ path: '/recipe', name: 'recipe', title:'菜谱...
2021-10-11 20:41:42
423
1
原创 vue项目美食杰--个人信息详情
美食杰项目目前已经进行到白热化阶段，我呢是感觉越写越有劲，越写越有意思了，对于一个开发者而言，最开心的事莫过于写出来一些满意的效果了吧。 今日分享接上之前个人信息页，前面已经说过了上半部分，今天分享的就是下半部分的功能（以他人空间为实例，自己空间大致一样），大致东西不是很多，但还是那两句老话没注意细节，上图 今天的任务就是上面两张图中，我画框框的部分的功能和细节的处理。。。大致介绍：1.首先tab切换实现上面tab功能，用二级路由来实现。...
2021-10-08 20:18:13
772
原创 谈一谈axios，fetch和Ajax
我们身为开发的一员，在日常的开发的过程中，经常需要使用到数据请求，所以我们在学习过程中必须要学会前后端交互技术，今天就介绍很常见而且很常用的三个前后端交互技术，分别是ajax，axios，fetch。1、ajax（jQuery.ajax）基本语法：$.ajax({ //请求放式 type: 'POST', //请求地址 url: url, //数据 data: data, //数据类型 dataType: d...
2021-10-06 21:05:34
196
原创 在vue项目中使用Element-ui基本教程
element-ui是饿了么推出的一个开源ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。官网：https://element.eleme.cn/#/zh-CN今天分享一下这个插件的基本使用，1.创建一个项目，并安装element-ui插件创建项目参考https://blog.csdn.net/Im_xiaopei/article/details/120618154?spm=1001.2014.3001.5501安装element-ui打开终端，输
2021-10-06 09:45:00
25194
原创 使用vue脚手架搭建项目详细解说
1.脚手架安装在cmd中全局安装vue脚手架，输入npm i@vue/cli -g安装脚手架完毕2.通过vue脚手架创建项目，创建项目有两种的方式，这里介绍的是使用图形化界面来创建，命令是vue ui。在项目文件中打开cmd命令框，输入vue ui命令，点击回车，等待执行完毕，自动打开视图界面，如下：填写项目名字，这里不支持中文，注意一下，然后下一步选择手动配置，进行下一步，创建项目时，以下四个功能一般需要选择Babel Router Linter...
2021-10-05 22:20:05
2582
原创 vue常见面试题总结
问：说⼀下vue最⼤特点是什么或者说vue核⼼是什么答：vue最大特点我感觉就是“组件化“和”数据驱动“组件化就是可以将页面和页面中可复用的元素都看做成组件，写页面的过程，就是写组件，然 后页面是由这些组件“拼接“起来的组件树数据驱动就是让我们只关注数据层，只要数据变化，页面（即视图层）会自动更新，至于如何 操作dom，完全交由vue去完成，咱们只关注数据，数据变了，页面自动同步变化了，很方便问：Vue 组件中 data 为什么必须是函数答：组件中的data写成一个函数，数据以函数返回值
2021-10-05 18:16:21
157
原创 vue案例小黑记事本详解
大家好，今天学的东西不是很多，但遇到了一个特别有趣的vue小案例吧，我觉得可以拿出来给大家伙练练手，虽然案例简单，并不复杂，但也算是涵盖了vue大部分的常用知识点，希望大家可以多练练，有助于vue的学习。 正题开始。。。 案例叫做小黑记事本，大致长这个样子 大致功能是这个样子的，1.在输入框中输入内容，点击回车，会将输入的内容按顺序放入下面的列表中，2.再放入的过程中会自动统计记录的数量，显示在左下角3.当鼠标点击对应的列表...
2021-10-04 18:44:04
2051
原创 vue学习之vue-router
今天分享一个十分重要的前端技术，vue-router，路由。在所有的vue项目中都需要使用到的技术，你说重不重要。 1.vueRouter的理解一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。vueRouter是vue 的一个插件库，专门用来实现 SPA 应用SPA单页面应用参考：单页面应用（SPA） - 一只菜鸟攻城狮啊 - 博客园2.配置vueRouter//引入VueRouteri...
2021-10-04 17:36:37
127
原创 前端学习必经之路--npm包管理工具
一.npm是什么 NPM是Node.js标准的软件包管理器。NPM是随同Node.js一起安装的包管理工具，能解决Node.js代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。二.npm安装第一步：打开下载地址，http://nodejs.cn/download/，根据你电脑的版本进行...
2021-10-03 16:31:07
270
原创 vue项目实战--美食杰之首页
读者，大家好，此篇分享一个笔者写过的vue项目，名叫美食杰，是一个PC端项目，分享出来的目的是为了可以让大家共同学习进步，也期望各位读者能指出笔者的不足之处，感谢！！ 正片开始。。。 1.首页的展示和介绍 头部板块，因为此头部板块在整个项目中多地使用，所以我将其放在公共组件部分，名为header.vue 分页板块，就是黄线框框部分，在此板块中拥有两个切换的模板，今天只说首页板块...
2021-09-26 19:51:11
495
原创 vue项目美食杰 -- 个人信息展示与修改
今天是项目的第三部分，个人信息的展示与修改，在此，笔者只想说，做个项目真的是费劲，但是，越困难的东西写着不是越有意思嘛，毕竟伟大的哲学家‘沃兹基硕德’（我自己说的）：学习就要学不会的东西，要不然学什么习。开个玩笑，步入正题。老规矩先上效果图，让大家明白今天要写点啥...
2021-09-26 01:06:43
4378
1
原创 vue项目美食杰 -- 注册登录
美食杰项目是本人所做过项目之一，对技术提升有极大帮助，因此分享出来和广大网友一起来学习进步。话不多说，先上个首页图 因为此项目不算很小，加上时间和精力的问题，本人将整个项目分为多个板块来进行分享，毕竟贪多嚼不烂嘛，而且更容易帮助读者整理哦。 今日份分享的是登录和注册板块。 登录大家应该在熟悉不过了，账号密码输入，就完事了，但是，朋友们啊，咱们今天不是用户，是一个开发者呀，所以我们得拿出自己的技术出来，来实现底层逻辑哟。 所用技...
2021-09-23 21:04:30
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人