- 博客(23)
- 收藏
- 关注
RSS订阅原创 git常用命令详解
1.什么是 Git？人工版本控制器通过人工的复制行为来保存项目的不同阶段的内容，添加适当的一些描述文字加以区分 繁琐、容易出错 产生大量重复（冗余）数据 版本控制工具通过程序完成上述人工版本控制行为 方便且功能强大 只记录不同版本之间变化的部分 常见版本控制工具 CVS SVN Git …… 2.怎么工作的？首先，我们得先了解两个重要概念 状态 区域 git 文件生命周.
2021-11-04 10:13:53
364
原创 开发时，改变数组或者对象的数据，但是页面没有更新如何解决？
1.对于数组：Vue 不能检测以下数组的变动：1.当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue2.当你修改数组的长度时，例如：vm.items.length = newLength//举个例子：var vm = new Vue({ data: { items: ['a', 'b', 'c'] }})vm.items[1] = 'x' // 不是响应性的vm.items.length = 2 // 不是响应性.
2021-10-13 19:47:20
3247
原创 Vue美食节项目-----------菜谱详情页
1.点击菜单，跳转到菜谱详情页1.根据menuld请求数据，渲染页面注意数据结构过多，在保存到组件中时，提前写好默认值。避免在异步请求返回数据之前找不到数据<template> <div class="menu-detail"> <detail-header :info="menuInfo"></detail-header> <detail-content :info="menuInfo"></.
2021-10-12 20:02:34
891
原创 Es6中的箭头函数
1.作用：定义匿名函数2.基本语法：没有参数：()=>console.log(“XXXXXXX”)一个参数：i=>i+2多个参数：(i,j)=>i+j注意：函数体不用大括号，默认返回结果函数体如果有多个语句，需要用{}包围，如有需要返回的内容，需要手动返回使用场景：箭头函数的特点：箭头函数没有自己的this，箭头函数的this不是调用的时候决定的，而是在定义的时候处在对象就是他的this 箭头函数的this看外层的时候有函数，如果有，
2021-10-10 19:25:47
114
原创 Vue美食节项目______显示美食空间
总体思路1.显示别人的空间 a.地址栏中如有userid则显示对应的用户数据2.显示自身空间a.如果没有userid则默认显示自己信息b.如果在菜谱中点击自己也是有userid传递c.通过判断是否为自己的如果是，不需要后端拿,登录时，个人信息3.代码展示<template> <div class="space"> <h2>欢迎来到我的美食空间</h2> ...
2021-10-08 20:37:04
149
原创 Promise对象详解
1.Promise:代表了未来某个将要发生的事件（通常就是一个异步操作）2.可以将异步操作以同步流程表达出来，避免了层层嵌套的回调函数3.Es6的promise是一个构造函数，用来生成promise实例4.使用promise基本步骤1.创建promise 对象Let promise = new Promise((resolve,reject)=>{初始化 promise的状态行为pendingIf(异步操作成功){a.Resolve（value）//修改promise ..
2021-10-07 19:22:53
252
原创 Vue中插槽的使用详解必看！
1.介绍插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。通俗的说是：slot 是在父组建控制了子组件显示或隐藏相关内容。插槽又分为三种，1.普通插槽 2.具命插槽 3.作用域插槽1.普通插槽<divid="app"><my-button&...
2021-10-07 12:29:01
4792
原创 React创建项目并启动
1.第一步 安装脚手架开打使用windows键加R打开运行输入cmd在里面输入 npm install -g create-react-app注意:安装前请确保电脑中安装过node.js2.第二步 切换到想创项目的目录，使用命令：create-react-app appName appName是应用的名字,可以自己随意定义我创建了一个名字叫做react_test的项目,然后等待安装安装完成会出现以下内容Success!表示安装成功3....
2021-10-07 12:10:36
10259
原创 axios解决跨域问题
1.配置代理第一步 在src文件夹下创建一个名字为 setupProxy.js文件注意修改完setupProxy.js文件要重启脚手架才能生效2.文件内容constproxy=require('http-proxy-middleware')module.exports=function(app){app.use(proxy('/api1',{//第一个参数配置前缀,遇见/api1前缀的请求，就会触发该代理配置target...
2021-10-07 11:51:35
235
原创 Vue中$nextTick的使用
参数： {Function} [callback] 用法：将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。 它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 实例： <template> <p ref="msgp">{{msg}}</p> <button @click="change">$nextTick</button> </di
2021-10-04 15:11:39
303
原创 2021Web前端常见面试题总结
1.src和href的区别 ？Src用于替换当前元素，href用于在当前文档和引用资源之间确立联系.Src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置，请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片混入frame等元素。Href是hypertext reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加<link href=”common.css” re
2021-10-04 14:50:02
490
原创 Vue路由传参query和params的区别
注意：使用query传参的时候，name,path都可以引入，但使用params传参的时候只能使用name进行引入。接收参数都是类似的，分别是this.$route.query.name和this.$route.params.name进行路由跳转的时候，我们使用this.$router.push（‘路径'）query更加类似于我们ajax中get传参，params则类似于post,前者在浏览器地址栏中显示参数，后者则不显示1.动态路由传参路由配置：{ path: '/...
2021-10-01 18:07:33
378
原创 Vue组件间通信方式(详解)
1. 组件之间的传值通信组件之间通讯分为三种: 父传子、子传父、兄弟组件之间的通讯(1)props/$emit父传子：父组件通过import引入子组件，并注册，在子组件标签上添加要传递的属性，子组 件通过props接收，接收有两种形式一是通过数组形式[‘要接收的属性’ ]，二是通过对象形式{ } 子传父：父组件向子组件传递事件方法，子组件通过$emit触发事件，回调给父组件1.父组件向子组件传值接下来我们通过一个例子，说明父组件如何向子组件传递值：在子组件Users.vue中如.
2021-09-28 10:57:36
2026
4
原创 GET和POST区别
get和post区别1.GET在浏览器回退不会再次请求，POST会再次提交请求2.GET请求会被浏览器主动缓存，POST不会，要手动设置3.GET请求参数会被完整保留在浏览器历史记录里，POST中的参数不会4.GET请求在URL中传送的参数是有长度限制的，而POST没有限制5.GET参数通过URL传递，POST放在Request body中6.GET参数暴露在地址栏不安全，POST放在报文内部更安全7.GET一般用于查询信息，POST一般用于提交某种信息进行某些修改操作8.GET产生一个T
2021-09-27 09:10:51
365
3
原创 js实现点击回到顶部
效果实现 1.滚动条离顶部一定距离后，楼梯出现，否则隐藏 （这里要判断滚动条到顶部的高度） 2.点击楼梯按钮，自动出现相对应得页面。 3.拖拽滚动条，页面上的商品刚好和楼梯按钮对应上。 4.点击回到顶部1. css代码*{ margin: 0; padding: 0; } #warp{ width: 800px; margin: 0 auto; } .box{ width: 100%...
2021-09-26 19:30:37
1278
5
原创 Vuex面试题总结必看！
1.什么是Vuex？Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation。2.什么时候用Vue？多个组件依赖于同一状态时。来自不同组件的行为需要变更同一状态3.vuex有哪几种属性？有五种，分别是 State、 Getter、Mutation 、Action、 Modulestate：存放公共数据的地方；getter：获取根据业务场景处理返回的数据；mutation.
2021-09-26 08:01:55
1835
3
原创 Vue项目的登录注册
注意：登录注册的页面布局用到了Element ui ，路由的跳转用全局导航守卫（router.beforeEach）1.效果展示1.1代码展示<template> <div class="login-section"> <!-- :rules="rules" --> <el-form label-position="top" label-width="100px" class="demo-ruleForm"..
2021-09-24 08:02:43
811
4
原创 原型和原型链
1.原型函数都带有一个prototype 属性，这是属性是指向构造函数的原型对象，这个对象包含所有实例共享的属性和方法。原型对象都有一个constructor 属性，这个属性指向所关联的构造函数。每个对象都有一个__proto__ 属性[非标准的方法]，这个属性指向构造函数的原型 prototype2.原型链当访问实例对象的某个属性时，会先在这个对象本身的属性上查找，如果没有找到，则会 通过 __proto__ 属性去原型上查找，如果还没有 找到则会在构造函数的原型的__ pro.
2021-09-22 20:13:29
98
1
原创 http状态码
http状态码100-199用于指定客户端应相应的某些动作。200-299用于表示请求成功。300-399用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。400-499用于指出客户端的错误。500-599用于支持服务器错误。1. 1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码100(Continue/继续)如果服务器收到头信息中带有100-continue的请求，这是指客户端询问是否可以在后续的请求中发送附件。在这种情况下，服务器用...
2021-09-22 20:01:09
150
1
原创 Vue购物车案例（全选，反选，加入，删除，加减，总价，数量）
1.购物车效果图2.代码展示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> body{ font-size: 16px; } table { width: 1200px; } ul l....
2021-09-22 19:09:59
10459
16
原创 Vue小黑记事本案例
1.小黑记事本效果图2.代码展示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>小黑记事本</title> <style> *{ margin: 0 ; padding: 0; background-color: white; } .todo{ background-...
2021-09-22 18:53:02
533
2
原创 Vue项目小米购物车
1.vue小米购物车用到了 Vuex + localstorage，使用了vue2，创建项目用vue create xiaomi （名字）1.在Home.vue里面写<template> <div class="home"> <header> <span >首页</span> <router-link to="/about" class="span">购物车({{total...
2021-09-21 19:42:49
1398
4
原创 Vue面试题总结
#1.谈谈你对MVVM开发模式的理解MVVM分为Model、View、Viewmodel三者。 Model：代表数据模型，数据和业务逻辑都在Model层中定义； View：代表UI视图，负责数据的展开； ViewModel：负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作； Model和View并无直接关联，而且通过Viewmodel来进行联系的，Model和Viewmodel之间有着双向数据绑定的联系。因此当Model中的数据改变时会触发View层的刷新，View中由于用户交互操作
2021-09-20 18:05:32
1416
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人