一.gulp是什么 Gulp 是一种前端工作流的工具,它可以解决前端中很多其实并不需要人力参与的工作，例如： 变更静态资源 合成文件,把多个文件合为一个文件 监控变化,自动刷新浏览器 解析浏览器不识别的语言,如scss等 下面会说几个常见的gulp模块,列举功能和例子,希望你看完本章后能对gulp有 ...
分类：
其他好文 时间：
2020-04-19 00:44:53
阅读次数：
66
众所周知，less是一门css预处理语言，其他的类似还有scss、Stylus 等，和js相似度比较高的就是less了。话不多说，我们来看less的使用。 Node.js 环境中使用 Less ： npm install -g less > lessc styles.less styles.css ...
分类：
其他好文 时间：
2020-04-16 11:48:18
阅读次数：
88
嵌套规则 ...... 声明变量 // scss $width: 50px; .wt { width: $width; } 数学运算 // scss #id { width: (1 + 2) *3px; width: $width/2； margin-left: 5px + 8px/2px; } p ...
分类：
Web程序 时间：
2020-04-11 13:10:27
阅读次数：
77
效果图 src/components/scroll/index.vue <template> <!-- 通过ref可以获取到dom对象 --> <swiper class="swiper" :options="swiperOption" ref="swiper"> <div class="mine- ...
分类：
其他好文 时间：
2020-04-06 20:53:01
阅读次数：
72
1、关于路径简写：@是一个简写，指代src目录 设置简写的文件 build/webpack.base.config.js 2、我们也可以自己给常用的目录添加简写 3、在 src/main.js 中给主页添加index.scss样式，使用简写的路径表示 4、配置路由 src/app.vue <temp ...
分类：
其他好文 时间：
2020-04-06 00:04:30
阅读次数：
199
需要单独在一个全局样式文件里引入，再插进来。 1、创建elementui.scss 2、然后再在当前页面的样式中，引入这个文件 ...
分类：
其他好文 时间：
2020-04-02 16:13:03
阅读次数：
87
当然，插件市场也是有类似的封装的 <style lang="scss" scoped> .bg{ background: white; padding: 10rpx 0; } .swiper{ width: 710rpx; height: 220rpx; border-radius:15rpx ; ...
分类：
其他好文 时间：
2020-04-01 19:38:42
阅读次数：
121
个人问题仅供参考： 使用npm run dev 运行，出现如下错误 ： Failed to compile. ./src/styles/index.scss (./node_modules/css-loader??ref--11-1!./node_modules/postcss-loader/lib ...
分类：
其他好文 时间：
2020-03-31 12:15:14
阅读次数：
348
项目简介 基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含： 基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具：webpack、babel、node-sass单元测试 ...
分类：
其他好文 时间：
2020-03-27 12:41:45
阅读次数：
82
一，首先讲 React的悬浮框 示例，可参照链接 Demo文档，可参照链接 1. 安装 npm install suspend-button -S 2. 使用 import React, { Component } from 'react' import ReactDOM from 'react-d ...
分类：
移动开发 时间：
2020-03-23 17:16:05
阅读次数：
110
