GUfeifei___-CSDN博客

原创 git上传本地文件

一、创建本地管理仓库新建一个本地仓库，其实也就是新建一个文件夹。最简单的创建方式就是直接在桌面鼠标右键，新建文件夹，然后进去该文件夹。鼠标右键，打开git -> Git Bash Here -> git initgit init的作用是初始化git，将该文件夹变成一个可以被git管理的本地仓库。该命令将创建一个名为 .git 的子目录，这个子目录含有你初始化的 Git 仓库中所有的必须文件，这个目录也是上面我们说的三个区域之一，这个目录也是 Git 保存数据记录的地方，非常重要，如非必要

2021-11-04 08:55:34 589

原创移动端适配

1.移动端meta标签<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">meta标签表示：width=device-width ：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例 minimum-scale=1.0：表示最小的缩放比例 maximum-sc

2021-10-22 17:56:16 174

原创高级函数讲解，适合新手小白！

1：什么是对象？js是面向对象的编程，在面向对象编程中，必须要用到对象、类和实例化在现实生活中，每一个物体都是一个对象。（空调，洗衣机，电视机等）每一个对象也都有自己的属性和方法2.属性是什么?属性就是对象本身特有的，尔其他对象没有的举例：人一个脑袋，可以直立行走，有自己的文化和语言，才能成为人方法是什么？方法就是你本身可以做到一些功能，其他对象做不到的。举例：人可以使用电器，可以发明创造,可以制作食物等new Date()new Array()在js编程里有哪些？日期对象

2021-10-14 19:39:23 199

原创 v-model实现双向数据绑定

v-model你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值<!D

2021-10-13 19:54:55 1299

原创美食节实现菜谱详情页

