摘要: 没想到隔了这么久才来更新。 用vue做简历,不是非常适合,为什么呢。 因为简历没什么数据上的操作,一般都是静态的内容。 不过都说了用Vue来做,也只能强行续命了。 这里是我做好的成品 非一般简历 由于未涉及页面跳转,所以没有vue-router 想要实现如网页中的功能,首先我们要使用fullpage 阅读全文
posted @ 2019-03-13 14:22 本该如此 阅读(4138) 评论(1) 推荐(0) 编辑
摘要: 文章已经废弃,当初年少无知犯的错,不要混用,留作警醒! 最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下。 由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看。 emmm等我更新完会在最后附上成品。 现在 开始! 首先 配置项目 具体可以看我的 Vue 配置项目 由于 阅读全文
posted @ 2019-03-07 20:17 本该如此 阅读(2750) 评论(0) 推荐(0) 编辑
摘要: 实现效果:效果预览 css代码: 目的:让背景全屏显示并且位于最底层。 html代码: 这里我们先插入了三张壁纸,避免刚开始通过函数加载出来的壁纸延迟。 js代码: 总代码: 这里调用了我的图片api接口。 包含了很多图片,欢迎大叫调用。 当然你也可以使用自己的方法换图片地址。 阅读全文
posted @ 2019-02-24 14:15 本该如此 阅读(2187) 评论(1) 推荐(0) 编辑
摘要: 一、起步 1.引入reset.css解决手机之间不同分辨率的问题(reset.css为别人封装的css文件) import './assets/styles/reset.css' 使用方式 1rem=50px 我们使用rem代替px 2.引入border.css解决手机边框1px的问题 import 阅读全文
posted @ 2019-02-24 09:44 本该如此 阅读(2567) 评论(0) 推荐(1) 编辑
摘要: 配置Vue的app项目首先需要配置本地环境。 1.下载node.js并且安装。(根据自己电脑参数进行选择) 打开cmd,检查是否安装成功。 分别输入: node -v npm -v 结果如图正确显示出版本号表示安装成功。 接下来通过CLI配置项目 1.全局安装 vue-cli 在命令行输入npm i 阅读全文
posted @ 2019-01-31 12:46 本该如此 阅读(4501) 评论(0) 推荐(0) 编辑
摘要: 要求:要通过Vue使用过渡动画我们要把需要过度的元素放在<transition name='变量名'></transition>中。 原理:通过在特定的时刻增加/移除样式实现。 一、Vue中的过度效果 1.未声明name,Vue默认添加/移除v-enter,v-leave-to,v-enter-ac 阅读全文
posted @ 2019-01-29 17:09 本该如此 阅读(677) 评论(0) 推荐(0) 编辑
摘要: 最最最后一点关于组件传值的问题。 提醒:本篇内容请使用Vue.js开发版!(附带完成的警告和提示) 1.组件的参数校验 父组件向子组件传值,子组件可以决定传值的一些限制。 比如,子组件指向接收String类型的值,在传递时props应该这样写: <body> <div id="app"> <hell 阅读全文
posted @ 2019-01-29 15:39 本该如此 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 刚开始我们淡淡提过<slot></slot>现在深入了解一下。 slot可以进行父组件传值到子组件。 比如:我们将hiboy通过<slot>传递到组件中。 结果: 当然这不是今天想要讲的。今天我们来分析两种情况。 一、多个插槽传递不同内容 这个时候我们需要设值的关键参数有: slot=' young 阅读全文
posted @ 2019-01-27 17:27 本该如此 阅读(1057) 评论(0) 推荐(0) 编辑
摘要: 最近几天忙着写Api去了,抽空把后面的内容下出来,然后再分享给大家web可以使用的api。 上次说了父子组件直接的传值,这次看一下非父子组件之间的传值(总线机制) 要实现非父子组件之间的传值非常重要的一行代码如下 Vue.prototype.young=new Vue();//在Vue实例上挂载一个 阅读全文
posted @ 2019-01-27 11:43 本该如此 阅读(222) 评论(0) 推荐(0) 编辑
摘要: Vue学习笔记(一)关于组件的创建和组件之间的传值问题以及容易忽略的小错误 阅读全文
posted @ 2019-01-21 18:04 本该如此 阅读(298) 评论(0) 推荐(0) 编辑