- 博客(17)
- 收藏
- 关注
RSS订阅原创 GIT使用
1.安装移步官网安装2.配置安装完git之后的第一件事就是设置你的用户名和邮箱。git config user.name "你的姓名"git config user.email "你的邮箱"当然你也可以配置全局信息git config --global user.name "你的姓名"git config --global user.email "你的邮箱"检查配置打印所有config：git config --list打印指定config：git config use
2021-11-04 16:20:55
241
原创 移动端适配总结
文章很长，建议耐心看完 : ）1.首先看笔者最最最常用的，就是引入适配文件，最方便！(偷懒行为)在main.js中引入以下两个文件(一个是移动端适配文件，一个是引用样式重置文件，两个文件都放入src中的assets文件下)//移动端适配文件import "./assets/app"//引用样式重置文件import "./assets/reset.css"1.移动端适配文件(app.js)(function(win) { var docEl = win.docum
2021-10-23 15:36:54
172
1
原创 美食杰-详情
今天主要实现菜品详情页的数据渲染和评论评论可以提交1.在data里面定义一个存储从后端接收的数据data(){ return { menuInfo:[]//接收菜谱的详细信息 } },2.watch监听，如果有参数就将从后端获取的数据赋值给data里面定义的数组，如果没有参数就警告用户重新进入页面，把后端中的方法用import引入。watch:{ $route:{ handler(){ //获取参数 ..
2021-10-12 19:43:14
140
原创 美食杰-菜谱大全右侧主体
根据用户的选择，展示不同的数据分页在data中定义需要的数组data() { return { classify: [], property: [], propertype: {}, //存储分类的属性 classifyType: "1-1", //子级 classifyName: "1", //刷新之后父级路由参数有，而视图没有变化。 propertyActiveName: [], //右..
2021-10-11 20:10:50
115
原创 美食杰-菜谱大全
今天我们写菜谱大全首先，拿到数据getClassify().then((data) => { console.log(data); this.classify = data.data;}在data里面定义classify存放数据。然后渲染数据<el-tabs v-model="classifyName" type="border-card">用watch监听路由传参，当参数改变，就赋值watch: { $route:.
2021-10-09 19:47:09
95
原创 美食杰-个人空间
今天继续进行我们的美食杰项目用watch监听，是否是自己或他人的空间，然后“编辑个人资料”与“关注”根据空间转换watch:{ //监听路由变化，来判断路由是否有信息，从而分辨是否为自己的空间 $route:{ async handler(){ let {userId} = this.$route.query; this.isOwner = !userId || userId === this.$store.state.userIn.
2021-10-08 20:31:19
109
原创 前端笔试题
如何让一个元素水平垂直居中1、子元素：position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;2、子元素：position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);3、父元素：display:flex;justify-content: center;align-items: center;heig
2021-10-06 23:31:10
153
原创 react-shopping-cart尺码筛选
今天我们来写react-shopping-cart尺码筛选，先看效果当点击选择Sizes时，列表只展示拥有该尺寸的衣服当选择多个尺寸就会展示多种衣服(并不是叠加，而是只要有就展示)但要注意的是，一件衣服会有两个或两个以上的尺寸，所以展示的时候要注意去重<h3>Sizes:</h3><ul> <li v-for="item in Size" :key="item.id"> <input type="ch..
2021-10-06 23:10:30
417
原创 最常问的面试题
1.什么是事件委托？为什么这样做？答：它还有一个名字叫事件代理，事件委托就是利用事件冒泡，将自身要执行的事件委托给父级元素执行。为什么这样做呢？通过事件委托可以减少事件处理程序数量，这样就能大大的减少与dom的交互次数，提高性能。2.js的数据类型答：JS的数据类型有7种在ES5的时候，我们认知的数据类型其实有6中：Number,String,Boolean,undefined,object,Null.ES6中新增了一种Symbol。这种类型的对象永不相等，即始创建的时候传入相同的值
2021-10-04 23:53:52
63
原创 vue记事本
深夜码字！效果：点击回车添加内容1.在vuex创建一个数组存放数据，以及点击添加/删除的方法import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { list:[] }, mutations: { //添加数据 setAdd(state,data){ state.lis...
2021-10-03 23:01:36
364
原创 VUE相关面试题
1.vue生命周期什么是Vue生命周期？Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期Vue生命周期的作用是什么？它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑Vue生命周期总共有几个阶段？它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后第一次页面加载会触发哪几个钩子？第一次页面加载时会触发 be
2021-10-02 23:31:16
116
原创 小米购物车
今天是国庆节，祝伟大的祖国生日快乐！！假期适当的休息一下，还是要敲敲代码的！冲冲冲今天我们写的是小米购物车！So easy！老规矩，先看实现效果数据直接存储到本地的，在后面我会把数据写上 : ）左上角的数据是实时响应的，当点击加入购物车时，数量会依次增加。点击购物车会跳转到购物车页面，里面有两个我们刚刚加入的商品，价格也是直接算好。还有加减数量当数量减到1个的时候就不能再减了，此时会弹出提示框1.在vuex中创建数据，将本地存储的数据存进去。本地数...
2021-10-01 21:49:31
1030
原创 Todo List
今天来实现一个简单的todo list效果！点击list改变背景颜色和状态当我们点击未完成时，会看到list只展示刚刚没有点击的当点击已完成，list会展示刚刚完成的最初我们只选择了10条，现在我们选择20条添加欧克，这就是我们要完成的效果，冲鸭！首先我们需要在vuex里面创建数组来存放我们请求的数据(此处记得安装axios)import axios from 'axios'import Vue from 'vue'import Vu...
2021-09-30 21:56:07
85
原创 美食杰—发布菜谱
我又来了！先看效果：数据是后端请求的，所以不是简单的下拉选项框填入主料和辅料，也可以增加。当删除到只剩一项时，删除键隐藏。来了来了来了，代码来了。我依然用的是Element UI 框架，下拉选项框绑定v-model事件删除和增加绑定点击事件<h5>属性</h5> <div> <el-select v-for="item in propertyies" :k...
2021-09-26 20:27:33
125
原创 美食杰—修改个人资料
今天我们来看一个非常简单的修改个人名称首先用户名最初是oo然后再表单里面修改名称为圈圈保存之后，头部用户名改变，且跳转到目标页面接下来，我们看一看代码怎么写：1.input绑定事件！2.在js中写入方法注意：因为我们的头部用户名用的是vuex里面的数据，所以我们在修改用户名之后直接存储到vuex里面的，数据是响应式的，不用在做多余的传递数据。欧了，这就完了，找您敲代码愉快。冲！！...
2021-09-24 21:08:15
115
原创 美食杰—登录，注册，退出
今天我们来写页面注册、登录、退出1.注册此时是未登录状态，所以头部拥有登录 注册按钮点击登录，跳转到登录页面，然后用tab切换，控制登录和注册页面(此效果可用Element UI实现)如图我们用到Element UI框架的提交表单(详细用法)，绑定事件，input绑定相应的用户名和密码v-model事件。因为此处是注册页面，提交的时候要向后端发送请求，将用户输入的名字和密码向后端发送请求。此时我们就可以注册号账号.2.登录登录页面的表单和注册的一样依...
2021-09-24 20:53:07
210
原创 运用导航守卫判断用户是否登录，进行路由跳转
首先让我们回顾一下导航守卫。官网：正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。官方文档简单来说：导航守卫就是一个房子的保安，如果想要进入房子，要告诉保安从哪里来(from)，到哪里去(to)，如果你是陌生人，那保安不能随便放你进去，你要得到房子主人的允许(登录，注册)，才可以去你要去的地方，然后保安告诉你接下来怎么做(next())。如果房子主人允许你进入，那你就可以直接进去。那接下来.
2021-09-23 20:36:37
585
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人