1.思路：1.1：先获取数据进行页面渲染先写一个menuInfo接收菜谱的详细信息export default { components: {DetailHeader, DetailContent, Comment}, data(){ return { menuInfo:{ } } },1.2：拿到menuId后有两种情况if判断一下有就是正常的发送请求，如果不存在发送重进进入watch:{ $route:{ handler(){

2021-10-12 19:57:50 356

原创美食节—实现loading加载级数据显示

1.需要实现的效果：点击左侧‘炒’，‘蒸’，‘炖’等右侧显示对应的菜系效果展示：实现思路：第一步：先实现我们右侧的主体栏的数据。首先要将后端数据获取到，也就是这个 import {getMenus} from ‘@/service/api’;第二步：获取到数据后进行解构，看数据请求的数据中有没有参数有参数也要拿过来写一个空数组list:[],通过this.list =data.list;把数据存进去getMenus(params).then(({data})=>{

2021-10-11 19:52:28 181

原创前端常见面试题必备！

1.DOM怎样添加、移除、移动、复制、创建和查找节点答：// 创建新节点　　createDocumentFragment() //创建一个DOM片段　　createElement() //创建一个具体的元素　　createTextNode() //创建一个文本节点　　// 添加、移除、替换、插入　　appendChild()　　removeChild()　　replaceChild()　　insertBefore() //在已有的子节点前插入一个新的子节点　　// 查找　　getEle

2021-10-10 19:35:47 116

原创美食杰实现菜谱大全功能

1.效果展示1.1需要实现的效果1.先进行数据渲染2.点击家常菜谱跳转对应的路由3.点击当前添加对应的背景颜色2.在recipe.vue页中写 <div class="recipe">   <el-tabs type="border-card" v-model="classifyName">

2021-10-09 20:37:59 167

原创美食节实现个人页与其他用户页效果

1.美食杰项目—个人页和他人主页需要实现的效果：个人主页。其他用户主页。点击他人关注或取消关注。点击他人菜谱，粉丝及关注。效果图展示总体思路1.显示别人的空间a.地址栏中如有userid 则显示对应的用户数据2.显示自身空间a.如果没有userid 则默认显示自己信息b.如果在菜谱中点击自己也是有userid传递c.通过判断是否为自己的如果是，不需要后端拿,登录时，个人信息在space.vue页<template> <div class="spac

2021-10-08 20:38:56 152

原创什么是Node.js及安装过程

第1章Node.js简介Node.js是一个可以让 JavaScript 运行在服务器端的平台。它可以让JavaScript 脱离浏览器的束缚运行在一般的服务器环境下。你可以用 Node.js 轻松地进行服务器端应用开发，Python、Perl、PHP、Ruby 能做的事情 Node.js 几乎都能做，而且可以做得更好。 Node.js 是一个为实时Web（Real-time Web）应用开发而诞生的平台，它从诞生之初就充分考虑了在实时响应、超大规模数据要求下架构的可扩展性。这使得它摒弃了传统平台依靠多线

2021-10-07 20:27:31 219

原创为什么要用proxy代替 Object.defineProperty

一、Proxy是什么？1.1 理解ProxyMDN定义：Proxy 对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。通俗的讲Proxy是一个对象操作的拦截器，拦截对目标对象的操作，进行一些自定义的行为，一种分层的思想有点类似spring的AOP。1.2 Proxy怎么用let p = new Proxy(target, handler);语法非常简单,只有两个参数，很好理解target用Proxy包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理

2021-10-07 18:17:05 276

原创 es6测试题！

1.let const var的区别1. 作用域规则 let和const 声明的变量形成块级作用域，在块级作用域下起作用， var 声明的变量在全局作用域或者局部作用域下起作用2. 是否存在变量提升 let 和 const 不存在变量提升， var存在变量提升（在声明之前可以使用）3. 是否可以重复声明和是否可以重复赋值 var 可以重复声明，也可以重复赋值 let和const 都不可以重复声明，而 let可以重复赋值，const不可以重复赋值

2021-10-07 12:01:08 585

原创路由传参的方式有哪些？

Vue-router 参数传递声明式的导航<router-link :to="...">和编程式的导航router.push(...)都可以传参，本文主要介绍前者的传参方法，同样的规则也适用于编程式的导航。1. 用name传递参数在路由文件src/router/index.js里配置name属性routes: [ { path: '/', name: 'Hello', component: Hello }]模板里(src/Ap

2021-10-04 18:20:49 1850

原创 Vuex的核心概念！

Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension(opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。1.StateState 单一的状态树Vuex 使用单一状态树——是的，用一个对象就包含了全部的应用层级状态。至此它便作..

2021-10-04 18:12:37 120

原创 Vue组件通信的方式有哪些？

1.组件父传子使用 `Props`属性，父组件将信息传给子组件,从而子组件获得父组件的信息，父组件和子组件之间靠子组件标签取得关联，在子组件标签上所有的属性构成的集合在子组件的props属性可以接受到。2.组件子改父基于自定义事件：把父组件的某些方法注册到任务队列中，再通过实例的`$emit`方法获取自定义事件中的方法3.组件兄弟之间元素的通信实例：<div id="app">

2021-10-03 16:46:11 171

原创 react入门，适合新手小白！

1.1官方网站中文官网 React 官方中文文档 – 用于构建用户界面的 JavaScript 库2 react简介1.2.1 React是什么?主要是帮助咱们操作界面,也就是操作视图呈现页面1.2.2 为什么要学React?易于学习React易于学习，这是选择此库的最重要原因之一。由于学习这项技术不需要太多时间，您可以快速开始用它来构建。丰富的用户界面React可让您轻松构建丰富的用户界面。用户界面的质量很重要，因为设计不良的用户界面通常不太方便用户，用户也不喜.

2021-10-01 17:59:51 326

原创 js实现购物车效果（完整版）

1.购物车效果展示2.代码展示<!DOCTYPE html><html> <head><meta charset="UTF-8"><title></title><style type="text/css">*{ margin:0px; padding:0px;}.shop{ width:900px; height:300px; border:1px solid red; margin:0 au

2021-09-28 08:14:02 1946 3

原创 Es6常见面试题必看！

1.let、var和const的区别1. 作用域规则 let和const 声明的变量形成块级作用域，在块级作用域下起作用， var 声明的变量在全局作用域或者局部作用域下起作用2. 是否存在变量提升 let 和 const 不存在变量提升， var存在变量提升（在声明之前可以使用）3. 是否可以重复声明和是否可以重复赋值 var 可以重复声明，也可以重复赋值 let和const 都不可以重复声明，而 let可以重复赋值，const不可以重复赋值4. 暂时

2021-09-27 08:07:39 478 2

原创 Vue美食杰项目实现个人编辑资料效果

1.需求介绍：（1）先点击编辑个人资料跳转到个人编辑页。（2）到编辑页进行对头像，名称，个人简介进行修改点击保存获取信息后发送给后端。（3）后端拿到数据进行页面渲染。2.效果展示1.先点击编辑个人资料跳转到个人编辑页。（1）需要在router下的index.js文件中写路由配置实现路由跳转功能（2）导入edit.vue文件：import Edit from ‘@/views/user-space/edit.vue’(3)在路由表里进行路由配置:{ path:'/edit', name:

2021-09-25 20:15:25 334 1

原创 Vue实现登录注册功能

1.效果展示2.注意：vue登录注册用到了 Vuex + localstorage+router等，使用了vue2，创建项目 3.先是在router中的index.js中写路由配置import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)import {userInfo} from...

2021-09-24 07:59:34 20831 25

原创 Vue实现todolist完整版(增加，删除，筛选)

1.html代码（） <div id="app"> <div class="container "> <h3 class="text-center">todolist</h3> <ul class="list-group box"> <li class="list-group-item"> ...

2021-09-23 10:34:45 1193 5

原创 Vue面试总结

vue面试总结1.什么是vue.jsVue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。2.vue指令有哪些？1. v-cloak 解决插值表达式的闪烁问题（需要添加css样式 [v-cloak]{display:none;}）l2. v-text 渲染文本（包含标签）,将标签也当成字符串渲染3. v-html 渲染文本（不包含标签）,会把标签进行解析，

2021-09-22 19:43:46 211 1

原创 js实现简单轮播图效果

1.实现效果<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>简易轮播图</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } #one{ width: 600px; height: 540px; ...

2021-09-22 08:27:43 172 1

原创 js放大镜效果

1.放大镜<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0 } #demo { display: b...

2021-09-21 20:35:20 186 2

GUfeifei___的博客