码迷,mamicode.com
首页 >  
搜索关键字:scss    ( 758个结果
sass基础语法
sass基础语法 !default 表示默认值 + 拼接字符串 #{ } 识别为变量名 demo.scss $width:300px; $height:300px; $color:#e03434; $baseWidth:200px; $baseWidth:100px !default; .div1{ ...
分类:其他好文   时间:2020-01-29 23:43:41    阅读次数:70
react中,路由的使用。import {BrowserRouter,Switch,Route} from "react-router-dom";
import React from "react"; import ReactDom from "react-dom"; import {BrowserRouter,Switch,Route} from "react-router-dom"; import './style/index.scss' ...
分类:其他好文   时间:2020-01-25 19:30:23    阅读次数:231
单页应用SPA开发最佳实践
最近用vue+vue-router做了个单页应用的项目,页面大概有15个左右。积累了一些开发经验在此做一些记录.本文主要从可维护性方面来考虑SPA的开发实践 全站的颜色定义放在一个less或者scss的文件里,其他组件和页面import这个配置来引用颜色。 示例代码:define.scss $bgC ...
分类:其他好文   时间:2020-01-18 19:22:50    阅读次数:92
web前端入门到实战:css如何实现n宫格布局?
常见应用场景现在的APP界面基本都是大同小异,宫格布局现在基本成了每个APP必然的存在.带边框,常用在"功能导航"页面无边框,常用在首页分类设计目标在scss环境下,通过mixin实现n宫格,并且可以支持"有无边框"和"每个格是否正方形":@includegrid(3,3,true);//3x3,有边框,且每个格为正方形@includeg
分类:Web程序   时间:2020-01-18 01:07:06    阅读次数:169
vue超简单加载字体方法,解决scss难加载字体的问题
vue超简单加载字体方法,解决scss难加载字体的问题 scss在加载字体方面一直不太好用,需要繁杂的配置才能达到想要的效果,这里说一种非常简单的方法 在 的`style style`的lang不要写,就使用原生css 示例引入 然后想要的位置设置font family为pingfang即可,自己定 ...
分类:Web程序   时间:2020-01-17 00:00:46    阅读次数:186
Sass预编译 减法及除法计算问题
众所周知,Sass(Scss)预编译代码比CSS代码好的一点地方就是,支持运算!但是在平时使用四则运算时,要注意的坑一定要注意。 减法:Sass代码的减法运算符 和 符号 “-” 是一样的,所以在写作时要特别注意间距,例如 此段代码在编译时会报错, 首次接触Sass的同学看到可能会一头雾水,检查代码 ...
分类:其他好文   时间:2020-01-11 16:58:47    阅读次数:110
阅读博客摘录
自动格式化代码工具:Prettier Prettier 的优点 它可以在编辑器中使用,也可以在命令行中使用,配置非常简单。 它既能在保存代码的时候进行格式化当前文件,也能一键格式化所有的文件; 它支持 HTML/JS/JSX/TS/JSON/CSS/SCSS/LESS/VUE 等主流文件格式; 开启 ...
分类:其他好文   时间:2020-01-09 13:36:10    阅读次数:63
web前端入门到实战:CSS新属性实现特殊的图片显示效果
1概述1.1前言使用一个或多个图像相关的CSS属性(background-blend-mode,mix-blend-mode,orfilter)可以实现许多特殊的图片显示效果,共列举了20种图片显示效果。2效果列表2.1铅笔画效果效果示例SCSS代码专门建立的学习Q-q-u-n:784-783-012,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧(从零基础开始到前端项目实战教程,
分类:Web程序   时间:2020-01-03 00:34:32    阅读次数:110
web前端入门到实战:css实现的骨架屏方案
优点简单,不需要工程,不用puppeteer生成骨架dom,也不需要二次开发维护定制程度高,想怎么搞就怎么搞不臃肿,只给你想要的缺点自动化程度低,需要在骨架dom上手动添加类协同要求高,不像工程化能通过工程去约束思路通过伪元素实现骨架样式,通过操作样式实现骨架和页面的动态切换实现css部分(scss写法)通过after伪元素生成骨架样式,并通过absolute覆盖到实际元素上专门建立的学习Q-q-
分类:Web程序   时间:2020-01-03 00:21:33    阅读次数:282
缓存一致性协议
动画演示:https://www.scss.tcd.ie/Jeremy.Jones/vivio/caches/MESIHelp.htm 一、缓存的概念 缓存就是数据交换的缓冲区(称作Cache),当某一硬件要读取数据时,会首先从缓存中查找需要的数据,如果找到了则直接执行,找不到的话则从内存中找。由于 ...
分类:其他好文   时间:2020-01-02 15:59:03    阅读次数:75
758条   上一页 1 ... 11 12 13 14 15 ... 76 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!