自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Git本地仓库与远程仓库关联

现在的情景是,你已经在本地创建了一个Git仓库后,又想在GitHub创建一个Git仓库,并且让这两个仓库进行远程同步,这样,GitHub上的仓库既可以作为备份,又可以让其他人通过该仓库来协作,真是一举多得。首先,登陆GitHub,然后,在右上角找到“Create a new repo”按钮,创建一个新的仓库:在Repository name填入learngit,其他保持默认设置,点击“Create repository”按钮,就成功地创建了一个新的Git仓库:目前,在GitHub..

2021-11-04 11:16:14 570

原创 Git操作流程

什么是 Git?人工版本控制器通过人工的复制行为来保存项目的不同阶段的内容,添加适当的一些描述文字加以区分 繁琐、容易出错 产生大量重复(冗余)数据 版本控制工具通过程序完成上述人工版本控制行为 方便且功能强大 只记录不同版本之间变化的部分 怎么工作的?首先,我们得先了解两个重要概念 状态 区域 状态同时,git 又提供了三种(也可以说是四种)不同的记录状态 已修改(modified) 已暂存(staged)

2021-11-04 10:17:50 168

转载 移动端适配

概述: 头部:定义标题内容,定义要发布的菜品,口味,难度之类的选择,随后就是菜谱分类,有家常菜谱和中华菜谱两个一级菜单,有类型,看你要发布的菜是什么菜,然后归类选择,选择好之后,底下是上传成品图片,右侧是描述左侧成品图的由来效果图...

2021-10-22 10:58:57 108

原创 发布菜品总结

概述: 第一部分是显示菜品的样子,菜品的属性 第二部分是菜品需要的材料,分为主料和辅料 第三部分菜品制作的步骤 最后就把前三部提交,提交后跳转到个人空间查看菜品信息 1. 头部:定义标题内容,定义要发布的菜品,口味,难度之类的选择,随后就是菜谱分类,有家常菜谱和中华菜谱两个一级菜单,有类型,看你要发布的菜是什么菜,然后归类选择,选择好之后,底下是上传成品图片,右侧是描述左侧成品图的由来代码<section clas...

2021-10-13 16:06:44 129

原创 菜品信息页面

概述: 根据menuId请求数据,渲染页面,需要注意的是:请求的数据结构过于细杂,在保存到组件中 时,可以提前写好数据默认值。避免在异步请求的数据返回之前找不到需要渲染的数据属性头部功能: 根据数据,逐个渲染头部页面。用户信息中,需要用query传值传入用户id,来实现跳转个人空间功能收藏按钮:可以先写一个判断,判断是否本人登录再决定显示与否,然后再判断是否登录,在请求否则提示请先登录,才能对此进行操作页面显示:代码:...

2021-10-12 20:43:45 300

原创 菜谱大全总结

概述: tab默认显示菜单下显示的不同菜品,一级路由菜单下对应二级路由菜单下的各类菜品 左侧路由菜单根据点击不同的菜品名称筛选出对应右侧的菜品信息 右侧主要显示tab栏切换时显示对应的菜品,还有左侧筛选的菜品代码功能实现: tab切换列表以及功能实现,点击切换的时候右侧的菜品信息也会随之更改.左侧菜单筛选列表:点击选中的关键词筛选出对应...

2021-10-11 18:44:22 134

原创 2021-10-09

概述: tab栏和侧边栏的效果和功能,数据渲染都是运用了element-ui里的组件tab切换一级菜单低下对应的二级路由,点击子级的时候动态绑定class类名,当满足条件的时候点击的class类名更改,刷新的时候保存当前被选中的状态 筛选也是由一级菜单对应子级的二级菜单,被选中的状态,刷新页面的时候保存状态tab渲染代码 <el-tabs v-model="classifyName" type="border-card"> &...

2021-10-09 20:40:21 156

原创 api接口实现tab切换

效果实现概述:显示空间 地址栏中如果有userId,侧显示对用户的数据 如果没有userId,则默认显示自己的信息(Vuex) 如果菜谱中,点击自己,也是有userId传递的 通过判断是否为自己,如果是,不需要后端拿,登录时,个人信息已经存在了vuex中 关注后,需要新的数据里,还有粉丝,所以整体赋值 监听路由变化,来判断路由是否有信息,从而分辨是否为自己的空间代码实现思路:用axios进行二次封装,那利用了就调用他的借口来拿取数据,这里总共用了六个接口,来实现效果第一个获取数..

2021-10-08 20:34:51 364

原创 2021-10-08

Vue2.x 双向绑定原理vue 是通过 数据劫持 结合 发布者-订阅者 来实现双向绑定;数据劫持通过Object.defineProperty()方法的get和set方法来重新定义,set是设置属性值触发的函数,get是读取属性值触发的函数;底层实现:1、监听器observer,object.defineProperty 的set方法监听所有属性,有变动通知订阅者,在这里还需要创建一个消息订阅器Dep来收集订阅者2、订阅者watcher,接收变化通知执行相应函数,更新view3、解析器c

2021-10-08 20:18:44 48

原创 前端面试题及详解

