2020年10月16日
摘要: 记录一个小bug ###在flex布局中,有时候会遇到,在缩小浏览器时,最左边的元素被挤压了,这时只需要给它添加一个css样式 flex-shrink:0; 就可以完成 阅读全文
posted @ 2020-10-16 13:46 Huskie! 阅读(1136) 评论(0) 推荐(0) 编辑
  2020年10月6日
摘要: 在项目中,通常我们在提交表单的时候需要进行一个必填项的验证,在这里,就简单的介绍一下element提供的表单组件中的必填项验证 通过阅读文档,可以得知el-form上是自带一个validate方法的 对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校 阅读全文
posted @ 2020-10-06 22:49 Huskie! 阅读(9271) 评论(0) 推荐(0) 编辑
  2020年8月24日
摘要: vuex Vuex是vue.js专门为了管理组件与组件之间的关系而提供的一种状态管理模式 下面简单介绍一下vuex在项目中的应用场景 首先我们要做的是安装vuex到我们的项目中 yarn add vuex 然后在我们通过vue-cli脚手架生成的src文件夹中建立一个store(仓库)文件夹,里面便 阅读全文
posted @ 2020-08-24 21:10 Huskie! 阅读(356) 评论(0) 推荐(0) 编辑
  2020年8月22日
摘要: Vue—ref链在项目中的应用(1) 在移动端app项目当中,我们经常遇到的一个场景是:点击每一个不同的模块,进入到一个大致相同的详情页,然后里面会有不同的一大堆折叠起来的文字描述,我们可以点击一个向下的箭头,就可以进行将折叠文字显示出来,下面来介绍一下如何通过vue的ref链以及css3来完成我们 阅读全文
posted @ 2020-08-22 16:07 Huskie! 阅读(176) 评论(0) 推荐(0) 编辑
  2020年8月21日
摘要: transtion过渡 Vue在插入、更新或者移动dom时,提供了多种不同的方式来进行应用过渡 Vue提供了transition组件来帮助我们实现过渡效果,依据就是在控制元素显示隐藏的时候为dom在指定的时刻添加上对应的类名 而我们呢只需要在这些类名上写上对应的css样式,就可以完成 在进入/离开的 阅读全文
posted @ 2020-08-21 17:27 Huskie! 阅读(193) 评论(0) 推荐(0) 编辑
  2020年8月20日
摘要: axios的高阶用法 axios是基于promise,用于浏览器和node.js是http客户端。 axios的作用是什么呢:axios主要是用于向后台发起请求的,还有在请求中做更多是可控功能。 在这里,我来分享一个axios在开发项目中比较实用的一个用法,以用户在使用app时与个人主页的交互为例 阅读全文
posted @ 2020-08-20 22:18 Huskie! 阅读(495) 评论(0) 推荐(0) 编辑
  2020年8月19日
摘要: 阿里云服务器 一、初步使用阿里云服务器 作为初次使用,可以使用Centos64位, 7.6的阿里云服务器,用户名都叫root 当我们实名认证以及购买成功后,需要点击右上角控制台中的云服务器ECS进入,此时我们可以在下方发现一个有着公网ip的实例 记住这个实例,在后面我们会经常用到。 点击进入实例后 阅读全文
posted @ 2020-08-19 17:56 Huskie! 阅读(552) 评论(0) 推荐(1) 编辑
  2020年8月18日
摘要: Vue Router 当今,SPA应用相比较传统项目使用的MPA应用页面结构,可以更好的提供给用户舒适的体验,而 Vue Router 是Vue.js官方提供的一种路由管理器,让构建单页面应用变得易如反掌,下面,来介绍一下初步使用的一些注意的点 一、安装与配置vue-router yarn add 阅读全文
posted @ 2020-08-18 21:08 Huskie! 阅读(260) 评论(0) 推荐(0) 编辑
  2020年8月17日
摘要: 现在前端工程化开发是现在的一个流程趋势,借助一些工具帮助我们搭建一个舒适的开发环境,已经被提上日程 在这里,介绍一种官方网站推荐的一种工具脚手架--Vue-cil 注意:Vue-cli是要求写在ode.js版本是8+的一个环境当中 1.安装脚手架 全局安装 npm i -g @vue/cli 或者是 阅读全文
posted @ 2020-08-17 21:00 Huskie! 阅读(394) 评论(0) 推荐(1) 编辑
  2020年8月16日
摘要: 一、子父通信 父子通信很简单,就是通过在子组件上定义一个属性,然后子组件props就可以拿到父组件的值 子父通信呢,我们在这里讲了两种方法 第一种是通过五步走的一个方法 父组件声明一条数据 父组件需要写一个更改自身数据的方法 将更改自身数据的方法通过属性方式传递给子组件 子组件需要通过props来接 阅读全文
posted @ 2020-08-16 22:35 Huskie! 阅读(183) 评论(0) 推荐(0) 编辑