already的用法用法

already的翻译中文意思|用法|音标|-在线英汉词典
您当前的位置: -&
-& 词典内容:
英文单词:already
翻译中文意思|用法|音标|
already: [ ɔ:l'redi ]& &ad. 已经例句与用法:1.I've been there already and don't want to go again.&我曾到过那,不想再去了。2.You had already gone when I arrived there.&当我到达时,你已经走了。3.The teacher was already in the room when I arrived.&我到的时候,老师已经在屋里了。4.By midday they had already travelled 200 miles.&到中午为止, 他们已经走了200英里了.5.She had already left when I phoned.&我打电话时, 她早已走了.6.You're not leaving us already, are you?&你已经决定要离开我们了, 是吧?7.I've already seen that film, so I'd rather see another one.&我已经看过那部电影了, 所以还是看部别的吧.8.Have your children started school already?&你的孩子们已经上学了? 英英解释:副词already:1. prior to a specified or implied time
上一篇:& 下一篇:
本站所收集信息资料为网络转载 版权属各作者 并已著明作者 旨在资源共享、交流、学习之用,请勿用于商业用途,本站并不保证所有信息、文本、图形、链接及其它内容的绝对准确性和完整性,故仅供访问者参照使用。QQ群:2846248&&
Mail: Copyright by ;All rights reserved.单词辨析 知识讲解 already与yet的用法(北京四中网校-〉名师答疑-〉初三-〉英语) 
  欢迎您!
                        
               
  单词辨析 知识讲解 already与yet的用法
  请老师解释一下already与yet的用法?谢谢
  A:
&already&和yet的区别用法
already&和yet都是表示时间的状语副词。都表示“已经”,也都用于完成时。但already&一般用于肯定句中而yet一般用于否定句和疑问句中。
eg&:&I&have&already&finished&my&homework&.&我已经完成我的作业了。
Have&you&finished&your&homework&yet&?&你已经完成作业了吗?
No&,&I&haven’t&finished&it&yet.&不,没完成。less v1.7.0 版本已经发布 -
在 Node、浏览器和第三方环境中使用 Less。如果需要一个通用的安装指导和概况介绍,请参考首页的
Compile .less files to .css using the command line
Heads up! If the command line isn't your thing, learn more about .
Installing lessc for use globallyInstall with
npm install less -g
and then you will have the lessc command available globally. For a specific version (or tag) you can add @VERSION after our package name, e.g. npm install less@1.6.2 -g.
Installing for node developmentAlternatively if you don't use the compiler globally, you may be after
npm i less --save-dev
This will install the latest official version of lessc in your project folder, also adding it to the devDependencies in your project's package.json.
Note that a
will be automatically specified in package.json. This is good, as new patch releases of the latest version will be installable by npm.
Beta releases of lesscPeriodically, as new functionality is being developed, lessc builds will be published to npm, tagged as. These builds will not be published as a @latest official release, and will typically have a build number or alpha/beta/release candidate designation.
Since patch releases are non-breaking we will publish patch releases immediately and alpha/beta/candidate versions will be published as minor or major version upgrades (we endevour since 1.4.0 to follow ).
Installing an unpublished development version of lesscIf you want to install a bleeding-edge, unpublished version of lessc, follow the instructions for specifying a
and be sure to specify an actual commit SHA (not a branch name) as the commit-ish. This will guarantee that your project always uses that exact version of lessc.
The specified git URL may be that of the official lessc repo or a fork.
The binary included in this repository, bin/lessc works with
on *nix, OSX and Windows.
Usage: lessc [option option=parameter ...] &source& [destination]
Command line usagelessc [option option=parameter ...] &source& [destination]
If source is set to `-' (dash or hyphen-minus), input is read from stdin.
$ lessc bootstrap.less bootstrap.css
$ lessc -x bootstrap.less bootstrap.css
Helplessc --help
Prints a help message with available options and exits.
Include pathslessc --include-path=PATH1;PATH2
Sets available include paths. Separated by ':' or ';' on Windows.
Use this to configure a list of paths which less will use to find imports in. You might use this for instance to specify a path to a library which you want to be referenced simply and relatively in the less files.
In node, set a paths option
{ paths: ['PATH1', 'PATH2']
Makefilelessc -M
lessc --depends
No Colorlessc --no-color
No IE Compatabilitylessc --no-ie-compat
Currently only used for the data-uri function to ensure that images aren't created that are too large for the browser to handle.
Disable JavaScriptlessc --no-js
Lintlessc --lint
Runs the less parser and just reports errors without any output.
Silentlessc -s
lessc --silent
Strict Importslessc --strict-imports
Allow imports from insecure https hostslessc --insecure
Versionlessc -v
lessc --version
Compresslessc -x
lessc --compress
Compress using less built-in compression. This does an okay job but does not utilise all the tricks of dedicated css compression. Please feel free to improve our compressed output with a pull request.
Clean CSSlessc --clean-css
Clean CSS is our minifer of choice if you want to get the most minified you can. This option switches it on.
Note - it does not yet support sourcemaps, for that you can only use our own compression.
Clean CSS Optionslessc --clean-css --clean-option=--selectors-merge-mode:ie8 --clean-option=--advanced
Use this to pass options to clean css. The default options are the safest, so are IE8 compatible.
Source Map Output Filenamelessc --source-map
lessc --source-map=file.map
Tells less to generate a sourcemap. If you have the sourcemap option without a filename it will use the source less file name but with the extension map.
Source Map Rootpathlessc --source-map-rootpath=dev-files/
Specifies a rootpath that should be prepended to each of the less file paths inside the sourcemap and also to the path to the map file specified in your output css.
Use this option if for instance you have a css file generated in the root on your web server but have your source less/css/map files in a different folder. So for the option above you might have
output.css
dev-files/output.map
dev-files/main.less
Source Map Basepathlessc --source-map-basepath=less-files/
This is the opposite of the rootpath option, it specifies a path which should be removed from the output paths. For instance if you are compiling a file in the less-files directory but the source files will be available on your web server in the root or current directory, you can specify this to remove the additional less-files part of the path
Source Map Less Inlinelessc --source-map-less-inline
This option specifies that we should include all of the css files in to the sourcemap. This means that you only need your map file to get to your original source.
This can be used in conjunction with the map inline option so that you do not need to have any additional external files at all.
Source Map Map Inlinelessc --source-map-map-inline
This option specifies that the map file should be inline in the output CSS. This is not recommended for production, but for development it allows the compiler to produce a single output file which in browsers that support it, use the compiled css but show you the non-compiled less source.
Source Map URLlessc --source-map-url=../my-map.json
Allows you to override the URL in the css that points at the map file. This is for cases when the rootpath and basepath options are not producing exactly what you need.
Rootpathlessc -rp=resources/
lessc --rootpath=resources/
Allows you to add a path to every generated import and url in your css. This does not effect less import statements that are processed, just ones that are left in the output css.
For instance, if all the images the css use are in a folder called resources, you can use this option to add this on to the URL's and then have the name of that folder configurable.
Relative URLslessc -ru
lessc --relative-urls
By default URLs are kept as-is, so if you import a file in a sub-directory that references an image, exactly the same URL will be output in the css. This option allows you to re-write URL's in imported files so that the URL is always relative to the base imported file. E.g.
# main.less
@import &files/backgrounds.less&;
# files/backgrounds.less
background-image: url('images/lamp-post.png');
this will output the following normally
background-image: url('images/lamp-post.png');
but with this option on it will instead output
background-image: url('files/images/lamp-post.png');
You may also want to consider using the data-uri function instead of this option, which will embed images into the css.
Strict Mathlessc -sm=on
lessc --strict-math=on
Defaults to Off.
Without this option on Less will try and process all maths in your css e.g.
height: calc(100% - 10px);
will be processed currently.
With strict math on, only maths that is inside un-necessary parenthesis will be processed. For instance.
width: calc(100% - (10px
height: (100px / 4px);
font-size: 1 / 4;
width: calc(100% - 5px);
height: 25px;
font-size: 1 / 4;
We originally planned to default this to true in the future, but it has been a contraversial option and we are considering whether we have solved the problem in the right way, or whether less should just have exceptions for instances where / is valid or calc is used.
Strict Unitslessc -su=on
lessc --strict-units=on
Defaults to off.
Without this option, less attempts to guess at the output unit when it does maths. For instance
property: 1px * 2
In this case, things are clearly not right - a length multiplied by a length gives an area, but css does not support specifying areas. So we assume that the user meant for one of the values to be a value, not a unit of length and we output 2px.
With strict units on, we assume this is a bug in the calculation and throw an error.
Global Variablelessc --global-var="my-background=red"
This option defines a variable that can be referenced by the file. Effectively the declaration is put at the top of your base Less file, meaning it can be used but it also can be overridden if this variable is defined in the file.
Modify Variablelessc --modify-var="my-background=red"
As opposed to the global variable option, this puts the declaration at the end of your base file, meaning it will override anything defined in your Less file.
URL Argumentslessc --url-args="cache726357"
This option allows you to specify a argument to go on to every URL. This may be used for cache-busting for instance.
Line Numberslessc --line-numbers=comments
lessc --line-numbers=mediaquery
lessc --line-numbers=all
Generates inline source-mapping. This was the only option before browsers started supporting sourcemaps. We are consider deprecating, so please get in touch if you want this option to stick around.
Watch modeTo enable Watch mode, option env must be set to development. Then AFTER the less.js file is included, call less.watch(), like this:
src="less.js"&&
&less.watch();&
Alternatively you can temporary enable Watch mode by appending #!watch to the URL.
Modify variablesEnables run-time modification of Less variables. When called with new values, the Less file is recompiled without reloading. Simple basic usage:
less.modifyVars({
'@buttonFace': '#5B83AD',
'@buttonText': '#D9EEF2'
DebuggingIt is possible to output rules in your CSS which allow tools to locate the source of the rule.
Either specify the option dumpLineNumbers as above or add !dumpLineNumbers:mediaQuery to the url.
You can use the &comments& option with
and the &mediaQuery& option with FireBug/Chrome dev tools (it is identical to the SCSS media query debugging format).
Set options in a global less object before loading the less.js script:
env: "development",
logLevel: 2,
async: false,
fileAsync: false,
poll: 1000,
functions: {},
dumpLineNumbers: "comments",
relativeUrls: false,
globalVars: {
var1: '"string value"',
var2: 'regular value'
rootpath: ":/a.com/"
src="less.js"&&
asyncType: Boolean
Default: false
Whether to request the import files with the async option or not. See fileAsync.
dumpLineNumbersType: String
Options: |`comments`|`mediaQuery`|`all`
When set this outputs source line information directly into the output css file. This helps you debug where a particular rule came from.
The comments option is used for outputting user understandable content, whilst mediaQuery is for use with a firefox extension which parses the css and extracts out the information.
In the future we hope this option to be superseded by sourcemaps.
envType: String
Default: depends on page URL
Environment to run may be either development or production.
In production, your css is cached in local storage and information messages are not output to the console.
If the document's URL starts with file:// or is on local machine or has a non standard port, it will automatically be set to development.
less = { env: 'production' };
errorReportingType: String
Options: html|console|function
Default: html
Set the method of error reporting when compilation fails.
fileAsyncType: Boolean
Default: false
Whether to request the import asyncronously when in a page under a file protocol.
functionsType: object
User functions, keyed by name.
less = { functions: { myfunc: function() { return 1; }} };
and it can be used like a native Less function e.g.
.my-class {
border-width: unit(myfunc(), px);
logLevelType: Number
Default: 2
The amount of logging in the javascript console. Note: If you are in the environment 'production' you will get no logging.
2 - Information and errors
1 - Errors
0 - Nothing
pollType: Integer
Default: 1000
The amount of time (in milliseconds) between polls while in watch mode.
relativeUrlsType: Boolean
Default: false
Optionally adjust URLs to be relative. When false, URLs are already relative to the entry less file.
globalVarsType: Object
Default: undefined
List of global variables to be injected into the code. Keys of the object are variables names, values are variables values. Variables of &string& type must explicity include quites.
rootpathType: String
Default: false
A path to add on to the start of every URL resource.
Less 只能运行在较新的浏览器上(新版的 Chrome、Firefox、Safari 和 IE)。我们不鼓励在生产环境中将 Less 用在客户端 - 因为会带来性能损失,当 Less 编译为 CSS 时,用户会看到延时(即使小于 1 秒钟),并且可能会引发 Javascript 报错。
再生产环境中将 Less 用于客户端也是有需求的,比如你希望让用户调整一些变量,能实时改变页面主题 - 这种情况下,用户不会担心等待一会儿,直到看到样式改变。
如果你希望在陈旧的浏览器上使用 Less,请使用
,这将为浏览器增加一些 Less 所需要的 javascript 特性。
Online Integrated Development Environment (IDE) that is hosted in a browser allowing users to edit and compile Less to CSS in real-time.
This Online Less Compiler can help you to learn Less. You can go through the examples below or try your own Less code.
Online compiler for Less CSS.
A simple Less CSS file converter using the Less JS project.
live demo.
live demo.
Online Web IDEs/Playgrounds with Less support
CSSDeck Labs is a place where you can quickly create some experiments (or testcases) that involves HTML, CSS, JS code.
CodePen is a playground for the front end side of the web.
An online playground with an instantly ready coding environment.
JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code.
Online Web Editor
Tip: try out the different Less tools available for your platform to see which one meets your needs.
This page focuses on GUI compilers. For command line usage and tools see .
跨平台的编译器
Crunch is not just a Less compiler, it is also a Less editor for Windows and Mac.
If you work a lot with Less files, you should definitely try it out. Crunch is built on the Adobe AIR platform. Get more info: .
A rapid prototyping and static site generation tool for designers and developers
Mixture brings together a collection of awesome tools and best practices. It's quick, no-fuss, super-powerful and works with your favourite editor.
Get more info:
SimpLESS is a minimalistic Less compiler. Just drag, drop and compile.
One of the unique features of SimpLESS is that it supports 'prefixing' your CSS by using .. SimpLESS is built on the Titanium platform. Get more info:
Koala is a cross-platform GUI application for compiling less, sass and coffeescript.
Features: cross platform, compile error notification supports and compile options supports.
Get more info:
特定平台的编译器Windows
Prepros is a free and open source app that can compile less, sass, stylus, jade, haml and much more with live browser refresh.
Get more info at
WinLess started out as a clone of Less.app, it takes a more feature-complete approach and has several settings. It also supports starting with command line arguments.
Get more info:
LESS.app was the first GUI compiler for Less. LESS.app has a 'Compiler' tab where you can see the compiler results.
Get more info:
CodeKit is the successor to LESS.app, and supports Less among many other preprocessing languages, such as SASS, Jade, Markdown, and many more.
Get more info:
CSS edits and image changes apply live. CoffeeScript, SASS, Less and others just work.
Get more info:
Plessc is a gui fronted made with PyQT.
Auto compile, log viewer, open the less file with the editor choosen, settings for compile the file.
Get more info:
编辑器和集成开发工具
(built-in support)
(built-in support)
(built-in )
(built-in support)
(built-in syntax highlighting,
for compilation)
(built-in )
(built-in )
by Vincent Simonet
(Visual Studio)
(Visual Studio 2012)
(Visual Studio 2013)
(Visual Studio)
User Defined Language by Raúl Salitrero
User Defined Language by azrafe7
Node.js 系编译器
: Full-featured Grunt.js plugin for compiling Less files to CSS, with additional options for maintaining libraries of Less components and themes. For advanced users, this plugin allows you to define and manage Less &packages& or &bundles& using JSON, (underscore) templates (e.g. &%= bootstrap.less %&), and
(e.g. '../src/**/*.less&). assemble-less also has a number of options including minifying CSS
: Twitter's code quality tool for CSS built on top of Less. RECESS has options for compiling Less to CSS, as well as linting, formatting and minifying CSS.
: A Less files watcher, with dependency tracking (changes to imported files cause other files to be updated too) and growl notifications.
: Connect Middleware for Less.js compiling
其他技术Wro4j Runner CLI
Download the
file and run the following command:
java -jar wro4j-runner-1.5.0-jar-with-dependencies.jar --preProcessors lessCss`
More details can be found here:
CSS::LESSp
lessp.pl styles.less & styles.css
Windows Script Host
Note - the official Less node runs on windows, so we are not sure why you would use this.
with this usage:
cscript //nologo lessc.wsf input.less [output.css] [-compress]
lessc input.less [output.css] [-compress]
can be run like this:
piler.exe [-switches] &inputfile& [outputfile]
UI/Theme Frameworks and Components
Open source Flat UI KIT based on Bootstrap
Front-end framework for developing responsive, mobile first projects on the web
Collection of free themes for Bootstrap
Small &mobile first& CSS framework for front-end developers who build responsive web applications
Library for development of responsive and mobile websites
Theme and framework for Bootstrap
CSS front end framework
Image content with description created with CSS
set of tools for quick development of web interfaces
Theme framework that can be used as a standalone website builder or to create WordPress themes
Minimalist, responsive and extensible style sheet to kick-start your HTML / CSS projects
Minimalistic CSS-framework for developers and designers
Set of styles to create a site with an interface similar to Windows 8
CSS framework
Light, responsive, and lean frontend UI framework
Lightweight and modular front-end framework for developing web interfaces
Grid Systems
Mixin Libraries
Mixins library
Library of CSS3 keyframe animations
Collection of mixins
Collection of CSS style effects
Mixin library
Animated 3D cube using only CSS
Generate CSS hexagons with custom size and color
Set of mixins
Mixins library
Set of mixins for creating bi-directional styling
Media Queries to Media Types with Less
Variables for easier color manipulation while you design in the browser
Mixins, animations, shapes and more
Collection of mixins
Collection of variables and mixins. The precursor to Bootstrap
Collection of mixins for various shapes
Mixins and functions for common actions
Thanks for thinking about contributing. Please read the
carefully to avoid wasted work.
Install these tools
phantomjs -
make sure the paths are setup. If you start your favourite command line and type node -v you should see the node compiler. If you run phantomjs -v you should see the phantomjs version number.
clone your less.js repository locally
navigate to your local less.js repository and run npm install this installs less' npm dependencies.
If you haven't used grunt before, run npm install grunt-cli -g - this allows you to use the &grunt& command anywhere
UsageIf you go to the root of the less repository you should be able to do grunt test - this should run all the tests. For the browser specific only, run grunt browsertest If you want to try out the current version of less against a file, from here do node bin/lessc path/to/file.less
To debug the browser tests, run grunt browsertest-server then go to
to see the test runner pages.
Optional: To get the current version of the less compiler do npm -g install less - npm is the node package manager and &-g& installs it to be available globally.
You should now be able to do lessc file.less and if there is an appropriate file.less then it will be compiled and output to the stdout. You can then compare it to running localy (node bin/lessc file.less).
Other grunt commands
grunt benchmark - run our benchmark tests to get some numbers on performance
grunt stable to create a new release
grunt readme to generate a new readme.md in the root directory (after each release)
GuideIf you look at ,
This is an overview diagram of how less works.

我要回帖

更多关于 already的用法 的文章

 

随机推荐