什么是执行栈,什么是执行上下文?答:执行上下文分为全局执行上下文 创建一个全局的window对象,并规定this指向window,执行js的时候就压入栈底,关闭浏览器的时候才弹出 函数执行上下文每次函数调用时,都会新创建一个函数执行上下文执行上下文分为创建阶段和执行阶段 创建阶段:函数环境会创建变量对象:arguments对象(并赋值)、函数声明(并赋值)、变量声明(不赋值),函数表达式声明(不赋值);会确定this指向;会确定作用域...

2021-10-07 20:11:51 81

原创 vue2和vue3开发组件有什么区别

创建一个template组件来说,大多代码在Vue2和Vue3都非常相似。Vue3支持碎片(Fragments),就是说在组件可以拥有多个根节点。这种新特性可以减少很多组件之间的div包裹元素。在开发vue的时候,我们会发现每一个组件都会有个div元素包裹着。就会出现很多层多余的div元素。碎片(Fragments)解决了这个问题。对于有完美强迫症的童鞋“真的时太棒了”。我们这里的例子里就不展示了,用简单的单根节点的组件。Vue2 表格template<template> .

2021-10-05 14:15:34 143

原创 vue2和vue3的区别

前言vue经历从2.0到3.0更新之后,简而言之就是变得更轻,更快,使用起来更加方便,每一次的版本迭代都是对上一个版本的升级优化,不管是对于我们开发者还是对于用户体验都是不断地在越来越方便,接下来我会着重于开发者来说一下两个不同版本的区别,详解1.vue2.0和3.0的初始化就存在着一定区别,比如vue3.0可以在安装脚手架同时提前安装好一些项目开发必备的插件,并且3.0提供了可视化创建脚手架,可以更加方便的对插件和依赖进行管理和配置,同时两个版本的目录结构也是有些许差别的。2.在开发过程中两个

2021-10-05 14:09:44 6808

原创 vue组件传值

组件之间的关系父级向子级传递数据 子级向父级传递数据 非父子级传递数据父传子把app.vue当作父组件,child.vue当作子组件首先是app.vueapp.vue 父组件<template> <div id="app"> <h1>hello word</h1> 传递给child内部,然后child再获取到父组件传递的属性 <child :msg="message"></child&g

2021-10-03 16:24:50 76

转载 HTTP协议详解(简直神了)

引言HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-NG(Next Generation of HTTP)的建议已经提出。HTTP协议的主要特点可概括如下:1.支持客户/服务器模式。2.简单快速:客户向服务器请求服务时,只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。

2021-10-03 14:49:15 247

原创 2021-10-02

一.Vuex概念可以用于解决不同组件之间数据的共享问题可以把多个页面需要的属性存放到vuex当中二.状态组件内部状态:仅在一个组件内使用的状态应用级别状态:多个组件公用的状态三.什么情况下使用Vuex多个视图依赖于同一状态(特指依赖多层嵌套组件的某一状态)来自不同视图的行为需要变更同一状态四.Vuex核心概念vuex 核心概念state 全局共享数据库可以理解为组件当中的data 访问state里面的属性 通过this...

2021-10-02 13:25:16 59

原创 2021-10-01

自定义组件,全局与局部组件<div id="app"> <my-cpn></my-cpn></div>// 局部组件let cpn=Vue.extend({ // 模板 template:`<div>组件</div>`})// 根组件new Vue({ el:"#app", components:{ // 自定义名称 'my-cpn':cpn}})&lt

2021-10-01 12:31:35 51

原创 vuex购物车案例

案例有一个商品列表页和购物车页商品列表页主要实现商品数据渲染到视图上,还有一个添加到购物车的功能.购物车页主要是写全选,单选,总计,删除等功能首先是商品列表页<template> <div class="tj"> <ul> <li class="tjl" v-for="(item,index) in goods"> <img :src="item.img" alt=""> <div class="

2021-09-28 14:30:13 1225

原创 2021-09-27

let和const的区别?共同点:都是块级作用域不同点:let声明的是变量,const声明的是一个常量,不能修改 let a=10;a=20; console.log(a) //20 可以修改 const obj = { name:"张三", age:1 } obj={name:"二虎"} ; // 对象不能修改 obj.name="李四" ; // 对象的属性值可以修改 cons

2021-09-27 20:33:37 43

原创 前端面试题

1.vue双向数据绑定的原理

2021-09-25 19:14:01 92

原创 vue项目首页

项目首页概述:总体布局主要结合了vue和element-ui组件库来实现的element-uihttps://element.eleme.cn/#/zh-CN ​组件使用具体请看element-ui官方网址1.项目头部的布局左半部分是由一个logo图片,右半部分是两个按钮后期用于登录和注册功能,头 部下面有一个首页和菜谱大全,这两个组件主要功能是后期可以在这两个页面之间自由切换 代码<template> <el...

2021-09-24 18:03:29 1066

原创 vue2.x+element-ui 用户注册、登录界面

一、目标介绍实现注册用户账号完成登录后跳转主页面二、登录、注册、路由守卫2.1 login登录页面布局<template> <div class="login-section"> <!-- :rules="rules" --> <el-form label-position="top" label-width="100px" class="demo-rule...

2021-09-23 20:58:42 2262

空空如也

空空如也

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

TA关注的人

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