- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 mock.js在vue中的使用（axios请求数据）
本文简单介绍了怎样使用mock模拟数据请求，不多比比，直入主题：第一步：安装：在命令行中执行：npm install mockjs;或直接<script src="http://mockjs.com/dist/mock.js"></script>第二步：定义index.js文件我们新建一个mock文件夹，此文件夹中建一个index.js文件：mo...
2018-07-21 14:55:59
5880
原创 scss/less语法以及在vue项目中的使用
（文章是 博主根据自己所学以及经验创作，如存在错误之处欢迎提出指正，不喜勿喷！）scss与less都是css的预处理器，首先我们的明白为什么要用scss与less，因为css只是一种标记语言，其中并没有函数变量之类的，所以当写复杂的样式时必然存在局限性，不灵活，而scss与less正好为css提供这些，让css可以像编程一样灵活书写样式，而且scss与还提供了一些css兼容性的处理，所以运用s...
2018-07-21 11:40:46
3373
原创 使用svg自定义图标
svg是H5新增的一个标签，但是里面包含大量的属性，如果要我们自己用代码编写svg图标，复杂的难度很大，换个角度，我们可以自己画图然后在成svg代码；1.首先在百度搜索svg在线编辑器，在编辑器中可以画出自己想要的图标，然后再把图标导出为svg图片，把该图片拖入text编辑器就自动展示了svg代码，然后我们只需将这些代码放入dom标签中就OK了：<template> ...
2018-07-25 19:24:46
2834
原创 Vue scoped CSS 与深度作用选择器 /deep/
使用 scoped 后，父组件的样式将不会渗透到子组件中。例如（无效）：<template> <div id="box"> <el-input class="text-box" v-model="value"></el-input> </div></template&
2018-07-23 10:39:23
1534
原创 animate.css在vue项目中的使用
在vue项目中使用动画其实有多种方式，可以使用vue中的过渡transition，可以使用animate动画与transition配合使用，也可以单独使用animate动画库（详情可见vue官网-过渡：过渡），下面我们开始介绍在vue中单独使用animate动画，其实也非常简单，两步就可以实现：第一步：安装：在命令行中执行：npm install animate.css --save第...
2018-07-21 14:30:57
19918
5
原创 screenfull.js实现全屏功能（vue项目中运用）
1. 在我们做的项目中可能会有全屏功能的需求，其实这个也比较简单实现，下面我们介绍以screenfull.js实现全屏功能，废话不多说，直接上代码。第一步：安装：在命令行中执行：npm install --save screenfull （注：因为这是生产依赖，所以执行--save）第二步：直接上代码：<template> <el-button ty...
2018-07-21 14:13:42
34874
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人