作为css的预处理less,拥有着比css更快捷方便，扩展了css的变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 如何你已经回使用css，那么less就很容易上手了。如果不使用less.min.js的情况， 介绍如何将less文件转换成css文件。 less编译成css方法一： 使用k ...
分类：
Web程序 时间：
2020-06-13 00:10:42
阅读次数：
123
function initMixin$1 (Vue) { Vue.mixin = function (mixin) { this.options = mergeOptions(this.options, mixin); return this }; } 可以传入Vue对象，然后需要调用的时候可以进行 ...
分类：
其他好文 时间：
2020-06-12 14:59:22
阅读次数：
109
@mixin text-ellipsis() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @mixin text-ellipsis-multi($line) { display: -webkit-box; o ...
分类：
Web程序 时间：
2020-06-11 16:34:45
阅读次数：
77
在开发中，css样式有一些属性往往需要重复使用，为了避免代码冗余，降低维护成本。我们需要使用CSS预编译工具【Sass/Less/Stylus】，随着这些工具的流行，CSS变量也开始规范制定，目前很多浏览器都已经支持了，css变量的兼容性： 变量的定义： CSS中原生的变量定义语法是：--*，变量使 ...
分类：
Web程序 时间：
2020-06-11 14:56:16
阅读次数：
77
在启动vue项目的时候报错 报错信息如下： npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ...
分类：
其他好文 时间：
2020-06-07 19:18:45
阅读次数：
710
在使用scss是可能会添加loader，例如 { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'], } 然而当使用vue-cli脚手架创建项目时，可能出现如下错误： Invalid CSS after "...l ...
分类：
Web程序 时间：
2020-06-07 13:14:01
阅读次数：
85
直接上代码。 Vue+Sass，在_function.scss中写入，然后对对应的页面需要import即可(或者全局引入) $designWidth: 750; @function remVal($px) { @if unitless($px) { @return $px * $designWidt ...
分类：
其他好文 时间：
2020-06-05 14:56:36
阅读次数：
106
Sass 大家都知道，js 中可以自定义发量，css 仅仅是一个标记语言，不是编程语言，因此不可以自定义发量、不可以引用等等。 面对这些问题引入 Sass，简单的说，他是 css 的升级版，Sass比Less的功能更强大，也更复杂，可以自定义发量，可以有 if 语句，还可以嵌套等等。 一、Sass ...
分类：
Web程序 时间：
2020-06-05 14:47:29
阅读次数：
96
基本概念 * css像素、设备像素、逻辑像素、设备像素比 * viewport * rem 1. css像素、设备像素、逻辑像素、设备像素比 大家可以先看这篇文章了解一下基本概念。 css像素：我们大家经常写高多少px，宽多少px,这个就是px像素。 逻辑像素：其它就是css像素，他们其实是同一回事 ...
分类：
其他好文 时间：
2020-06-04 21:38:00
阅读次数：
115
什么是WebPack？ WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。 ...
分类：
Web程序 时间：
2020-06-03 20:33:37
阅读次数：
97
