less

LESS基础教程

老子叫甜甜 提交于 2020-02-22 15:51:22
一、初见LESS 1. 什么是LESS Less是Css的预编译语言,兼容Css语法,在其基础上扩展,可以使用变量,混合,继承,函数等语法,更贴近编程语言,在开发时使用,生产时将Less转换为Css文件。 2. LESS的官方网站 中文网址: http://lesscss.cn/ 3. LESS与CSS的写法 CSS的写法 .content{ display: flex; } .content .item{ width: 100rem; height: 100rem; background: pink; color: #fff; } LESS的写法 .content{ display: flex; .item{ width: 100rem; height: 100rem; background: pink; color: #fff; } } 4. 搭建开发环境 因为 less 其实无法在浏览器上运行的,它要编译成CSS才行。主要以下方法 下载less.js文件,利用该文件编译less,但是太建议使用 借助 考拉 这软件编译 借助 vs code ,在该编辑器安装编译less的插件,less文件保存后就会自动生成对应的CSS 借助 node 环境 因为前面两种没用过,所以主要介绍下后两种 在vs code安装less的编译插件 安装插件 Easy LESS ,如下图所示 有了这个后

MYSQL表分区操作错误1503解决方案

你说的曾经没有我的故事 提交于 2020-02-19 17:55:51
在对表进行 分区 时,如果分区字段没有包含在主键字段内,如表A的主键为ID,分区字段为createtime ,按时间范围分区,代码如下: CREATE TABLE T1 ( id int(8) NOT NULL AUTO_INCREMENT, createtime datetime NOT NULL, PRIMARY KEY (id) ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 PARTITION BY RANGE(TO_DAYS (createtime)) ( PARTITION p0 VALUES LESS THAN (TO_DAYS('2010-04-15')), PARTITION p1 VALUES LESS THAN (TO_DAYS('2010-05-01')), PARTITION p2 VALUES LESS THAN (TO_DAYS('2010-05-15')), PARTITION p3 VALUES LESS THAN (TO_DAYS('2010-05-31')), PARTITION p4 VALUES LESS THAN (TO_DAYS('2010-06-15')), PARTITION p19 VALUES LESS ThAN MAXVALUE); 错误提示:#1503 A

Less

泄露秘密 提交于 2020-02-19 00:37:14
定义 Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端 下面通过一些例子来加深对它的理解 情景一 我们知道网页一般有主题色,很多地方都会用到主题色,但如果有一天我们要更换主题色怎么办?是不是要一个一个的替换,这样做是不是显得很麻烦且浪费时间 我们想像,既然这个主题色可能会变,那能不能像编程语言那样将主题色定义成 变量 需要使用主题色的地方我们就使用那个变量即可,如果要换直接改变变量值就是这样是不是就解决我们的问题了 如下代码(代码只做理解并不能正常运行) var mainColor = skyblue ; #title { background - color : mainColor ; } #person{ color : mainColor ; } 情景二 我们在编写css的时候有时候可能会写很多重复的样式代码,有时候仅仅因为某个属性的取值不同我们就要不停的复制-----粘贴,这样是不是也很麻烦? 如果我们将那些重复的代码定义成一个”类“,或者一个”函数“是不是可以解决我们的问题 对于属性值的变化我们可以传入参数即可。 如下代码(代码只做理解,并不能正常运行) . border ( color : skyblue ) { border

【Linux高频命令专题(16)】less

假如想象 提交于 2020-02-18 07:21:48
概述 less 工具也是对文件或其它输出进行分页显示的工具,应该说是linux正统查看文件内容的工具,功能极其强大。less 的用法比起 more 更加的有弹性。在 more 的时候,我们并没有办法向前面翻, 只能往后面看,但若使用了 less 时,就可以使用 [pageup] [pagedown] 等按键的功能来往前往后翻看文件,更容易用来查看一个文件的内容!除此之外,在 less 里头可以拥有更多的搜索功能,不止可以向下搜,也可以向上搜。而且 less 在查看之前不会加载整个文件。 命令格式 less [参数] 文件 参数 -b <缓冲区大小> 设置缓冲区的大小 -e 当文件显示结束后,自动离开 -f 强迫打开特殊文件,例如外围设备代号、目录和二进制文件 -g 只标志最后搜索的关键词 -i 忽略搜索时的大小写 -m 显示类似more命令的百分比 -N 显示每行的行号 -o <文件名> 将less 输出的内容在指定文件中保存起来 -Q 不使用警告音 -s 显示连续空行为一行 -S 行过长时间将超出部分舍弃 -x <数字> 将"tab"键显示为规定的数字空格 操作命令 /字符串:向下搜索"字符串"的功能 ?字符串:向上搜索"字符串"的功能 n:重复前一个搜索(与 / 或 ? 有关) N:反向重复前一个搜索(与 / 或 ? 有关) b 向后翻一页 d 向后翻半页 G 翻到最后一行 g

每天一个linux命令(13):less 命令

自作多情 提交于 2020-02-16 06:11:45
less 工具也是对文件或其它输出进行分页显示的工具,应该说是linux正统查看文件内容的工具,功能极其强大。less 的用法比起 more 更加的有弹性。在 more 的时候,我们并没有办法向前面翻, 只能往后面看,但若使用了 less 时,就可以使用 [pageup] [pagedown] 等按键的功能来往前往后翻看文件,更容易用来查看一个文件的内容!除此之外,在 less 里头可以拥有更多的搜索功能,不止可以向下搜,也可以向上搜。 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

Sqli-Labs 闯关 less 54-65

女生的网名这么多〃 提交于 2020-02-14 21:30:21
Less 54 如果没有点提交按钮将会进入下面的其他语句,有过滤,显然突破口在上面。如果点了提交将会setCookie方法, 看到然后个有 GET 提交的ID参数,然后有个更新数据库操作,这里限制了10次请求次数,否则更新数据库。 前面判断过程就跳过了。查库:?id=-1' union select 1,2,database()--+ 爆表:?id=-1' union select 1,group_concat(table_name),3 from information_schema.tables where table_schema=database()--+ 爆列:?id=-1' union select 1,group_concat(column_name),3 from information_schema.columns where table_name='0ca0tp0f0f 爆数据:?id=-1' union select 1,2,(group_concat( concat_ws(0x7e,sessid,secret_I6CV,tryy) )) from challenges.0ca0tp0f0f --+ 然后输入刚拿到的secret: Less 55 和上一关步骤相同,只是数据闭合变成了 ) 。这次可以输入14次。 Less 56 和54关步骤相同

Write less code

喜夏-厌秋 提交于 2020-02-14 19:03:33
If you find yourself writing a lot of code to do something simple, you’re probably doing it wrong. A good example is the lowly boolean: if (numMines > 0) { enabled=true; } else { enabled=false; } When you could just write: enabled = numMines > 0; The less code you write the better. Less to debug, less to refactor, less to go wrong. Use with moderation; readability is just as important, you don’t want to make your code less readable by doing this. 10 steps to becoming a better programmer 来源: https://www.cnblogs.com/aikongmeng/p/3697359.html

目前最火的前端布局方式:less+flex+媒体查询

为君一笑 提交于 2020-02-13 03:29:16
1. rem基础 rem单位 rem (root em)是一个 相对单位 ,类似于em,em是父元素字体大小,rem的基准是相对于html元素的 字体大小 。 比如,根元素(html)设置 font-size=12px ; 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 为 12px */ html { font-size : 12px ; } /* 此时 div 的字体大小就是 24px */ div { font-size : 2rem ; } rem的优势:父元素文字大小可能不一致, 但是整个页面只有一个html,可以很好来控制整个页面的元素大小。 2. 媒体查询 2.1 什么是媒体查询 媒体查询(Media Query)是CSS3新增的语法。 使用 @media查询, 可以针对不同的媒体类型定义不同的样式 @media 可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面 目前针对很多苹果手机、Android手机,平板等设备都用得到媒体查询 2.2 媒体查询语法规范 用 @media开头 注意@符号 mediatype 媒体类型 关键字 and not only media feature 媒体特性必须有小括号包含 /* 语法格式 */ @media mediatype and

如何快速查看Linux日志?

你说的曾经没有我的故事 提交于 2020-02-12 17:58:49
原文: 如何快速查看Linux日志? 因为在生产环境会遇到很多问题,那么最快的定位方式莫过于去看日志,我们都知道服务器每天会产生大量的日志,那么如何快速的定位也就是最关键的。 本文介绍六种查看日志的命令: tail 、 head 、 cat 、 more 、 less 、 sed 。 一、 tail 1.1 命令功能 tail 命令从指定点开始将文件写到标准输出。 1.2 命令格式 tail[必要参数][选择参数][文件] 1.3 命令参数 -f 循环读取 -q 不显示处理信息 -v 显示详细的处理信息 -c<数目> 显示的字节数 -n<行数> 显示行数 -q, --quiet, --silent 从不输出给出文件名的首部 -s, --sleep-interval=S 与-f合用,表示在每次反复的间隔休眠S秒 1.4 使用实例 tail -n 10 file.log 查询日志尾部最后10行的日志; tail -n +10 file.log 查询第10行之后的所有日志; tail -fn 100 file.log 循环实时查看最后100行记录 tail 一般还会配合着 grep 用 tail -fn 1000 file.log | grep '关键字' 如果查询的数据量太大, Ctrl + F 或者 空格键可以翻页查看 tail -n 5000 file.log |more

如何快速查看Linux日志?

孤者浪人 提交于 2020-02-12 00:13:16
因为在生产环境会遇到很多问题,那么最快的定位方式莫过于去看日志,我们都知道服务器每天会产生大量的日志,那么如何快速的定位也就是最关键的。 本文介绍六种查看日志的命令: tail 、 head 、 cat 、 more 、 less 、 sed 。 一、 tail 1.1 命令功能 tail 命令从指定点开始将文件写到标准输出。 1.2 命令格式 tail[必要参数][选择参数][文件] 1.3 命令参数 -f 循环读取 -q 不显示处理信息 -v 显示详细的处理信息 -c<数目> 显示的字节数 -n<行数> 显示行数 -q, --quiet, --silent 从不输出给出文件名的首部 -s, --sleep-interval=S 与-f合用,表示在每次反复的间隔休眠S秒 1.4 使用实例 tail -n 10 file.log 查询日志尾部最后10行的日志; tail -n +10 file.log 查询第10行之后的所有日志; tail -fn 100 file.log 循环实时查看最后100行记录 tail 一般还会配合着 grep 用 tail -fn 1000 file.log | grep '关键字' 如果查询的数据量太大, Ctrl + F 或者 空格键可以翻页查看 tail -n 5000 file.log |more -1000 二、 head 2.1 命令功能