上篇：less的嵌套规则 本篇我们来讲述一下什么是混合（mixin） 混合简单的理解就是把一个css规则嵌入到另一个css规则中，那么这该怎么理解学习呢？我们先来看一下一个简单的混合 .a, #b { color: red; } .mixin-class { .a(); } .mixin-id { ...
分类：
其他好文 时间：
2020-06-17 23:33:56
阅读次数：
63
import Vue from 'vue' Vue.mixin({ computed: { APP_ID() { return process.env.APP_ID }, }, }) ...
分类：
其他好文 时间：
2020-06-16 13:11:43
阅读次数：
45
一、什么是less less是css的扩展。他扩展了变量、mixin、函数等功能，使得css代码写的更有效率、更爽（哈哈），本篇主要先介绍less的变量 二、less的变量 相信在写css的时候，你总会发现，你某些属性的值一直都是重复的，例如系统的背景颜色、logo的地址等等， 因此通过less 的 ...
分类：
其他好文 时间：
2020-06-16 01:03:44
阅读次数：
62
作为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
按钮样式的正确方式 如果你正在建立一个网站或一个web应用，你可能会用到按钮，也许看起来像按钮的链接。不管怎样，让这些正常展示是很重要的。 在本教程中，我们将为<a>和<button>元素以及一个自定义.btn的CSS组件创建基本样式。 你会在这个过程的每一步中找到一个演示页面。 重置<button ...
分类：
其他好文 时间：
2020-06-03 00:17:13
阅读次数：
79
1、配置alias 在vue.config.js里：红色部分 const path = require('path'); module.exports = { configureWebpack: { resolve: { alias: { '@': path.resolve(__dirname, ' ...
分类：
Web程序 时间：
2020-06-01 11:52:51
阅读次数：
309
一、FBV FBV（function base views） 就是在视图里使用函数处理请求。 在之前django的学习中，我们一直使用的是这种方式，所以不再赘述。 二、CBV CBV（class base views） 就是在视图里使用类处理请求。 Python是一个面向对象的编程语言，如果只用函数 ...
分类：
其他好文 时间：
2020-05-24 14:07:05
阅读次数：
68
less less的含义： less是一种动态样式语言，属于css预处理器的范畴，它扩展了css语言，增加了变量、Mixin、函数等特性，使css更易维护和扩展。 此外，less既可以在客户端上运行，也可以借助Node.js在服务端运行。 less的中文官网：http://lesscss.cn/ l ...
分类：
其他好文 时间：
2020-05-17 10:31:37
阅读次数：
67
