CSS 的预处理程序分别都有哪些优缺点

如果要在组件中使用，必须导入相应的资源文件。 每个需要用到变量的vue文件都需要做导入操作，简化操作，可以使用 sass-resources-loader 参考官网 sass-resources-loader 。如果使用vue-cli，可以参考 vue-cli自动化导入 这里以vue-cli4为例，具体实现如下： 1.首先，在scss中配置要导出的变量 2.在vue文件导入变量并使用

事实证明，LESS——以及Sass——功能比这个要多太多。LESS和Sass在语法上有些共性，比如下面这些：● 混入(Mixins)——class中的class；● 参数混入——可以传递参数的class，就像函数一样；● 嵌套规则——Class中嵌套class，从而减少重复的代码；● 运算——CSS中用上数学；● 颜色功能——可以编辑颜色；● 名字空间(namespace)——分组样式，从而可以被调用；● 作用域——局部修改样式；● JavaScript 赋值——在CSS中使用JavaScript表达式赋值。LESS和Sass的主要不同就是他们的实现方式，LESSS是基于JavaScript，所以，是在客户端处理的。另一方面，Sass是基于Ruby的，然后是在服务器端处理的。很多开发者不会选择LESS因为JavaScript引擎需要额外的时间来处理代码然后输出修改过的CSS到浏览器。关于这个有很多种方式，我选择的是只在开发环节使用LESS。一旦我完成了开发，我就复制然后粘贴LESS输出的到一个压缩器，然后到一个单独的CSS文件来替代LESS文件。另一个选择是使用LESS.app来编译和压缩你的LESS文件。两个选择都将最小化你的样式输出，从而避免由于用户的浏览器不支持JavaScript而可能引起的任何问题。尽管这不大可能，但终归是有可能的。关于变量在LESS和Sass中的唯一区别就是，LESS用@，Sass用$。同时还有一些作用域上的差别，我后面会提到。混入(mixin)偶尔，我们会创建一些会在样式表中重复使用的样式规则。没有人会阻止你在一个HTML的元素中使用多个class，但是你可以用LESS，在样式表中完成。.border {border-top: 1px dotted #333;}article.post {background: #eee;.border;}ul.menu {background: #ccc;.border;}这可以给到你与你在两个元素中分别添加.bordered class同样的效果——而且仅仅在样式表中就完成了。而且它工作的很好：文字和无序列表都被用上了边框样式在Sass中，你要在样式规则前面添加@mixin声明，规定它是个嵌套。然后，通过@include来调用它。@mixin border {border-top: 1px dotted #333;}article.post {background: #eee;@include border;}ul.menu {background: #ccc;@include border;}参数混入就像在CSS中有函数功能一样，这些对于那些在现在的CSS工作中多余的工作非常有用。最好和最有用的例子就是我们正在经历的从CSS2到CSS3过渡过程中的很多浏览器私有前缀。Nettuts+有一篇Jeffrey Way写的很赞的视频和文章，内容是包含着由有用的参数组成的文件，他们涵盖了大部分使用各个浏览器私有前缀的CSS3属性。.border-radius( @radius: 3px ) {-webkit-border-radius: @radius;-moz-border-radius: @radius;border-radius: @radius;}在这个例子中，.border-radius有个默认的3px的圆角，但是你可以使用你需要的任何值。.border-radius(10px)将会生成半径为10px的圆角。Sass中的语法很像LESS，只是使用$声明变量，然后使用前面提到的@mixin和@include来调用。选择器继承这个东西LESS并没有提供。通过这个功能，你可以将一个选择器附加到已经预先定义的选择器上，而无需再使用逗号将两者分开的写法了。.menu {border: 1px solid #ddd;}.footer {@extend .menu;} /* 上面的写法规则和下面的效果是一样的： */.menu, .footer {border: 1px solid #ddd;}嵌套规则在css中嵌套class和ID是避免你的样式干扰或者被别的样式干扰的唯一方法了。但是这可能会很凌乱。使用一个类似于#site-body .post .post-header h2 的选择器毫无吸引力而且会占用大量不必要的空格。使用LESS，你可以嵌套id、class以及标签。#site-body { ….post { ….post-header { …h2 { … }a { …&:visited { … }&:hover { … }}}}}上面的代码最终和上面的例子（那一长串的选择器）的效果一样，但是要更容易阅读和理解的多，而且它占用很少的空间。你也可以通过&来引用元素样式到他们的伪元素上，该功能类似于JavaScript中的this。运算这可能是你所期望的：使用数字或者变量在你的样式表中实现数学运算！@base_margin: 10px;@double_margin: @base_margin * 2;@full_page: 960px;@half_page: @full_page / 2;@quarter_page: (@full_page / 2) / 2;声明下，我也意识到我可以除以4来获得@quarter_page变量，但是这里我只是想要演示下圆括号组成“运算顺序”在这里也是可以用的。在使用简写的规则中，小括号也是必须的，比如 border: (@width / 2) solid #000。Sass在数字上比LESS更专业。它已经可以换算单位了。Sass可以处理无法识别的度量单位并将其输出。这个特性很明显是一个对未来的尝试——证明W3C作出的一些改变。/* Sass */2in + 3cm + 2pc = 3.514in /* LESS */2in + 3cm + 2pc = ErrorColor函数在文章开头，我提到了LESS如何帮我在编码过程中处理围绕着一个调色板。对此贡献最大的一部分就是颜色函数。加入你用一个标准的蓝色贯穿到你的样式中，然后你想要在表单中用这个蓝色来做一个渐变的按钮。你可以打开Photoshop或者其它的编辑器来获取一个比蓝色较浅的或者较暗的HEX色值来作为渐变色。或者，你可以只是使用LESS中的颜色函数。@blue: #369;.submit {padding: 5px 10px;border: 1px solid @blue;background: -moz-linear-gradient(top, lighten(@blue, 10%), @blue 100%); /*Moz*/background: -webkit-gradient(linear, center top, center bottom, from(lighten(@blue, 10%)), color-stop(100%, @blue)); /*Webkit*/background: -o-linear-gradient(top, lighten(@blue, 10%) 0%, @blue 100%);/*Opera*/background: -ms-linear-gradient(top, lighten(@blue, 10%) 0%, @blue 100%); /*IE 10+*/background: linear-gradient(top, lighten(@blue, 10%) 0%, @blue 100%); /*W3C*/color: #fff;text-shadow: 0 -1px 1px rgba(0,0,0,0.4);}lighten函数很明显就是用百分比值来减轻颜色，在这个例子中，它将减轻这个基础的蓝色的10%。这种方法可以让我们变化的元素或者其它任何元素的颜色值——只是简单的改变基础颜色而已。这对于主题(模板)来说非常有用。而且，如果你使用参数功能，像上面提到的，你还可以更简单的应用到一些浏览器私有前缀的声明中，比如：.linear-gradient(lighten(@blue), @blue, 100%);。还有很多其它的色彩函数，比如变暗或者调整颜色的饱和度，甚至你可以旋转色盘来使用其它颜色。我建议亲自尝试下你能想出的（用法）。Sass貌似有更多的选项——但我并不需要这么多。我个人最常用的还是lighten和darken。如果你想了解更多，可以看一下这篇很详细的介绍。条件语句与控制这是一个的确很赞的东东，也是另一个LESS不支持的功能。使用 Sass，你可以使用if { } else { } 条件语句，以及for { }循环。它甚至支持 and、 or和 not，以及 <、 >、 <=、 >= 和 == 等操作符。/* Sample Sass "if" statement */@if lightness($color) > 30% {background-color: #000;} @else { } /* Sample Sass "for" loop */@for $i from 1px to 10px {.border-#{i} {border: $i solid blue;}}名字空间(Namespaces)名字空间可以用于组织我们的CSS到另一个档次，我们可以将一些公用的样式分组，然后在用的时候直接使用。例如，如果我们创建了一个名为default的样式分组，我们就可以在用到的时候直接从该组中调用。#defaults {.nav_list () {list-style: none;margin: 0; padding: 0;}.button () { … }.quote () { … }}然后，在我们的代码中，如果我们正好在一个nav元素中使用了ul元素，我们就会想到我们需要default样式。那么我们就可以简单的调用它，它也会被直接应用。nav ul {#defaults > .nav_list;}作用域作用域是编程中的标配，LESS中也是。如果你在你样式表的root级声明一个变量，它在整个文档中都是可以用的。然而，如果你在一个选择器，比如id或者class中，重新定义了这个变量，那么，它就只能在这个选择器中可用了——当然是重新定义后的新值。@color: #00c; /* 蓝色 */#header {@color: #c00; /* red */border: 1px solid @color; /* 红色边框 */}#footer {border: 1px solid @color; /* 蓝色边框 */}因为我们在#header中重新定义了color变量，变量的值将会是不同的而且只会在该选择器中有效。它之前或者之后的所有地方，如果没有被重新定义，都会保持那个原始的值。作用域在Sass中稍有不同。在上面的代码中，当@color变量变为红色后，代码中，此处之后的该变量的值，将会被重写（成为红色）。注释这一部分比较基础。LESS中允许两种注释写法。标准的CSS注释，/* comment */，是有效的，而且能够通过处理并正确输出。当行注释，// comment，同样可以用但是不能够通过处理也不能被输出，然后，结果是，“无声的”。导入导入也相当符合标准。标准的 @import: ‘classes.less"; 处理的很好。然而，如果你想要导入其它的LESS文件，那么文件的扩展名是可选的，所以 @import ‘classes"; 也是可行的。如果你想要导入一些无需LESS处理的内容，你可以使用 .css 扩展 (比如， @import: ‘reset.css";)。字符串插入字符串也是可以用于变量中的，然后通过@{name}来调用。@base_url : "http://www.qianduan.net";background-image: url("@{base_url}/images/background.png");转义(Escaping)可能偶尔会需要引入一个CSS中非法或者LESS无法识别的值。通常是一些IE的hack。要避免抛出异常并破坏LESS，你将需要避开它们。.class {filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";} /*实际上将会输出下面的代码: */.class {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);}JavaScript 赋值这是LESS中我最中意的部分：在样式表中使用Javascript——相当精彩。你可以使用表达式，也可以参考环境方向来使用反单引号。@string: `"howdy".toUpperCase()`; /* @string 变成 "HOWDY" */ /* 你也可以使用前面提到的插值： */@string: "howdy";@var: ~`"@{string}".topUpperCase()`; /* 变为 "HOWDY" */ /* 获取文档的信息 */@height = `document.body.clientHeight`;输出格式然而LESS并没有输出设置，而Sass提供4中输出选项：nested, compact, compressed 和 expanded。结语这两个方法有很多共同点。对写代码的设计师来说，它们都是很酷的工具，它们也可以帮助开发者更有效和快速的工作。如果你是Ruby或HTML的粉丝，那么Sass会是你的好助手。对我来说，一个PHP和JavaScript极客，我倾向于LESS，因为它便于引入和能够使用JavaScript的表达式以及文档属性。我怀疑我甚至接近真正理解在样式表中编程的可能行了，但是我仍坚持尝试。如果你在工作中有用到它们中的一个，或者两个都用，我很乐意听到关于它的更多内容，并看到你的成果。当然，技巧、诀窍、更正一直是很欢迎的。

好像不能直接引用.scss（和.sass一样，只是写法规范不同）文件，需要通过工具（软件或命令行）先进行编译生成.css文件后，再引入.css文件使用。

AU999是千足金的标志，而且国家标准首饰最高就是千足金。根本就没有万足金一说。

1.变量的使用 字符串中的变量，写在 #{}中 3.嵌套 深度选择器

SASS？是SAS吧。SAS系统(Statistics Analysis System)，最早由北卡罗来纳大学(The University of North Carolina)的两位生物统计学的研究生编制，最早祗是一数学统计软体，后於1976年由Jim Goodnight 博士及John Sall博士等人成立SAS公司，并正式推出SAS软体。经过多年的发展，SAS在资料处理和统计分析方面有著广泛的应用，其使用遍及金融、医药卫生、生产、运输、通讯、科学研究、政府、教育、心理、社会科学等不同领域。(http://zh.wikipedia.org/wiki/SAS%E7%B3%BB%E7%BB%9F)同样，SPSS原名Statistical Package for the Social Sciences(社会科学统计包），由於用户早已不限於社会科学界，故此在2000年根据缩写SPSS改为Statistical Product and Service Solutions(统计产品与服务解决方案，惟一般仍称SPSS)——不过很多老用户还并不知晓。(http://zh.wikipedia.org/w/index.php?title=SPSS&variant=zh-tw)SPSS和SAS软件在学校应该可以提供使用的，不能教你非法下载，那是侵犯版权的行为。至於教程方面，可参：http://www.fjmu.edu.cn/news/spss/doc3/index.htm

卡布奇诺的幸繁rSanimal

我本地的vue-cli的版本 @vue/cli 4.3.1 ，这个版本脚手架创建的vue项目配置全局sass的时候需要在vue.config.js中指定 prependData 而不是 data ，具体不知道官网啥时候改动的。 创建全局的css文件common.scss，写一个变量。 页面中引用 common.scss文件中创建 使用 common.scss文件中创建 使用

目前场景是接到的项目中没有统一样式处理，例如不同模块，有的使用了 sass ，有的使用了less。 我们知道sass是成熟、稳定、强大的 CSS 预处理器，而 SCSS 是 Sass3 版本当中引入的新语法特性，完全兼容 CSS3 的同时继承了Sass强大的动态功能。 而Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。 两者各有千秋，没有特殊洁癖个人觉得均可，但是因为项目中使用了 ant-desgin-vue, 而它本身是使用less的，于是决定项目中还是统一使用 less 吧。 1、首先移除 node-sass 和 sass-laoder 2、将所有的 lang="scss" 替换成 lang="less" 3 、变量控制定义： 将 $ 更改为 @ 4、.scss 后缀文件改为 .less 例如 下面引入的 chart.scss 文件，应该改为 chart.less

1.编译环境不一样Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中。2.变量符不一相less是@，而scss是$,而且它们的作用域也不一样，less是块级作用域3.输出设置不一样Less没有输出设置，sass提供4种输出选项，nested,compact,compressed和expanded nested：嵌套缩进的css代码(默认) expanded：展开的多行css代码 compact：简洁格式的css代码 compressed：压缩后的css代码4.sass支持条件语句，可以使用if{}else{},for{}循环等等，而less不行5.引用外部css文件sass引用外部文件必须以开头，文件名如果以下划线形状，sass会认为该文件是一个引用文件，不会将其编译为css文件。less引用外部文件和css中的@import没什么差异。6.sass和less的工具库不同sass有工具库Compass, 简单说，sass和Compass的关系有点像Javascript和jQuery的关系,Compass是sass的工具库。在它的基础上，封装了一系列有用的模块和模板，补充强化了sass的功能。less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库，Bootstrap的样式文件部分源码就是采用less语法编写。总结：不管是sass，还是less，都可以视为一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活和更强大，sass的功能比less强大,基本可以说是一种真正的编程语言了，less则相对清晰明了,易于上手,对编译环境要求比较宽松。考虑到编译sass要安装Ruby,而Ruby官网在国内访问不了,个人在实际开发中更倾向于选择less。 （BY三人行慕课）

新建文件 /style/element/index.scss 刚开始按照element-plus官网描述步骤添加，在main.js中引入创建的文件， 但是会有报错信息，如下： @forward rules must be written before any other rules. 必须写在任何其他规则之前? 解决方案： 在项目 vue.config.js 配置文件中修改，解决sass变量报错问题 main.js 中引入的文件可以删除了。

.father { & > .son { color: red; }}

你可以试试css预处理语言，sass和less

为了统一页面风格在编写CSS样式文件时经常会大量复用相同的颜色或者字号，加重开发工作量的同时也不利于后期的维护，所以需要用到CSS全局变量。声明全局变量CSS全局变量的声明是在变量名称前加两个中横线--。body { --Color: #2C51CD; --BackGround: #B4D4FD;}上述代码中，body选择器中声明了Color和BackGround两个变量。而使用--是因为$被Sass占用了，@被Less占用了。“变量的声明对大小写敏感。如：Color和color表示两个不同的变量。读取变量使用var()函数来读取变量。p { background: var(--Color);}var()函数还可以使用第二个参数，表示变量的默认值。如果该变量不存在，就会使用这个默认值。p { background: var(--Color, #2C51CD);}第二个参数不处理内部的逗号或空格，都视作参数的一部分。p { font-family: var(--fontF, "Roboto", "Helvetica"); margin: var(--Margins, 15px 20px 25px);}var()函数还可以用在变量声明中body { --Color: #2C51CD; --BackGround: var(--Color);}

最近研究sass，用的是vs+vs插件，实在是太大了（虽然电脑跑的动）之前一直用sublime，所以决定继续改用轻量级的开发工具。注：我是sublime Text2,（3应该差不多）【进入正题】同样出现楼主的问题，于是开始百度（原谅我没有翻墙用google）。百度后结合实际情况先这样解决：1.Preferences->Browse Packages...2.找到SASS Build文件夹3.打开SASS.sublime-build{ "cmd": ["sass", "--update", "$file:${file_path}/${file_base_name}.css", "--stop-on-error", "--no-cache"], "selector": "source.sass, source.scss", "line_regex": "Line ([0-9]+):", "osx": { "path": "/usr/local/bin:$PATH" }, "windows": { "shell": "true" }}4.在"selector": "source.sass, source.scss",后面加上"encoding":"cp936",5.重启sublime但是出现ctrl+b出现新的问题‘sass"不是内部或外部命令，也不是可运行的程序或批处理文件看到这里我恍然大悟，原来不是编码问题，而是环境变量出问题了。后来发现自己安装ruby没有勾选添加环境变量【总结】：由于我添加环境变量后把修改的"encoding":"cp936",删除依然可以编译成功，我觉得sublime中sass编译（或者ruby等编译）出现[Decode error - output not utf-8]问题其实是环境变量未添加。解决方法就是手动在高级系统设置中添加。（如果实在懒可以卸掉ruby重新安装，记得勾选中间的添加环境变量。记得安装sass）最后补充一下，可以先试一下我试过的添加encoding方法，因为我也不是100%确定。

ruby安装 因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby 在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境 sass安装

ruby安装因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境sass安装如果你喜欢偷懒，或者你公司网络限制比较多，请直接看最后一段安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Ruby然后直接在命令行中输入gem install sass按回车键确认，等待一段时间就会提示你sass安装成功。如果要安装beta版本的，可以在命令行中输入gem install sass --pre你还可以从sass的Git repository来安装，git的命令行为git clone git://github.com/nex3/sass.git cd sass rake install如果上述的办法你尝试失败了，那说明要么被你的网络墙了这个，要么你的网络信号不好。你可以尝试本地安装，不过有点复杂。这里暴漏个惊天秘密，那就是koala这个编译工具已经内置了sass，所以如果你安装了koala，就根本不需要安装sass，注意ruby还是得安装。关于koala请参阅编译工具。

linux下ruby编程环境的安装和配置，方法如下：1、去ruby官方下载安装包，下载地址：http://www.ruby-lang.org/en/downloads/2、解压缩下载的ruby-1.9-stable.tar.gz安装包，进入目录。su #./configure -prefix=/usr/local/ruby-1.9#make#make install此时可能出现的错误：echo executable host ruby is required. use --with-baseruby option.;false ./tool/generic_erb.rb -c -o known_errors.inc./template/known_errors.inc.tmpl ./defs/known_errors.defexecutable host ruby is required. use --with-baseruby option.make: *** [known_errors.inc] Error 1出现此问题的原因在于1.9版本的ruby编译需要系统默认安装旧版本的ruby，而ubuntu中默认没有安装。3、解决方法：sudo apt-get install ruby#默认ubuntu10.10会自行安装ruby 1.8，之后再编译1.9就没问题了。下载1.8.7版本源码编译安装，并设置临时环境变量 ，进入1.8源码目录su#./configure -prefix=/usr/local/ruby-1.8#make && make installexport PATH=/usr/local/ruby-1.8/bin:$PATH#此时使用ruby -v验证版本为1.84、在刚才安装配置ruby1.8的终端中继续重新进行1.9的编译安装，进入1.9源码目录： #解压文件 tar vfxz ruby-1.9.1-p0.tar.gz #进入解压后的文件夹 cd ruby-1.9.1-p0/ #编译源码,编译之前,应该先对/usr/local/ruby-1.9.1文件夹设置权限. ./configure --prefix=/usr/local/ruby-1.9.1 #大名鼎鼎的 make 和 install make && make install #设置PATH路径,把安装的ruby放在系统PATH前面，避免调用操作系统自带的ruby export PATH=/usr/local/ruby-1.9.1/bin:$PATH #在 ~/.profile 文件中增加了这样的代码: if [ -d "/usr/local/ruby-1.9.1/bin" ] ; then PATH="/usr/local/ruby-1.9.1/bin:$PATH" fi 然后 注销 再登陆一次. #如无意外 ruby -v #ruby 1.9.1p0 (2009-01-30 revision 21907) [i686-linux] #ruby 1.9.1安装成功了.注意：之前安装了1.8版本ruby，可以直接通过rm -rf /usr/local/ruby-1.8删除即可。

Ruby安装由于sass依赖于ruby环境，所以在安装sass之前必须安装ruby。可以去官网下载一个。网络环境不好的，可以用我提供的这个文件：点击下载安装完成后可以在开始菜单找到ruby命令行，打开输入ruby -v查看版本号，出现版本信息则安装成功clipboard.png-6.6kBQQ截图20160917210342.png-1.6kBSass安装安装完ruby后，可以直接在命令行里面输入gem install sass安装Sass，不过由于墙的厉害，建议使用淘宝的ruby源来安装，步骤如下：gem sources --remove https://rubygems.org/ https://rubygems.org/ removed from sourcesgem sources -a https://ruby.taobao.org/ https://ruby.taobao.org/ added to sources这一步有可能会出错，windows下证书无法验证。解决方法：下载证书（右键另存为即可），放到ruby安装目录下，然后再设置环境变量SSL_CERT_FILE为该文件路径，再重新输入该命令QQ截图20160917211759.png-8.6kBgem source -l *** CURRENT SOURCES *** https://ruby.taobao.org/gem install sass Fetching: sass-3.4.13.gem (100%) Successfully installed sass-3.4.13 Parsing documentation for sass-3.4.13 Installing ri documentation for sass-3.4.13 Done installing documentation for sass after 12 seconds 1 gem installed //如果你在安装时出现如下提示，则表明网络不佳或源没有切换到 ruby.taobao.org ERROR: Could not find a valid gem "sass" (>= 0), here is why: Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed ( https://api.rubygems.org/latest_specs.4.8.gz)sass -v Sass 3.4.13 (Selective Steve)到此，所有的安装都结束了。接下来我们就可以直接编译sass文件了Sass编译打开ruby命令行，切换到scss文件所在目录，执行sass style.scss style.css,就可以将style.scss文件编译成style.css文件

我觉得 less 或者 sass 其中一款还是有必要的 很多css框架还是用它们来开发的 一些变量函数 的特性还是有助于提高效率的 CoffeeScript我就觉得没有必要 CoffeeScript是一套JavaScript的转译语言

　　ruby安装　　因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby　　在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境　　sass安装　　如果你喜欢偷懒，或者你公司网络限制比较多，请直接看最后一段　　安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Ruby　　然后直接在命令行中输入　　gem install sass　　按回车键确认，等待一段时间就会提示你sass安装成功。　　如果要安装beta版本的，可以在命令行中输入　　gem install sass --pre　　你还可以从sass的Git repository来安装，git的命令行为　　git clone git://github.com/nex3/sass.git cd sass rake install　　如果上述的办法你尝试失败了，那说明要么被你的网络墙了这个，要么你的网络信号不好。你可以尝试本地安装，不过有点复杂。这里暴漏个惊天秘密，那就是koala这个编译工具已经内置了sass，所以如果你安装了koala，就根本不需要安装sass，注意ruby还是得安装。关于koala请参阅编译工具。

安装node-sass的时候会报该错误： Error: Can"t find Python executable "python", you can set the PYTHON env variable. 有如下方法： 这里有一篇文章介绍了如何在Windows上找不到Python可执行文件"python"： https://catalin.me/how-to-fix-node-js-gyp-err-cant-find-python-executable-python-on-windows/ node-sass正常安装不成功几率占60%左右，但是通过以上两种方法解决问题，就不需要去改变环境变量等。 npm切换源具体请看： npm切换源之nrm 源管理工具

首先不能使用node-16以上版本，卸载node16安装node12 安装python2.7，我没有安装这个而是在网上查询安装了npm install --global --production windows-build-tools 安装这个tools的时候报错了改了一下npm的镜像，然后卡在了一个地方没法动弹。不过阴差阳错也装好了python2.7 安装node12后就可以npm i了这里不能使用淘宝镜像不然会报错node-sass没法安装的 npm config list查看配置 其中prefix和cache需要配置，关系到全局安装的包的位置。如安装了yarn就是安装到这个位置，需要配置环境变量：系统变量NODE_PATH：node_global地址，用户变量Path：npm地址修改为node_global地址

css中$后加名字和值指的是变量的值为什么，比如变量hellowBoxSize的值为3em。这是less，sass这类Css预处理器的语法。

WeFlow - 一个基于 tmt-workflow 前端工作流的开发工具。 Koala - 预处理器语言图形编译工具，支持 Less、Sass、CoffeeScript、Compass framework 的即时编译。 CodeKit - 自动编译 Less、Sass、Stylus、CoffeeScript、Jade & Haml等文件。 PaintCode - 将设计转换成 Objective-C, Swift 或 C# 代码。 Hosts.prefpane - 编辑 hosts 文件的工具。 iHosts - 唯一上架 Mac App Store 的 /etc/hosts 编辑神器。 Integrity - 轻松找到无效链接。 SwitchHosts - 一个管理、切换多个 hosts 方案的工具。 Gas Mask - 编辑 hosts 文件的工具，更简单方便。 DiffMerge - 可视化的文件比较（也可进行目录比较）与合并工具。 Gemini - 智能的重复文件查找器。 Hex Fiend - 快速而聪明的开源十六进制编辑器。 BetterRename - 一款强大的批量重命名工具，可以通过搜索功能改名。 PPRows - 计算你写了多少行代码。 SCM Breeze - 用于增强与git交互的shell脚本集(用于bash和zsh)。 Beyond Compare - 对比两个文件夹或者文件，并将差异以颜色标示。 Cacher - 基于云的团队代码片段管理器，具有Gist同步，VSCode/Atom/Sublime软件包和Mac/Windows/Linux/Web客户端。 Kaleidoscope - 一款很强大的文本文件和图像比较工具，同时和 git、svn 等版本控制工具能够完美的结合。 Fanvas - 把 swf 转为 HTML5 canvas 动画的系统。 EnvPane - 图形终端查看环境变量的应用工具。 Dash - 强大到你无法想象的 API 离线文档软件。 SnippetsLab - 管理和组织你的代码片段。 StarUML - 强大的软件建模软件。 Vagrant Manager - 管理你本地服务。 FinderGo Finder 中快速打开终端，定位到目录 Localname - 提供对本地开发服务器的访问权限。 zeplin - 前端与设计协同工作专用工具。 Go2Shell - 从 Finder 打开命令行。 SecureCRT - 一款支持 SSH、Telnet 等多种协议的终端仿真程序。 MJML - 简化设计回应电子邮件的方式。 TeXstudio - 集成创建 LaTeX 文档的写作环境。 Vagrant - 用来构建虚拟开发环境的工具。 LaunchRocket - 在 Mac 系统偏好设置中创建服务管理。 Swiftify - Xcode ＆ Finder 扩展 Objective-C 转 Swift 代码转换器 Woodpecker - 在Mac上查看、编辑iOS App的沙盒文件, UserDefaults, Keychain项

如题：div+css中让每一行都缩进2个字符；1、实验：找一个html编辑软件这里用DW编辑器：建立一个新的html文件2、为了让页面更好的体验出效果来，这里建立两个p标签，并且给每一个p标签都引入一个css样式；讲解：因为是文字缩进两个字符，所以用p标签比较规范一点，设置两个p标签的区域宽度与高度都为200px；然后为了区分他们，设置了两个p标签区域不同的背景颜色3、查看页面效果；如下图：由上图所示得出结果：p标签中的txt1样式设置的是段落首行缩进两个字符标签属性：text-indent:2em;而p标签中txt2样式设置的则是每一行都缩进两个字符，标签属性：padding-left:2em;

这里整理了一份web前端学习路线的思维导图，需要掌握和学习的内容如下：第一阶段：专业核心基础阶段目标：1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。2.熟练运用HTML+CSS特性完成页面布局。4.熟练应用CSS3技术，动画、弹性盒模型设计。5.熟练完成移动端页面的设计。6.熟练运用所学知识仿制任意Web网站。7.能综合运用所学知识完成网页设计实战。知识点：1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用less、sass完成项目开发，深入了解BootStrap。4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。第二阶段：Web后台技术阶段目标:1.了解JavaScript的发展历史、掌握Node环境搭建及npm使用。2.熟练掌握JavaScript的基本数据类型和变量的概念。3.熟练掌握JavaScript中的运算符使用。4.深入理解分之结构语句和循环语句。5.熟练使用数组来完成各种练习。6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。7.DOM和BOM实战练习和H5新特性和协议的学习。知识点：1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。第三阶段：数据库和框架实战阶段目标：1.综合运用Web前端技术进行页面布局与美化。2.综合运用Web前端开发框架进行Web系统开发。3.熟练掌握Mysql、Mongodb数据库的发开。4.熟练掌握vue.js、webpack、elementui等前端框技术。5.熟练运用Node.js开发后台应用程序。6.对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。知识点：1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。第四阶段：移动端和微信实战阶段目标：1.熟练掌握React.js框架，熟练使用React.js完成开发。2.掌握移动端开发原理，理解原生开发和混合开发。3.熟练使用react-native和Flutter框架完成移动端开发。4.掌握微信小程序以及了解支付宝小程序的开发。5.完成大型电商项目开发。知识点：1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Rex基本概念。练使用react完成项目开发、掌握Rex中的异步解决方案Saga。2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js、TypeScript。

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用Html、CSS、JavaScript等专业技术和工具将UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。实际上前端工程师核心的技能一直都是Html、CSS和JavaScript，今天小编给大家整理了这三部分需要掌握的主要技术。一、HtmlHtml部分需要了解常用浏览器和浏览器内核;了解语义化的概念;掌握Html5语法及使用技巧;掌握Html5常用标签。掌握Html5新布局标签、多媒体标签等。二、CSSCSS部分的主要知识有掌握CSS语法及使用技巧;掌握DIV+CSS布局方式;掌握常见网页布局模式;掌握Photoshop切图以及插件切图;能够熟练使用开发人员工具进行页面调试;能够根据PSD文件独立完成静态页面的开发工作;掌握CSS32D、3D变换、动画效果;能够使用CSS3新属性美化修饰网页;了解移动端屏幕、移动端浏览器、操作系统的不同;掌握常用移动端调试方法;掌握常用移动端适配方法;掌握CSS预处理器less的使用;掌握常用移动端框架使用方法;掌握常见移动端页面开发;掌握响应式布局开发;掌握Bootstrap开发响应式页面;掌握适配不同终端的网页开发技术选型等。三、JavaScriptJavaScript是赋予页面交互效果时需要用到的技术，这个部分需要能够掌握JavaScript基本语法;掌握常见JavaScript算法;掌握DOM的各种操作;熟练使用面向对象思想进行DOM编程;掌握JavaScript的高级语法;掌握JavaScript常见兼容性方案;熟练使用jQuery操作DOM;熟练使用和编写jQuery案例等。以上是在Html、CSS和JavaScript方面Web前端人员需要掌握到的内容，除了这三个方向之外，一名优秀的Web开发工程师还需要熟练掌握各种前端框架的使用，以及一些当下热门技术，这些都是需要在平时的开发过程中不断积累学习的。

简介VSCode是微软出的一款轻量级代码编辑器，免费而且功能强大，对JavaScript和NodeJS的支持非常好，自带很多功能，例如代码格式化，代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。一、设置首选项下载安装完成后，打开编辑器，首先要设置主题、字体大小等。1. 设置主题文件→首选项→颜色主题2. 设置字体大小文件→首选项→设置，打开了一个setting.json文件，将左边的设置复制到右边进行覆盖生效，所有编辑器的设置都在这里修改。 二、Emmet插件最新版集成了Emmet 2.0，在文件→首选项→设置可以开启或者关闭功能 三、快捷键所有快捷键设置：文件→首选项→键盘快捷方式 1. 在当前行中间换行到下一行：ctrl+enter 2. 当光标点击到某一行时，默认选中全行，可以直接复制剪切 3. 直接删除某一行：shift+delete或者ctrl+shift+k 4. 多行光标选择：alt+鼠标左键 5. 自动生成html结构和meta声明：首先输入“!”，然后按tab键 6. 标签自动补全：tab键 7. 折叠所有代码：ctrl+k、ctrl+0 8. 拆分编辑器：ctrl+查找框右边的3个参数分别为：区分大小写，全字匹配，使用正则9. 跳转行号：ctrl+G 10. 添加函数注释：在函数上方输入“/**”，然后点击enter11. 格式化：alt+shift+f 12. 注释：ctrl+/ 13. 全部保存：ctrl+k, 然后只按s一个键 14. 向上移动一行：alt+↑ 15. 向下移动一行：alt+↓ 16. 向上复制一行：alt+shift+↑ 17. 向下复制一行：alt+shift+↓ 18. 查找：ctrl+F 19. 替换：ctrl+H 20. 文件中查找：ctrl+shift+f 可以在打开的文件夹中搜索所有文件内容 21. 文件中替换：ctrl+shift+h 22. 转到定义：F12 23. 转到实现：ctrl+F12 24. 打开文件夹：ctrl+k, ctrl+o 25. 关闭文件夹：ctrl+k, 然后单按一个f 26. 选中一段代码，通过“ctrl+[”可以左移，“ctrl+]”可以右移open in browser插件功能描述：从浏览器中查看html文件，使用系统的当前默认浏览器Atuo Rename Tag修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些bug。fileheader顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间Live Sass Compilervscode--搭建自动编译sass环境一，安装插件及使用步骤1、vscode安装Live Sass Compiler，由于该插件依赖Live Server ，所以会自动安装Live Server2、点击vscode底部的Watch my Sass3、按F1键，在输入栏中输入Live Sass: Watch Sass来监听Sass文件（ Live Sass: Stop Watching Sass 停止监听文件）4、同样在输入栏中输入 Live Sass: Compile Sass - Without Watch Mode，就会自动编译scss文件为css文件二，配置编译规则1、在项目的根目录下创建一个文件夹，命名为 .vscode(只能通过Linux命令创建)，并且在该文件夹下面创建一个文件settings.json2、配置settings.json1 {2 "liveSassCompile.settings.savePath": "./dist/css",//指定编译完的css文件路径3 "liveSassCompile.settings.format": "expanded",//指定编译css的样式类型，有这四种 expanded（默认）, compact, compressed or nested4 "liveSassCompile.settings.extensionName": ".css",//指定编译完的文件后缀名，.css为普通代码，.min.css为压缩代码5 "liveSassCompile.settings.excludeFolders": [6 "**/node_modules/**",//指定忽略的文件7 ".vscode/**"8 ]9 }三、其他注意事项如果要对多个文件进行监听和编译，那么只要重复操作一，安装插件及使用步骤》的2/3/4步骤。（每个scss文件只要操作一次，以后一旦保存，就会自动编译）Easy Sass安装 Ruby 时一定要勾选 Add Ruby executables to your PATH，用来将 Ruby 添加到系统变量，这样后续可以省却很多不必要的麻烦。装好后在命令行输入 gem sass 来安装 Sass，安装完成后启动 VSCode，在拓展商店里搜索“easy sass”，并安装，安装成功后重启 VSCode。接下来进行配置。在 VSCode 菜单栏依次点击“文件 首选项 设置”，打开 settings.json 全局配置文件。搜索“easysass”，然后把 easysass 相关的设置项复制到右侧的用户设置编辑窗口中，再根据实际情况修改配置项。一般生产环境中用到其中两个设置项（上图红框处中的代码）：/** Easy Sass 插件 **/"easysass.formats": [{"format": "compressed", // 压缩"extension": ".css"}],"easysass.targetDir": "./" // 自定义css输出文件路径12345678其中 easysass.formats 是设置编译输出的 css 风格的，可以同时编译输出多个不同风格的 CSS 文件，此处我只设置了一个 easysass.formats 项目，所以编译时只生成一个 CSS 文件。easysass.formats[i].format 支持四个选项用以编译生成对应风格的 CSS：nested：嵌套缩进的 css 代码。expanded：没有缩进的、扩展的css代码。compact：简洁格式的 css 代码。compressed：压缩后的 css 代码。easysass.formats[i].extension 顾名思义就是设置编译输出的文件名了，此处可以自定义文件名，输出的 CSS 文件名会按照“当前 Sass 文件名（不含拓展名）+此处自定义文件名”的格式来生成。例如：设置 easysass.formats[i].extension 为 ".min.css"，假设当前的 Sass 文件名为“style.scss”，则编译输出的 CSS 文件名为“style.min.css”。我们的生产环境中，在很多情况下 Sass 文件和 CSS 文件是不在同一个目录下的，而Easy Sass 默认输出的 CSS 是和当前 Sass 文件处于相同目录的，为此我们需要配置输出路径

您好，对于你的遇到的问题，我很高兴能为你提供帮助，我之前也遇到过哟，以下是我的个人看法，希望能帮助到你，若有错误，还望见谅！。sass和less主要区别在于实现方式: less是基于JavaScript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。一、less：Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。二、sass 与 less 的区别 ：1、sass与less的安装 ：sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。less 在服务器端最容易的安装方式就是通过 npm（node.js 的包管理器）。less 在客户端使用【.less】（LESS源文件），只需要在官网载一个javascript脚本文件主【less.js】，然后在我们需要引入LESS源文件的html的中加入如下代码： 2、变量 ：sass 是以开头定义的变量，如：mainColor: #963; less 是以@开头定义的变量，如 @mainColor: #963; 3、作用域 ：sass 没有全局变量，满足就近原则，但是实际中可以将需要定义的全局属性放在base.scss 文件中。注意变量名重复； less 中的作用域和其他程序语言中的作用域非常的相同，他首先会查找局部定义的变量，如果没有找到，会像冒泡一样，一级一级往下查找，直到根为止，同样上面的例子，我们来看看他在LESS下所起的变化。非常感谢您的耐心观看，如有帮助请采纳，祝生活愉快！谢谢！

均具有“变量”、“混合”、“嵌套”、“继承”、“颜色混合”五大基本特性；Scss和LESS语法较为严谨，LESS要求一定要使用大括号“{}”，Scss和Stylus可以通过缩进表示层次与嵌套关系；Scss无全局变量的概念，LESS和Stylus有类似于其它语言的作用域概念；Scss和Stylus就具有类似其它语言的条件语句、循环语句等，而LESS需要通过When等关键词模拟这些功能；Sass是基于Ruby语言的，而LESS和Stylus可以基于NodeJS NPM下载相应库后进行编译；使用LESS时，还可以在引用它的HTML文件中引入从官网下载的“less.js”文件，就可以通过浏览器进行解析。

混合宏@mixin，即代码片断。类似JS的封装函数，可以通过@include在需要的地方引入。

$ 符号 被 Sass 占用 @ 符号 被 less 占用 因此CSS中采用了 -- JS: 可以看到var只是个声明变量的关键字，color才是变量名。 PHP: Scss: CSS在使用变量的时候用到了一个函数叫var()： CSS: 创建个支持vue3的vite项目 进入到该文件夹 安装依赖 创建一个组件 使用中文引入变量 参考： Vue 超好玩的新特性：在 CSS 中使用 JS 变量

最好不要把属性改为$变量

linux下ruby编程环境的安装和配置，方法如下：1、去ruby官方下载安装包，下载地址：2、解压缩下载的ruby-1.9-stable.tar.gz安装包，进入目录。su #./configure -prefix=/usr/local/ruby-1.9#make#make install此时可能出现的错误：echo executable host ruby is required. use --with-baseruby option.;false ./tool/generic_erb.rb -c -o known_errors.inc./template/known_errors.inc.tmpl ./defs/known_errors.defexecutable host ruby is required. use --with-baseruby option.make: *** [known_errors.inc] Error 1出现此问题的原因在于1.9版本的ruby编译需要系统默认安装旧版本的ruby，而ubuntu中默认没有安装。3、解决方法：sudo apt-get install ruby#默认ubuntu10.10会自行安装ruby 1.8，之后再编译1.9就没问题了。下载1.8.7版本源码编译安装，并设置临时环境变量 ，进入1.8源码目录su#./configure -prefix=/usr/local/ruby-1.8#make && make installexport PATH=/usr/local/ruby-1.8/bin:$PATH#此时使用ruby -v验证版本为1.84、在刚才安装配置ruby1.8的终端中继续重新进行1.9的编译安装，进入1.9源码目录：#解压文件tar vfxz ruby-1.9.1-p0.tar.gz#进入解压后的文件夹cd ruby-1.9.1-p0/#编译源码,编译之前,应该先对/usr/local/ruby-1.9.1文件夹设置权限../configure --prefix=/usr/local/ruby-1.9.1#大名鼎鼎的 make 和 installmake && make install#设置PATH路径,把安装的ruby放在系统PATH前面，避免调用操作系统自带的rubyexport PATH=/usr/local/ruby-1.9.1/bin:$PATH#在 ~/.profile 文件中增加了这样的代码:if [ -d "/usr/local/ruby-1.9.1/bin" ] ; thenPATH="/usr/local/ruby-1.9.1/bin:$PATH"fi然后 注销 再登陆一次.#如无意外ruby -v#ruby 1.9.1p0 (2009-01-30 revision 21907) [i686-linux]#ruby 1.9.1安装成功了.注意：之前安装了1.8版本ruby，可以直接通过rm -rf /usr/local/ruby-1.8删除即可。

webStorm 配置sass ,安装ruby 及实现编译scss文件 1、首先从 官网下载ruby2、安装 过程中安装成功后，查看版本信息ruby -vgem -v3、 安装Sass ，安装完后，会在 C:Ruby23in 多出如下文件gem install sass4、Webstorm里添加Watcher 工具栏--File ---打开Settings下的 -----Tools ---【File Watchers】右边栏的 "+" 选择 SCSSProgram: C:Ruby23inscss.batArguments--no-cache --update --sourcemap --watch $FileName$:$FileNameWithoutExtension$.cssOutput paths to refresh$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.mapEnvironment variablesC:/Ruby23/binps、 注意，如果文件路径有修改如：未修改： C:Ruby23-x64in 修改后： C:Ruby23in 这几个地方要统一：之前是 Ruby23-x64 ------>改后： Ruby23环境变量也需要改动。。。。。。。。。。。所以。。最好使用默认名称。编译后前后CSS

三种CSS 预处理器（框架）SASS2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS。LESS2009年出现，受SASS的影响较大，但又使用CSS的语法，让大部分开发者和设计师更容易上手，在ruby社区之外支持者远超过SASS，其缺点是比起SASS来，可编程功能不够，不过优点是简单和兼容CSS，反过来也影响了SASS演变到了SCSS的时代，著名的Twitter Bootstrap就是采用LESS做底层语言的。Stylus，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，在此社区之内有一定支持者，在广泛的意义上人气还完全不如SASS和LESS。LESS & SassLESS是受Sass启发而开发的工具，它列出了如下开发的理由：“为什么要开发一个Sass的替代品呢？原因很简单：首先是语法。Sass的一个关键特性是缩进式的语法，这种语法可以产生柱式外观的代码。但是你需要花费时间学习一门新的语法以及重新构建你现在的样式表。LESS给CSS带来了很多特性，使得LESS能够和CSS无缝地紧密结合在一起。因此，你可以平滑地由CSS迁移到LESS，如果你只是对使用变量或者操作感兴趣的话，你不需要学习一整门全新的语言。”StylusStylus相对前两者较新，可以看官方文档介绍的功能。1.来自NodeJS社区，所以和NodeJS走得很近，与JavaScript联系非常紧密。还有专门JavaScript API2.支持Ruby之类等等框架3.更多更强大的支持和功能总结：Sass看起来在提供的特性上占有优势，但是LESS能够让开发者平滑地从现存CSS文件过渡到LESS，而不需要像Sass那样需要将CSS文件转换成Sass格式。Stylus功能上更为强壮，和js联系更加紧密。

首先我们先分享一下源码：https://github.com/kunfan96/vue-admin对于我这种刚开始用Vue做项目的菜鸟来说在组件数据定义方面犯了很多错误,尤其是在这个页面在进行数据回选的时候自己重定义已经定好的数据,导致数据非常杂乱无章,具体在storeDetail.vue的14--321行,感觉这么多数据非常有必要的进行裁剪,用js进行运算把数据补充完整,这里相对把后台的任务减轻了很多,只是额外增加前端渲染数据的量父子组件数据通讯问题刚开始写Modal的时候对于Modal的开关modal父子组件共享的数据,然后在关闭的时候子组件改变了父组件传递的数据会报错,也就是props的值在这里有2个解决方案,一个是用vuex共享Modal的开关(写起来有点绕,代码也不简洁),另外一个最好的方法是建立一个mixins文件夹,在mixins的js进行操作,关键代码--->mixins/closeModal.js--->this.$emit("on-cancel",false),子组件通过emit使父组件发生on-cancel,响应一个事件,这样写可以让其他多个子组件使用到Modal共用代码组件命名方式在这里我自己定义了文件夹采用了大驼峰命名法,例如文件夹Store,Shop,对于文件以及变量的命名采用小驼峰命名法,如果storeDetail.vue,parcelList.vue多用flex2018年flex将会是主流,兼容性问题也没必要理睬,还有多注意grind布局,可能也有流行了多用懒加载使用懒加载方便在低带宽时候能够带来更好的用户体验,在参考iview admin代码我把懒加载的用法统一为{ path:"/parcel-list", meta:{ group:"parcel", item:"parcel-list" }, component: resolve =>import("@/pages/Parcel/parcelList") } 侧边栏刷新问题在这里要注意到组件给了2个绑定的变量active-name,open-names,这里我们在路由设置的时候添加meta:{ group:"", item:"" } 通过this.$route.meta.group,this.$route.meta.item就可以与active-name,open-names进行匹配实现无刷新操作记得多npm run buildiview这个组件有点问题,有时候就是修改Modal的样式我明明在style(不带scoped)标签修改之后npm run dev样式修改成功,可是build之后样式就又重新恢复,后来把样式放在静态文件夹中才可以修改成功,还有就是表格居中build之后之后不能居中,总之,多build问题早点发现早点解决是好事(切莫佛系~~~)Echarts在VUE的使用在这里有个坑,在echarts实例化的时候在chart.vue有段代码<div :id="chart.id"></div> let myChart=this.$echarts.init(document.getElementById(this.chart.id)) 在这里注意到有个id,我在这里之所以这样做,把组件的id设为变量主要是echarts官网文档写到在网页中echarts实例化的div的id具有唯一性,由于我这个chars组件需要多次被被同一组件调用多次所以是只能将id设为一个变量(这个真的坑,调了很多次上官方文档看了好几次才知道...).另外最好把把echars的数据封装一遍多写公用组件框架这种东西本质就是减少代码,公用组件写好了调用的时候使用数据渲染就可以了,这样就能大大减少代码量,也符合MVVM的思想您可能感兴趣的文章:vue+iview写个弹框的示例代码基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)浅谈vue的iview列表table render函数设置DOM属性值的方法使用vue + less 实现简单换肤功能的示例浅谈vue引入css,less遇到的坑和解决方法vue的无缝滚动组件vue-seamless-scroll实例Vue2.0设置全局样式(less/sass和css)详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写cssvue-cli构建项目使用 less的方法Vue项目中引入外部文件的方法（css、js、less）vue-cli如何添加less 以及sassvuejs如何配置lessVueJS如何引入css或者less文件的一些坑

前端需要学习的内容很多，涵盖较多方面，大致可以分为以下几个阶段。一、初级阶段：前端初体验，感受视觉冲击，提升学习兴趣，打消学习疑虑PS入门（前端UI协同工具蓝湖与标你妹工具使用)HTML5，cSS3(大量CSS3网页特效制作)移动端布局基础(媒体查询、页面适配)，响应式页面布局。二、中级阶段：夯实基础，打通任督二脉，杜绝做一个API的搬运工JS入门，DOM操作，BOM，H5常用新API，Jquery之DOM操作，Ajax ;JS高阶，面向对象(OOP)，原型、原型链，执行上下文栈，作用域、作用域链，This，闭包，ES6/ES7.Jquery页面特效+插件封装;服务器知识Node.js (Express4) , MongoDB(mongoose)/Mysql. Websocket.三、高级阶段：通往前端实战之路，时下最新开发框架与使用技巧，杜绝过时技术炒剩饭Vue全家桶(Vue2.x+Vue-Router3.x+Vuex3.x+ElementUl2.x+Axios0.9)React全家桶(React16.x+React-Route-Dom5.x+Redux4.x+React-Redux+Redux-Thunk)微信小程序（登录态+微信支付)Webpack4.x

这样用还是不行的，如果你想用变量的话，需要转为另外一种语言动态编写css，less或者sass，这两种属于css的进阶版哦！

1、在项目中下载安装插件less。2、暴露配置文件。3、配置webpack.config.js文件，在项目中找到匹配loade的正则表达式，按照css的样子添加less。4、在已知的项目中，找到之前设置好的sass，通过配置less找到sass所在位置，在其下方将less配置React。5、通过添加代码可以完成配置，重启生效。

1.安装完node之后 在node目录下创建两个文件夹 通过cmd 命令行分别执行如下： 2.在“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量” 3.确定完之后 在cmd 里执行 使用cnpm 代替 npm 虽然提示不适合Windows，但是问题好像是sass loader出问题的。所以只要执行下面命令即可； 一般只要执行方案一就够了。 然后再运行,OK

(1)、这个世界就像夜晚的天空，人们的品质像星星一样给天空增彩，诚信就是其中一颗闪耀的星星 (2)、夜晚的天空中就会出现许许多多闪闪发光眨着调皮的眼睛，夜晚的星星把整个天空布置得非长美丽。灿烂的群星在银河里闪动，像一盏盏亮晶晶的银灯。 (3)、如果把人生比作夜晚的天空，那梦想就像是天上的星星，虽然相隔千里迢迢，但却隐约地闪烁着令人欲罢不能的迷人的星光 (4)、童年的二三事，是我心中最珍贵的回忆，无法忘怀，无法抹去，就像繁星离不开夜晚的天空，花儿离不开养育它的大地，我无法忘却那些给我温暖的笑脸，无法忘却那些只属于我自身的童年 (5)、大约过了两秒钟，砰从火山锥里喷出了五颜六色的焰火，它们在天空尽情绽放，像五颜六色的鲜花盛开在夜晚的天空，那么璀璨，那么耀眼。 (6)、那个夏天，夜晚的天空格外地亮，深远的，像一场遥不可及的梦 (7)、相比与白天的晴朗天空，我更喜欢夜晚的天空，星光璀璨，像精心镶嵌的宝石，散发出微微的柔光，给人带来莫名的心安，带人渐入梦境 (8)、夏天夜晚的天空美得像画、像诗，宁静得连蚂蚁的走动声也可以听得一清二楚 (9)、我们的童年生活就像是夜晚的天空，那些有趣的事情，就像一颗颗闪闪发光的小星星 (10)、夜晚的天空像蓝色的宝石一样，牛奶似的月光照进了汤姆的家，汤姆家里的时钟指向了十二点，神奇的事发生了 (11)、当夜晚的天空有了闪烁的星星，就会变成一片浩瀚而又美丽的星空；当一个人收到一份特殊而又充满爱的礼物时，她的心情就会像那片浩瀚而又美丽的星空 (12)、在外婆家看星星不像在西安，在西安爸爸也带我看过夜晚的天空，但几乎看不到星星。 (13)、妈妈的皮肤很黑很黑，像夜晚的天空一样黑 (14)、天空晴朗的日子里，夜晚的天空中就会出现许许多多闪闪发光眨着调皮的眼睛，夜晚的星星把整个天空布置得非长美丽。灿烂的群星在银河里闪动，像一盏盏亮晶晶的银灯。 (15)、夜晚的天空一片深蓝，天上无数颗小星星眨着闪亮的眼睛，在这夜空里像一颗颗亮晶晶的宝石，那么美丽 (16)、长大的过程就像是夜晚的天空，从点点繁星过渡成为璀璨的星空 (17)、有的像一颗流星，有的像张开的笑脸，有的像天女散花，把夜晚的天空点缀得比白天还要亮堂 (18)、嗯，确实像夜晚的天空！不一会，动车便驶出了山洞，那湛蓝的天空，洁白的云朵，连绵起伏的青山和一个个漂亮的小房子，深深地吸引了我 (19)、走进大广场，映入我眼帘的是一面湖，湖平静的像一面镜子，四周的光照在湖面上，湖就变的五光十色，光又把夜晚的天空照成白天的天空。 (20)、它也像星空中亮晶晶的眼睛星星，在夜晚的天空中飞翔。 (21)、妈妈见了却笑着说阳阳别害怕，快看！这山洞是不是很像夜晚的天空，这些小灯就像天上的星星一样 (22)、夜晚的天空像一张灰色的大幕布，上面有几颗星星点缀 (23)、一轮明亮的秋月升上天空，深秋的月亮，像一轮玉盘，使深秋夜晚的天空显得格外安静 (24)、夜晚的天空，静谧安详，像披着一层神秘的面纱，如梦如幻，让人看不真切 (25)、我不时地会抬头望着天空，夜晚的天空很美，像幽暗的蓝宝石那样耀眼，云朵点缀在空中 (26)、那天夜晚的天空好像格外*沉，浑浊的大雾遮住了夜色，显得混沌不堪 (27)、我喜欢夜晚的天空，更喜欢夜空中的星星。夜晚中的天空和星星就像是一幅美丽的画卷，我深深地陶醉在这宽大的画卷之中。 (28)、天黑了，星星弟弟调皮地眨了眨眼睛，月亮姐姐像只弯弯的小船一样挂在夜晚的天空上，安安静静的睡觉了。 (29)、夜晚的天空，星星弟弟和月亮姐姐一起，好像在说悄悄话，又好像在玩捉迷藏，还好像在做游戏 (30)、看着夜晚的天空，虽然没有白天飘逸的白云，但是夜晚的星星眼睛一眨一眨的，好像在对我说：你今天真棒呀！今天是我最高兴的一天，因为我学会了做饭。

　　1、苹果圆圆的，看起来真像个红色的小皮球。从树上摘下来的苹果，咬一口，会尝到香甜、细细腻、柔软的果肉。 　　2、盛夏，鸡冠花红得似火，在绿叶的映衬下，显得格外鲜艳。那绿油油的叶子真像是刚刚刷上漆似的，充满生机。 　　3、秋天，高粱真像一个醉酒的大汉，风一来，醉醺醺的，东倒西倒，涌起了无边无际的金色麦浪。 　　4、星空就真像是一块纱，大大小小，星罗棋布的镶嵌着钻石，这纱又撒上了钻石粉末，然后铺在天空上。 　　5、你看他那巴结样，真像只摇尾乞怜的哈巴狗。 　　6、啊！那宫殿真像用金银珠宝堆砌而成：金色的瓦片，红色的大门，富丽堂皇。 　　7、秋风还是一个调皮淘气的孩子，她来到马路上，吹着树上的叶子，看到树叶真像金色的蝴蝶似地跳舞才蹦蹦跳跳地离开。 　　8、这对同胞姐妹长得真像，只是性格不同。 　　9、那个人体胖肢短，肚子圆鼓鼓的真像一只青蛙。 　　10、昨天我还是个百万富翁，想不到一晚就变得一贫如洗，真像一场梦，我只好从头做起了。

我的故乡作文800字 我是一个农村生长的孩子，这里没有繁华的街道，也没有城市的喧嚣，但它却有着清新自然的风景，纯朴勤劳的人们。听烦城市喧闹的你，请和我一起出发，去领略一下我家乡的美丽所在吧！ 不知不觉，春天已悄然来临。沉睡的动物们开始苏醒，小草破土而出，尽情地吮吸着大地的甘霖。冰冻已久的河水开始融化，发出潺潺的流水声。鸭子们在水面上相互追赶，嬉戏着。鱼儿不时跳出水面，花儿也不甘示弱，迫不及待地开放着，引来许许多多的“采蜜者”。辛勤的人们扛着农具到地里耕作，路旁的电线杆上栖息着可爱的小燕子，像五线谱上的跳动的音符。 “接天莲叶无究碧，映日荷花别样红”，转眼间炎热的夏天到了。，池塘里的荷花早已竖满河面，调皮的蜻蜓们在荷丛中飞来飞去。勤劳的人们开始插秧。瞧，年纪稍大的人左手拿着板凳，右手抱着稻草，急忙忙往田间走去，他们准备拔秧苗。年轻人卷起衣袖弯下腰来，身手敏捷地插点秧苗。这劳动的景象在阳光的映照下显得那么生机勃勃。寂静的夜晚，劳作一天的人们开始进入梦乡，屋外只听见蛙声一片。 “自古逢秋悲寂寥，我言春日胜春朝。”秋天是丰收的季节，喜悦的季节。一台台收割机在田间来回穿梭着，不时发出哽咽的声音。那金黄的稻穗在微风的吹拂下，发出“哗哗”地声响。看着一袋袋“胜利的果实”人们露出了笑脸，欣慰之情顿时驱走了所有的劳累。 我的故乡咸宁800字作文 我的家乡在咸宁，它是一块充满生机与活力的热土，我特别热爱它。 咸宁地理位置优越，交通便捷。这里山川秀丽、景色宜人、特产丰富、人杰地灵。北距省会武汉仅80公里，东接避暑胜地九宫山、京广铁路、107过道和京珠公路穿境而过。 八月桂花，芳香四溢。我们的家乡咸宁市闻名全国的“桂花之乡”。每当金秋来临，就是桂花飘香的最佳季节。整座城市都弥漫着桂花的香气，使人顿感神清气爽。每当人们出去散步时，只见树上的桂花好似点点繁星，有时一簇簇小巧玲珑的桂花落到你的头上，就像戴上了一顶金灿灿的王冠似的，美丽极了。大家都能享受到免费的熏香，真是妙不可言哪！真不愧是有风香十里，无风十里香！桂花有金桂、银桂、丹桂，它们的作用可多了。可以做成桂花酒、香料、桂花糖、桂花茶、桂花蜜、桂花糕；桂花还可以做中药，用来止咳化痰。这些都是我们咸宁的特产。 我们的家乡咸宁还被称之为“楠竹之乡”，这里的棵棵翠竹也毫不逊色。春天，春雷一动春笋就破土而出，一个劲地往上蹿，任凭风吹雨打，可它拼搏向上的精神却毫不动摇。这里的竹林每天都吸引了许许多多来晨练健身的人们，我也经常到竹林里去玩。风儿一吹，竹林就像海浪一样发出哗哗的声音。你只要深呼吸，就可以感受到大自然的气息。多么令人陶醉啊！ “满目竹林翠，一路桂花香”。赤壁怀古、九宫迎客、南有嘉鱼、虹影泉，小桥流水……处处美景成为人们从京珠高速咸宁北站进入咸宁市区的视觉盛宴。人行其道，移步换景，如沐春风…… 那碧绿无垠的星星竹海，浩瀚雄浑，幽静清新；那鸟语花香的潜山，使您诗情画意油然而生；这是还有那保健治病的温泉；巧夺天工的131地下工程；鬼斧神工的天然溶洞太乙洞；赫赫有名的北伐战争旧战场汀泗桥；错路有致的宾馆疗养院；热情好客的咸宁人。 咸宁正乘改革航船不断开创中国人在21世纪的辉煌。它是一块充满生机与浩力的热土。是一处最宜人居住的绿色生态区，是一座期待开放的资源宝库。咸宁，正张开美丽的双臂，真诚欢迎有识之士的到来，共同建设中国桂花之乡美好的明天。让一个兴旺发达、文明、富裕、环境优美的新咸宁走向世界！ 去年的旅游节过后，走在街头巷尾，市民们谈论最多的是旅游节给咸宁带来的巨变—-城更美、街更靓、河更清、夜更明。城中有山、城中有湖，车在林中走，人在画中游…… 我们的城市像花园，我爱我的家乡！ 作文(我的故乡——滑县)800字 我的家乡在岫岩，是远近闻名的玉都之乡。 岫岩的水真清呀！你只要一看见岫岩的水，保证你回情不自禁的去喝上几口，因为，岫岩的水很清，并且也很甜，岫岩的鱼都被那里的水养的胖胖的了。每当放假回家的时候，我都会约上几个朋友去河里面捉几条鱼吃，那感觉真是没的说了。岫岩的山真高呀！只要你坐车从岫岩一路过，你就会发现岫岩的山真是又高又黑，每到夏天，山上。就会有许许多多的山菜，我们都非常喜欢吃呢，山上还有许多野鸡，我有好几次都想打死他，可是每次都没有成功。哎！我真笨呀！岫岩的玉真绿呀！如果你去岫岩，一定不要忘了去买几块玉，这里的玉颇有光泽，而且，去年，在岫岩还挖出了1块玉石王，它重达600多吨，这真是我们岫岩人的一种骄傲呀！听了我说的这些，你一定迫不及待的想来着看看吧！如果你上着了，千万不要忘了找我当导游呀 我的故乡洮南作文800字 考场作文写作技巧（开头技巧和结尾技巧） 中考作文开头技巧集锦 “好的开端是成功的一半”。开头在文章中的作用十分重要。它能提炼中心，完整结构，吸引读者。它能使文章锦上添花，令阅卷者倦处生神。这种说法并不夸张。因此，作文时多花费点时间、多动点脑筋，写个好的开头，是十分必要的。请看来自中考满分作文的精彩开头： 1．落笔入题，总领全篇 例1．小时候，对印在连环画、贺卡上那些“挥着翅膀的孩子——天使”爱得痴迷。那纯洁的，绒棉似的白翅膀是一切美好的象征，它装饰着我儿时的梦。（重庆满分文《白翅膀装饰着我的梦……》开头） 这篇文章一开头就交代自己喜欢白翅膀，并用“它装饰着我儿时的梦”既照应文题，又领起下文。这种开头能给人干脆利落，入题快捷，不枝不蔓的感觉。应为考场作文开头的首选方法。 2．序引题记，醒人耳目 例2．叶子，是不会飞翔的翅膀；翅膀，是落在天上的叶子。（重庆满分文《翅膀，落在天上的叶子》题记） 这个题记采用比喻的方法来揭示“翅膀”和“叶子”的关系。“翅膀”和“叶子”怎么可以划上等于号呢？这个疑问，犹如一个谜团，一下子勾起阅读者的好奇心，只有当你读完全文才知道这是一篇“丑小鸭变成小天鹅”翻版的童话故事，作者用一个落叶代替“丑小鸭”，写他的无悔选择，写他的执著梦想，写他的美好心灵，新颖独到，让人耳目一新。 3．写景烘托，渲染心情 例3．又是炎夏了，开始有知了叫了。（北京满分文《动力来自那双眸子》开头） 这篇文章不落别人窠臼，独辟蹊径，从小处切入，从一双具体可见、可感的“眸子”切入，来写一位数学教师的目光情感的传达，给班上的每一位学生所带来的阳光般的温暖和突飞式的进步。此处开头的自然环境描写，既渲染了特定的气氛，衬托了人物的心情，又推动了故事情节的发展。 4．巧用对比，说明问题 例4．早晨8点刚过，一位怒容满面的妈妈就扯着一个个子高高的男孩推开了张教授办公室的门。一进门，妈妈就开始向张教授数落孩子的不是。而那个男孩似乎满不在乎，总是抬着头看天花板，身体还在不停地晃动着。时不时的还回上一句表示反对。（山东莱芜满分文《其实并不是这样》） 文章开头大肆渲染母亲眼中孩子的“不好”，可到了教授那里，教授反而轻易地就指出了孩子的“优点”，这样的对比，只能说明一点，其实并不是孩子不好，是“母亲”的眼光有问题，教育孩子的思想有问题。 5．反向立意，别出心裁 例5．我是魔鬼，是一个心中住着天使的魔鬼。（山东滨州满分文〈让天使永驻心中〉开头） 文章题目是“让天使永驻心中”，可开头就是一句“我是魔鬼”，让人感觉奇怪。再往下，第个段落的开头句都是“我是魔鬼”，一直到最后，细读才会领略到此反向立意的妙处是在突出“安琪儿”。 6．角度新颖，情理交融 例6．“王蜂一口针，橘子两边分。世间痛恨事，最毒 *** 心。”自从《水浒》一问世，人们便拿此评价其中的人物——潘金莲。这个人物形象成了人们心目中心狠手毒的“ *** ”、“ *** ”的典型。 潘金莲你实在是冤枉啊！（山东莱芜满分文《其实并不是这样》开头） 小作者将人们熟悉的《水浒》故事写入作文，读来却不觉重复。此处引用《水浒》开头，巧妙引出议论对象——潘金莲，既显自己的文化底蕴，又能将此与自己的观点形成对比，合情合理。 7．句式工整，含蓄蕴藉 例7．曾经留恋“秦王扫六合，虎视何雄哉”的英雄幸福，曾经追求“采菊东篱下，悠然见南山”的隐士幸福；也曾经探寻“会当凌绝顶，一览众山小”的志士幸福。但是我毕竟是我，我要去采撷最美丽的幸福，来点缀无悔的青春！于是，我乘上幸福专列，开始了寻找幸福的路程。（山东济宁满分文《乘上幸福的列车》开头） 文章开头诗文的引用，使文章的语言古雅流畅而充满诗意，意蕴丰腴而耐人寻味。 8．比喻扣题，主旨凸现 例8．每个人降临人世时都没有翅膀，惟有读书才能使生命飞翔。（重庆满分文《读书——生命飞翔的羽翼》开头） 这章的思路相当开阔，一般人很少将读书和“翅膀”话题联系在一起，考生一开头以比喻句“每个人降临人世时都没有翅膀，惟有读书才能使生命飞翔”开启下文，很好地凸现了文章的主旨“读书——生命飞翔的羽翼”。 9．起兴开头，直奔主题 例9．雄鹰拥有翅膀，就能展翅高飞；飞机拥有翅膀，就能翱翔蓝天。我也幻想有一对翅膀，风雨中让我展翅飞翔，没有谁能把我阻挡飞越世界的梦想。（重庆满分文《假如给我一双翅膀》开头） 此开头由雄鹰、飞机起兴，倾诉“我”对梦想的执著之情，为下文描绘那些拥有翅膀的种种理由设置了悬念。 10．排比开头，注入诗韵 例11．云卷云舒，卷舒的是心灵的纯净无暇；雁过雁往，过往的是人性的清姿丽影；花开花落，开落的是灵魂的郁秀芬芳。（山东日照满分文《给我一个懂你的机会》） 作者文笔优美，此开头选取了自然界中几个画面进行描写，用语典押，句式整齐，朗朗上口，富有韵味。 11．一线串珠，珠珠润丰 例11．幸福是什么？（山东济宁满分文《幸福小语》） 文章以“幸福是什么？”开头，独句成段，发人深思，引起下文。下文分别用“司马迁说”“陶潜说”“李太白说”“刘禹锡说”“陈景润说”“林肯说”“甘地说”“我说”来高度概括8个人的幸福观，起到了“万箭攒射”的效果。作者丰厚的积累可见一斑。 12．论坛形式，新奇无比 例12．【主题帖子】幸福是什么？幸福是微笑着的闪着泪光的双眼；是耳边亲切的问候；是孩子们在沙滩上玩耍；是风烛残年的老人携手夕阳；是全家人围成一桌在中秋之夜享受天伦……一千个人对“幸福”就会有一千种诠释，正象一千读者眼中有一千个“哈姆雷特”。（不信请到“幸福”论坛里转一转。）（天津满分文《论坛里的“幸福水”》开头） 此开头从论坛“主题帖子”开始，用设问句引起读者注意，用排比句巧作道理论证，用“一千个人对‘幸福"就会有一千种诠释，正象一千读者眼中有一千个‘哈姆雷特"”概括自己对幸福的观点。新鲜的形式，巧妙的开头，实在是高招！ 作文,我的故乡汶上,800字 我的家乡在美丽的汶上,那里景色优美。 到了晚上,中都广场那里的灯五颜六色,每天都有跳健身舞的,还有许多滑滑板的,老人有的在石凳上休息,有的在健身器那里锻炼... 这一切都是从一枚落叶开始的。在某一天的清晨，像平日一样起来晨练，突然发现踩着了一枚叶子，或许是梧桐的叶子，或许是槐树的叶子，也许是白杨的叶子。叶子是金黄色的，静静地躺在地上。下意识里就想起了“一叶落而知天下秋”的意味，你蓦然醒悟，秋天来了。这个时候，走在任何一条小路上，你都会闻到弥漫在天空中的轻微的茴香气息，还有金菊的芬芳气味。 在郊外的山坡上，秋天的到来几乎是令人惊愕的。一场连绵的细雨之后，气温突然降低了十度，头一天还满山遍野的花朵都枯萎凋谢了，在山顶上盘旋鸣叫的鸟儿没有了踪影，树丛灌木里的野生动物也都藏到了洞穴深处。这般不加掩饰的萧杀和凄凉提醒你，秋天来了。 旷野的憔悴和忧郁会让一个文人感怀万千。当浅黄色的阳光照耀在墙上，当楼下的琴房里响起低沉而哀怨的旋律，当衰败的树叶飘落在白杨树下的人行道上，冷峻的目光会把这一切储藏在记忆之中。唯有大雁是不肯就范的，她们洞察了季节的无情之后，不惜万里远行，也要去寻找春天。 秋天并不是一下子就占据了统治地位的，就在气温下降了十几度，你赶快加了衣服，以为冬天快来的时候，温度又慢慢回升起来。阳光看上去温存愉快，大地一片祥和。但是，这样的天气大多是靠不住的，温暖的日子没有几天，灰色的日子又来了，风起劲地刮起来。接着，又是一夜散乱的犹如游丝一般的细雨，粗硬的灌木也开始变黄，山坡上和旷野里稀疏的草绿色彻底消失得无影无踪了。 在秋天的村庄里，炊烟与其他的季节也是不同的。袅袅的炊烟，在房屋的脊梁上盘旋，在树梢的鸟巢旁飘荡，在胡同的拐角里踱步，最后都凝聚成片片朦胧的烟霞。 秋天的田野里到处都是农人的身影，一车一车的成熟的庄稼行进在弯弯的乡间小路上。间或会有几声欢快的歌声传来，那是农人发自内心的喜悦。天空中有飞翔的天鹅，有排成人字型南飞的鸿雁，湖里是成群的野鸭。它们就像一片阴深的云朵，使秋天显得更加苍郁了。 成熟的庄稼在几天之间就消失在了村落里，粮食都装进了农民的粮仓里，有金灿灿的豆子，有金黄色的玉米，还有各种各样的杂粮。农民把小麦种上，然后就等着度过一个漫长而悠闲的冬季了。 当一个个伤感的文人正感叹着季节的无情之时，正在旷野里里收获着庄家的农人，却唱着一年中最欢乐的歌。辛勤的汗水结出了丰硕的果实，艰苦的付出得到了加倍的回报，一年的希望变成了沉甸甸的现实，幸福的脸上怎能不挂满开心的欢心和喜悦！ 没有一个季节像秋天那样色彩斑斓。秋天就像一个高明的画师，那么纵臂一挥，大地上的颜色立刻就如一幅巨画一般涂抹得恰到好处。松柏依然是苍翠的绿色，但是，却增添了漫山遍野的金黄，增添了艳丽的火红。更不要说挂满枝头的果实，妖娆芬芳的菊花，骄傲地昂首大地的高粱。没有一个季节像秋天这样色彩缤纷，没有一个季节像秋天这样果实累累，没有一个季节像秋天这样丰富繁盛，没有一个季节像秋天这样祥、温暖和安静。 秋天的美好更在于它迷人的澄净，它的干净如洗，它的爽朗开阔，它的泾渭分明，它那弥漫在空气中的果实的气息。还有秋天的湖，别有一番情致，夏天的汪洋恣肆早就沉到了湖底，深邃澄净，波澜不兴，意境高远。 最让人陶醉的，是镶嵌着金黄色花边的向日葵。圆圆的脸盘里，挤满了饱满的果实，争相着向太阳展示自己，那种毫无保留的宽阔胸怀，让人肃然起敬。 北方的秋天和南方截然不同。北方的秋天是多彩的，饱满的，丰硕的，干冷的，凌厉的秋风使树木落下片片黄叶，只剩下自己强硬的枝干。花草都隐藏到了大地深处，松软的黄土地一览无余地 *** 在阳光下。南方的秋天季节特征并不明显，秋天的树叶依然是苍翠的绿色，没有火红的枫叶，也没有高贵的金黄，到处是四季常青的植物，唯一不同的，大约只有人们的心境。 我最喜欢王勃的那句写秋天的诗句“落霞与孤鹜齐飞，秋水共长天一色”。落霞从天而下，孤鹜由下而上，高下齐飞。秋水碧而连天，长空蓝而映水，水天形成一色。王勃把一个辽阔秋天的意境写到了极致了。杜甫的“长风吹白茅，野火烧枯桑”，写的是深秋原野的景象，大风吹卷着原野上的茅草，野火烧着枯萎的桑树。但是，他的意境太过苍凉了，远没有李白“长风万里送秋雁，对此可以酣高楼”的豪迈。 这样的情怀，对于生活在城市里的人们来说，是不会有的。城市里只有热和冷的区别，哪里有颜色的变化呢？天空是一样的天空，楼群是永远不变的楼群，马路是永远不变的马路。灿烂的季节，斑斓的色彩，只属于城市之外的旷野，只属于黄土地上的生灵，只属于美丽的故乡 汶上。 我的故乡舟曲亚哈作文800字 　“我希望在太阳射出万道金色光芒的时候，能够听到鸟语，闻到花香，抬头能够看到蓝蓝的天空，没有一丝的尘埃，耳边能够听到欢快的流水声……” “我希望每一个人能够拥有保护环境的意识，我们只有一个地球，千千万万的生灵依靠她繁衍生息，请大家保护环境……” 几天来，兰州防化团二营战士刘强始终怀揣着一个叫姚倩的小女孩的作文，这个至今下落不明的小女孩，让他深深牵挂。 姚倩是舟曲月圆村城关一小四年级一班的学生，她在7日的特大泥石流灾害中失踪。 刘强与姚倩的“相遇”，是通过姚倩的课本和夹在其中的三张纸上的作文实现的。 11日清理姚倩家的废墟时，刘强拾到了姚倩的课本，并知道了这个小女孩的名字和学校。 刘强小心打开课本，里面夹着两篇写在格子纸上的作文——《我有一个梦想》和《可怜的孩子》。孩子娟秀的字体、美好的梦想，深深触动了刘强的心。 我的故乡作文500字 人们常说，最美不过家乡的水。 我的家乡虽然没有什么名胜古迹，也没有大都市的繁华，但风景如画，景色迷人。 在离我家屋后不远有一条清澈的小河。碧绿的河面在金色阳光的照射下，显得波光粼粼。小河两旁绿树成荫，树影婆娑，那些花花草草随风摇曳，令人赏心悦目，恋恋不舍。小河里成群的小白鹅排成一列，欢快地游来游去。岸边三三两两的人们一边洗衣服一边聊天；夏天伙伴们在水边嬉戏，打水仗。小河就是我们快乐的天堂。 近年来，我的家乡正在发生着翻天覆地的变化。从前狭窄的公路变得更宽阔了。一条条宽阔的水泥公路纵横交错，四通八达，川流不息的汽车在公路上飞快地驶过。公路两旁人来人往，一到晚上，一盏盏路灯把公路照得如同白昼。街道两旁一幢幢高楼拔地而起，家家户户都盖起了新楼房，取代了以前破烂不堪的小平房。形形 *** 的商店，一个个大型的超市，象雨后春笋一般出现在人们的面前，商店里的商品琳琅满目，让人目不暇接，真是应有尽有。店里的顾客摩肩接踵，络绎不绝，给人们日常生活带来了极大的方便。 我的家乡最有特色的建筑就是晏家广场。广场有一个大花园，分为里外两层，广场中央有三根大理石柱，最粗的石柱上刻着四个金光闪闪的大字。晏家广场左边石柱上顶着一个圆圆的太阳，右边石柱上有三颗亮晶晶的星星和一个弯弯的月亮，他们象征着日月同辉；中间的石柱上有一匹飞奔的骏马，高高的马头仰天长啸，目不转睛的注视着远方，你看它浑身每个部位都搭配的那么得当，每块肌肉都显得那么有力量，胖墩墩、圆滚滚的 *** 上，长长的鬃毛上往后飞扬，四只蹄子平稳的停在空中，看起来那么雄壮威武。这匹骏马象征我们晏家明天更加美好！更加繁荣苍盛！每当夜幕降临的时候，广场成了人们聊天纳凉的好地方。晏家广场就像一颗耀眼的明珠镶嵌在晏家镇的中央。晏家广场是晏家人民的骄傲！ 由于长寿经济大发展，我们这里的田地渐渐减少，取而代之的是鳞次接比的厂房，一座座美丽的厂房就像一座座美丽的大花园，厂房四周那一块块绿油油的草坪象一块块绿色的地毯，花坛里的花儿争奇斗艳、吐露芬芳。晏家可谓是旧貌换新颜！晏家人民真是有着敢叫日月换新天的壮志豪情呀！ 听了我的一番介绍，你大概心动了吧，心动不如行动，请你快到我的家乡来吧！我的家乡比我描绘得更美丽，定会让你大饱眼福！ 我的故乡作文400字 我的家乡是一个风景如画、依山傍水的地方。 在村前，是一条清澈见底的小河，在阳光的照射下，就像谁撒了一大把的金子似的，波光粼粼。一条条不知名的小鱼在河里快活地游来游去，有的小鱼游行的速度可真够快的，比同学们赛跑时的速度还快呢！在村后，是一座座苍翠欲滴的大山。山上，一棵棵大树高耸入云，就像是一位位守护神，守护着远近乡民的安全。一棵棵像碧玉装扮过的小草，就像我一样想快点长高，不甘示弱地拼命往上生长，让大山拥有了一件翠绿的衣裳。在村旁，是一家家货品丰富、价廉物美的商店和一条又宽又长的马路。只要一有时间，我就会奔到商店去买东西吃。每次吃完之后，心里总是美滋滋的。 这就是我的家乡，一个美得没人能画得了的地方。 我的家乡依山傍水，是个好地方。 家乡的山很高，高得就像在和白云拉手聊天呢！在众多高山之间，有一座叫金山，金山脚下有一个村，叫金山村。金山村盛产贝母，村里家家户户都种了贝母。每到十月份，村里的老老少少都会下地种贝母。尽管爸爸在城里工作，但是一到种贝母的时节，他就会回到家乡帮奶奶种贝母。到了第二年的四月份，贝母成熟了，一个个白胖胖的贝母在田里静静地躺着，等待勤劳的人们去收获。如果这时候你去金山游玩，一定会闻到一股不那么好闻的味道，那是农民伯伯正在用硫磺熏贝母呢！ 金山村也加工粉干。刚加工出来的粉干果，可香了。光是那香味就会吸引人们忍不住要去品尝一番。这里出产的粉干又细又白，很受人们喜爱，它还远销到县城以及其它县市呢！ 种贝母让家乡的人们富裕起来，很多村民都造了新房，买了汽车，村里的路也越来越宽，由原先高低不平的机耕路变成了如今又宽又平的水泥路。另外，家乡的环境卫生也越来越好，过年回家时，路旁可干净了。 我想家乡的明天一定会更美好！ 我的故乡300字作文 我的家乡不大，但是它是个有着悠久历史的的地方。她有一个美丽的名字————历史文化名城赣州。 可能有的人会说，赣州这幺小的城市，何足挂齿。如果你那么想，你就错了。赣州早在宋朝时就闻名天下，有“宋城”的美名之称。听大人说：明太祖朱元璋为统一天下，亲征攻赣州。由于赣州三面环水，固若金汤，围攻数月，无法攻克。于是朱元璋就用水攻，但还是攻不下。于是他请求军师刘伯温，刘伯温带他到峰山上一看。朱元璋恍然大悟，原来赣州市像一只乌龟一样。于是刘伯温告诉朱元璋，要将赣州的四只脚用钉子钉住，再放水淹。朱元璋照做，果然一举攻下赣州。 清晨，赣州犹如还在睡梦中的小宝宝，万籁俱寂，无声无息。但是，转眼间，她又好似一个喧闹的大市场。上班的车辆，上学的人群，买菜的主妇，散步的老人，此时都像一只只小蚂蚁，在这个小城市汇集。 下午，赣州烈日炎炎，骄阳似火。原本喧闹的广场，早已烟消云散。原本拥堵的交通，早已寥寥无几。就这么，一直沉睡着，直到夜幕降临…… 天色稍晚，夜幕降临。赣州又从寂静的状态苏醒过来。声音繁多，杂乱无章。有：炒菜的，汽车喇叭，自行车玲……这声音虽然嘈杂，但如果你坐下来，静静地听上一小会，你会觉得世界如此美妙，居然又怎么好的乐曲，使人心旷神怡。 最后，再让我用一句和谐的话来赞美我的家乡吧！赣州，你是我成长的摇篮，我永远爱你。

星空联想绘画步骤如下：1、首先，我们要准备一张深色卡纸。2、第二，我们要写上主题“星空的联想”。3、第三，我们要用彩铅添加手绘图，设计版面。4、第四，我们要继续用彩铅添加手绘图，丰富版面。5、最后，我们要用铅笔画出边框，用于添加内容；这一幅“星空的联想”就完成啦。星空联想造句：1、一滴水代表不了思念，所以我要送你大海；一颗星代表不了祝福，所以我要送你星空；一条短信代表不了咱俩的友谊，所以要常联系！2、星空灿烂的树下，微风浮起，蛐蛐鸣叫，托向星星倾听。3、他给了我整片的星空，好让我自由的来去，我知道我享有的，是一份深沉宽厚的爱。4、每道门，都朝着一片青山。每扇窗，都对着一片星空。打开心门，让信念坚定如山。打开心窗，面对星空从容坦然。敞开自己，尽情享受风轻云淡。5、爱你如此美好，是盛夏的那抹绿荷摇曳；爱你如此美妙，仿佛夜晚的星空在梦里绽放；爱你如此自然，随意的念叨都成了甜蜜的诗句。玫瑰情人节，静静想你，愿你开心!

上湖北教育网查

想写好关于故乡作文吗？这里提供了大量关于故乡作文的段落，以及故乡作文的好词好句等。本篇内容主要选10篇优质原创文章，每篇结尾还带专家点评。 故乡 小时候， 故乡是一片嫩黄的枫叶， 掉进我的梦里， 故乡有山，有树，还有外婆站在田埂上守望的景象。 长大后， 故乡是一首写不完的诗， 它总是在笔尖颤抖， 打湿了我的双眸， 模糊了我的笔记， 却清晰了关于故乡的记忆。 后来， 故乡是一个长长的梦， 梦里我回到了幼年，回到了故乡， 那里依旧有山，有树，还有田埂上外婆的守候， 我伸手拉着她走在回家的路上， 醒来的泪水催促着我回家的脚步。 再后来， 故乡是一列长长的列车， 轰隆隆的汽笛声是我咚咚的心跳， 回到故乡才发现原来它已不是过去的景模样， 虽然依旧有山，有树，却没有了田埂上外婆的守望。 梦里，我又回到了故乡， 故乡依旧有山，有树，还有外婆站在田埂上守望的景象， 我拉着外婆的手漫步在回家的路上…… 何时我才能回到承载着儿时记忆中的故乡！ 专家点评: 这首诗歌回忆了小时候的家乡，表达了对家乡深深的思念。家乡，在我们心里永远是最难忘的景象。家乡的一草一木皆是情。此诗叙述有时间过程的变化，语言朴素亲切，情感真挚。 我的故乡 我的故乡座落在小兴安岭伊春市，那里有茂密的原始森林，红松的故乡，天然氧吧，山清水秀，人杰地灵。每年松子、榛子、蘑菇等绿色植物丰富，盛产几十种名贵中草药。 我的故乡还是旅游的好地方，原始森林、汤旺河石林、南岔仙翁山等。 原始森林里长着红松、落叶松、白桦等100多种树木，人参、刺五加、五味子、黄芪等500多种名贵药材，还有山葡萄、猕猴桃、蘑菇、木耳、蕨菜等山特产…… 汤旺河石林里的石海奇形怪状，有的像森林王，有的像卡通人物，还有的像小巧的动物…… 南岔仙翁山更是秀丽，在爬山的过程中，可以吸吮着大自然的沐浴。 虽然我来到双城生活好几年，但是我的故乡还是美丽的伊春市，比起双城，我还是更喜欢伊春。那里山清水秀，还有特产和名贵药材，我爱我的故乡！ 专家点评: 文章布局合理，开篇点题，介绍故乡的位置，下文描述了故乡的中药、旅游业、树木、石海、南岔仙翁山的景象把故乡的形象立体地体现出来，最后直抒胸臆，表达了作者对故乡的喜欢之情，语言流畅自然，很好。 我爱故乡的红桔 我的故乡在四川，那里是水果之乡，我爱故乡的红桔。 听奶奶说：“红桔细长的叶子四季常绿，贪婪地吮吸着细雨。” 一到农历的五月，满山遍野开着白茫茫的一片桔子花，此时经过此地，香喷喷的桔子花味道扑鼻而来。随着时光的流失，桔子花凋谢了，长出了果实。 红桔遍身长满了桔红色的小圆点，红桔扁园扁园的，桔黄色的皮很光滑，剥开它的皮一股清香甘甜的味道扑鼻而来。 一到农历的十月红桔成熟了，像无数盏火红的灯笼挂在树上，真喜庆啊！ 从底部中心一掰，桔瓣像月牙，这时你摘一个在嘴里，汁水酸甜可口，听老师说：“红桔全身是宝，桔皮是治咳的药，桔核和桔络可以宽胸理气，是很有名的中药，红桔含有大量的维生素C。” 啊！我爱故乡，我爱故乡的红桔。你要记住一定要来我的故乡吃红桔，但要记住不要吃太多，因为吃多了会上火的。 专家点评: 习作首尾呼应，达到浑然一体之效。习作通过桔子的香味、形状、颜色突出了红桔的外形美，用老师的话道出了红桔“全身是宝”，凸显了红桔的内在美，为结尾的感慨增强了说服力。 美丽的宁阳——我的第二故乡 因为我的姨妈在宁阳所以宁阳也就成了我的第二故乡了。 每年暑假我都去宁阳。今天，出发了！一路上车轮在飞。我感觉我的心也在飞。不一会，就来到了宁阳地区，我感觉特别的亲切。不远处有一块绿地，像是褐色的土地上嵌着的一块无暇的翡翠。公路两旁站着一排排的大杨树，好像在说：“我们是健壮的哨兵，我们要守护宁阳的大地。”整齐美丽的绿化带像两条仙女的裙带，把公路打扮的非常的漂亮。远远望去，公路上车水马龙，人来人往好一派繁忙的景象，真是一座繁华的城市。 在宁阳还有一座叫“睡美人”的大山，山的整体就像一个少女在睡觉。这个“睡美人”姿态端正，因此这座山就得名睡美人。 最让我流连忘返的就是河滨公园的沙滩了，在这里吸引着无数的朋友来玩耍。凭借着我丰富的想像力，粗糙潮湿的沙子，一会儿被我拍打成水渠，一会儿堆积成长城，一会儿建成城堡。真是太有趣了！ 啊！宁阳，你的美丽让我难忘，我爱你宁阳。 专家点评: 文章结构合理清楚，开篇说明为什么宁阳是“我”的第二故乡，然后描写所到之处所见宁阳的景色突出宁阳很美丽，最后直抒胸臆，表达了自己对宁阳的热爱，语言流畅自然，把宁阳美景形象生动地展现在我们面前，很好。 故乡的桥 我的故乡沐抚，虽然是个不大的集镇，但是这儿却有许多优美的原生态自然景观。那直插云霄的断壁，那连绵的沐抚大峡谷蜿蜒曲折，那雄伟壮丽的瀑布，可我更爱故乡那略现沧桑的云龙桥。 云龙桥建于明末清初，至今已有三百多年的历史，当时是峡谷两岸人民生活物资出入的唯一通道。只见万丈深渊的峡谷上五根木梁横卧着。上面铺了木板搭上凉亭，人们旅途劳累时可以在这儿休闲、纳凉。站在桥面上你可以欣赏到绿树成荫的峡谷风光，那奇形怪状的钟乳石，有的如狮、有的如虎，有的如龙，有的如凤。峡谷风光尽收眼底，美不胜收！ 云龙桥你饱经历史沧桑。你虽然没有卢沟桥壮观，没有长江大桥的雄伟，但是在我心中你特别伟大，你总是默默无闻的躬着腰让人们从你的脊背走过，年复一年，日复一日从没怨言。 每当我从云龙桥上走过时，我总是把脚步放的轻轻的，生怕踩疼了小桥，怕他发出呻吟，心情无法平静…… 啊！云龙桥，我永远忘不了你的身影。 专家点评: 这是一篇状物的文章，作者带我们饱览了历史沧桑的云龙桥，让我们心中对它默默无闻、无私奉献的精神肃然起敬。文章语言庄重严肃，字里行间流露出了对云龙桥的敬佩之情。 故乡 今天我乘着飞机回到了故乡——吉安。 回到故乡后，眼前的景象让我大吃一惊。展现在我面前的是直插云端的高楼大厦，公路上一尘不染，汽车都是太阳能环保型的。我乘上车来到了滨江公园，远远望去，只见吉安大桥早已与众不同。路变宽了，汽车川流不息，一辆又一辆地从桥的一头驶向另一头。公园里那绿茵茵的草地，比原来大了许多，草地上有许多花儿，偶尔有一两只蝴蝶在花丛中嬉戏，玩耍，真是美极了。我走向长长的赣江，我被它深深地吸引了！赣江的水非常清澈，清澈得可以看见江底的沙石，赣江的水非常平静，广阔的水面如同一面明镜，水中倒映着蓝天，白云，又如一幅绝妙的风景画镶在江面上。微风轻轻地吹着，使我心旷神怡。如今的故乡啊，竟有了么大的变化！ 我走在公路上，一路上我浮想联翩，家乡居然有了如此大的变化，变得越来越美。看来我真得好好欣赏欣赏我美丽的故乡。 专家点评: 从全新的角度去发现，用崭新的视角去描述。本文作者用优美、生动的语言写出了故乡的美丽，尤其对公园、赣江、大桥等的描述，有声有色，让人身临其境。本文结构安排合理，是篇不错的文章。 二十年后的家乡 2032年我回到了阔别二十年的家乡。我呼吸到的不是漫天的废气，看到的不是湖里的污水，展现在我眼前的是一座充满生机的、文明的、绿色的城市。 首先映入眼帘的是一条宽阔平坦的广南大道，车来车往好不热闹，但空气怎么这么清新？哦，原来所有车都是太阳能电池的，也不用排毒，就可以跑，有的还可以飞。马路两旁种的是一棵棵粗壮无比的吸尘树，还有明亮的节能灯，不用电的哦，白天它会吸收声音来作为发光的能源，所以叫做声控灯。 接着我来到了莲湖公园。以前故乡的人都往湖里扔垃圾，可如今湖里到处都是小鱼在游动，湖里的水清澈见底，缓缓流淌。湖边的小柳树也和我一样长大了，多么茂盛，多么碧绿，花坛里开着五颜六色的花朵，蜜蜂提着花篮在公园里忙碌着。草地上的小草在向我微笑，唉？怎么这么绿？原来行人都爱它们，不再踩踏它们。 走遍了家乡的每个角落，感受到了家乡的巨大变化，我越来越喜欢我的家乡——一座充满生机的、文明的、绿色的城市。 专家点评: 这是一篇想象类的作文，小作者构思大胆、新颖，过度比较自然，例如：“首先映入眼帘的是一条宽阔平坦的广南大道”、“接着我来到了莲湖公园”等，结构比较清晰，表达了作者希望家乡越来越好的愿景。 我的故乡 20年后的今天，我坐上了去往内蒙的火车。一路上颠簸起伏。但也很快就到了。 我一下车，眼前的景象让我目瞪口呆：以前的小平房不见了，一栋栋小别墅代替了他们的位置。门口的院子够一家人在一起吃团圆饭。后面的树林也被打扫的干干净净。以前的土道也被改成了水泥路。还有那条窄窄的小桥。以前一到买菜的时候，路上就水泄不通，人挤车、车挤人。可现在不一样了，这小桥竟可以让3辆货车齐头并进。真是改编太多了。这时，我的爷爷和奶奶来接我了。我急忙上去搀扶他们。到了家里，我好像已经到了豪华旅馆。头上有着精美的水晶吊灯、雪白的墙壁。以前用石头砌成的炕（床）变成了好看的上下床。再看看厨房，以前做饭的时候很不方便，现在跟城里面没有什么不同了！ 这是20年之后，那么如果再过20年之后，相信我们的生活也会变得更加舒服！ 专家点评: 习作不注意同义字的正确使用，如“真是改编太多了”这里的“编”应为“变”。习作通过想象，描写出了20年后的家乡，但是想象有些太狭隘，水泥路，好几辆汽车齐头并进的公路等现在已经实现了，还需要20年后吗？ 二十年后回故乡 “露从今夜白，月是故乡明。”仰望天空，看见那一轮绞白的明月让我想起了我的家乡——崇仁，这么久没回家了，好想念家乡啊！所以我决定回家去。 我坐上了宇宙飞船，一会儿就到了我的故乡，一开始映入眼帘的就是街道上一尘不染，还有那汽车用的燃料都是空气，而且还是全自动的。那些高楼大厦用的玻璃都是吸热玻璃，这种玻璃在炎热的夏天可以把热气隔在外面，让室内更凉爽。在冬天，他能把冷空气挡在外面，使室内保持温暖。 我上了飞船我忽然想到，我以前不是在龙源坝中心小学读书吗？我还不知道那里变成什么样了呢？我一定要去看看。我立马踩到了300码，一瞬间就到了那儿。我一过去就看见了大门，只要有通行证就可以进去，每个同学都有通行证。那里还很干净，还有两位机器人在里面扫地。一眨眼，二十年就过去了。想想一前在想想现在，差距多大呀！啊！我真爱你，我的故乡！ 专家点评: 语言平淡，不会描写 未来的家乡 光阴似箭，一转眼功夫，已经来到了2037年了，我开着我的5S-37号私人战斗机，来到了我的家乡———中山市。我打开机舱一看，眼前是一大片高科技的景象，自动扫地机在我眼前来来回回地走动，我的前面便是清澈见底的岐江河，现在的岐江河已经有了全自动净化系统，保证岐江河的干净和成群结队的鱼和虾的生活环境。岐江河的两岸绿树成荫，百花盛开。马路上已经有了空气能汽车，这种汽车除了可以缩小、变大以外，还可以开启自动驾驶功能。 现在的楼房最低的有999层，最高的2012层，电梯早该下岗了，现在的“电梯”是一道红外线，只要红外线一射到你的身体，一秒后，你就会到你想去的楼层。 只要我们保护环境，未来可能比我想象得更加美好！ 专家点评: 语言平淡

1. 关于故乡的作文600字 “我的故乡并不美，低矮的草房苦涩的井水，一条时常干涸的小河，依恋在小村周围。一片贫瘠的土地上，收获着微薄的希望”我想我的故乡并没有他诉说的这么落魄吧。 童年的回忆，心灵的慰藉，纯朴的民风。那便是生我、养我的地方——故乡。 我的故乡在于这个大世界的一个极小的角落。我生于这里，长于这里，对于这里的一切一切再熟悉不过了。 就谈谈几年前的故乡吧。路是那么狭窄，犹如羊肠小道；房屋呢？就是七弯八拐吧！横的、竖的、斜的，简直样样精通，样样疏松啊。 曾有人唱过“门前大桥下，游过一群鸭”虽然我们门前没有大桥，可我们天空下有一个很大很美很清澈的池塘吖，还有一群在池塘里嬉戏的鸭子。可想而知，这是多么难得一见的“风水宝地”呐。这可是古往我来（意思：自我从妈妈肚子出来到现在）未经改变的一处素有“黄梅时节家家雨，青草池塘处处蛙”美称的风景地。 我现在的故乡已是那样的繁华。一排排整齐的欧式套房，一栋栋华丽的小洋楼，一条条宽敞披带着斑马线条的道路。看起来是那么赏心悦目，那么的倾人倾神。 我的故乡之所以有这么大的变化，还不因为我们国家的富强，科技的发达与良好的道德素质。 感谢于我们伟大的祖国，感谢于我们先进的科技，感谢于我们辛勤的园丁…… 2. 以故乡为话题写一篇600字左右的作文 我的家乡非常的美，那里群山环绕，空气清新，使人陶醉！春天山上的树木都绽开了嫩芽，碧绿碧绿的，好看极了，如同一个个小精灵刚刚穿上了一件绿色的衣服一样.夏天的树木已经长大了，变得非常强壮，夏天很热的时候，它就无私地为人民服务着，为人民遮挡太阳的强烈照射.秋天它们换上了一件橘色的衣裳，树叶有时落下来就像是一只只美丽的蝴蝶在空中偏偏起舞.冬天又冷了起来，它们换上了一件雪白的大棉袄. 我家的池塘边都种满了柳树，一阵微风拂过.它们翩翩起舞，还甩着它们的小辫子.水里有成群结队的小鱼，它们在小草之间来回游动，最可爱的是他们调皮淘气的吐着一个个小泡泡，真是太可爱了！！ 我家的花坛更是美了，花坛里五颜六色的花争奇斗艳！里面有仙人掌，桂花，迎春花，菊花。。等等，都美丽极了！春天来临，有些花开的姹紫嫣红，像一个个花仙子在跳舞一般！真是太美了！！ 3. 以《故乡》为题目的600字作文 故乡作文600字 家乡，一个多么温馨的字眼，她是落叶所能回归的根，她是孤雁所能向往的巢，她是江河所能拥有的海，她是凝聚我们爱的港湾。无论她贫穷还是富有，我们每个人都会深深爱着她。 我的家乡在沾化，一个如秋天落叶般平凡、如清晨的露珠般微小的地方，是一个容易被人忽视的角落，但对我而言，她却是我视野和记忆的全部，是我心中无所不及的天，尽管……无论有多少尽管，我依然深爱着她——沾化。 我爱家乡，我爱这里的父老乡亲。自从呱呱坠地的那天起，老天就注定了我与她那解不开的缘，我自然而然地对她有了一种归属感。这里虽然并不富裕，但这片土地上的人们却有着金子般闪光的心。在这里我学到了很多：辛勤劳作的父辈用行动告诉我，一分耕耘一分收获的人生哲理；博学善诱的老师用知识的甘霖，浇灌着我渴望而贫瘠的心田；和蔼可亲的老爷爷、老奶奶告诉我“少壮不努力，老大徒伤悲”的亲身体验。在这里，我幸福地成长，快乐地生活。 我爱家乡，我爱这里自然秀丽、景色。我喜欢春天里的每一片绿叶和夏日里的每一株小草；我喜欢沁人心脾的花香，任由它把洁白的梦想染个五彩缤纷；我喜欢初秋的阳光洒在静静的河面上，璀璨夺目，望着这河水，遥想银河的浩瀚、宇宙的奥秘，憧憬美好的人生；我喜欢冬日里的一片萧瑟，相信经过凛冽寒风的锤炼、严冬的洗礼，万物会选择各自更好的生活方式。 我爱家乡，我爱这里丰饶的物产。星罗棋布的沿海虾池里有的是让人馋涎欲滴的对虾，纵横交错的河汊沟畔寄居着取之不尽的河蟹，广袤无垠的野地里奔跑着不计其数的山狐野兔。沾化冬枣甘甜香脆，味道鲜美，包你百吃不厌，有人曾经由衷地赞叹：“俺们那个沾化好，俺们那个生产大冬枣，俺们那个冬枣真好吃……”怎么样？够热情吧！不负众望的冬枣，也为家乡带来了滚滚财源。近年来，沾化冬枣的种植形成规模，小小枣子迅速走向世界。 我爱家乡，爱她优美的田园风光，爱她勤劳勇敢的人们，爱她日新月异的变化……千言万语说不尽，融成一句话——我爱你，沾化！ 4. 以故乡为题写篇作文 500字 我生长在长城脚下一个叫新河的村庄。从一出生，家乡的一切就与我结下了不解之缘，我和小伙伴们在泥土里爬滚，在涝池中戏水，在草滩上追逐……家乡的山水草木、楼台亭阁、名胜古迹见证了我们成长的历史。 雁母墩、小沙河、七里墩、边墙、付家庄子、南城墙、学校后楼（其实我们所见的只是遗迹）、上沟沿、窑坡滩等祖先们叫下名字的地方，成了我们年少时嬉戏的乐园，闹累了，玩累了，我们便索性坐下来，仰望着天空，看白云苍狗，观雄鹰盘旋，心中升起各种古怪的幻想。有时还会在溢彩流金的夕阳下，一起放声大叫，任空旷的山野回荡我们的声音。转眼间，我们又闹成一团，或倒地上，或摔跤，浑身沾满泥土或驴马的粪迹。闻一闻那泥土的味道：有淡淡的草味，有小虫子的气息，也还夹杂着父辈、祖父辈们的汗水味。各种味道酿造在一起，使我们心醉神迷。少年时的饥饿在刹那间无影无踪。 如今，三十几年过去了，由于工作的缘故，我不能再回到那年那月洒满汗水的欢乐园了。但我常常情不自禁地想起儿时的旧事： 春天，睡眼惺忪的泥土散发着阵阵幽香，草芽儿偷偷地从土里探出头来，好奇地四处张望。春风过后，田野里一派生机，人欢马叫，繁忙的春种开始了。沉闷了一个冬天的牲畜哧溜溜地牵着犁铧，把沉睡的田野犁醒。一股新鲜的泥土味道迅速在田野里升腾、弥漫。这时的我们，放学之后就会拿着留有母亲余温的铁铲，一如母亲般的走向田野、河沟、崖坝的向阳处挖拉拉，有时能挖一斤多呢！胡乱的洗一下，撒上用妈妈石臼捣碎的粗盐，浇上妈妈手工酿制的陈醋，兄妹几人就狼吞虎咽的吃了起来。那滋味可以说是人间难得几回尝了！ 夏天，故乡的夏天其实是从杨柳吐叶开始的。这时乡亲们挽着裤腿、拿着铁锨、锄头，在地里除草、浇水、施肥，感受着夏日阳光的沐浴，火热的太阳照射着大地，田野里散发着亲切、温柔的清香。在儿时的记忆里夏天并不美丽，因为夏天常常是我们挨饿最多的时候，此时的我们将目光投向生机勃勃的大自然：偷摘青杏、采摘艾叶、蒸食榆钱，虽一脸菜色而不乏快乐。特别是过了夏至以后，豆角饱了、青稞上仁了、毛驴上膘了，这时的我们更加活跃了：放学之后，十几个伙伴骑着驴骡放牧，留下一、二个年小的看放牲畜其余的就去偷豆角、掐青稞了。偷豆角是一份艰苦而又危险的差事。那时粮食紧张，当豆角挂枝时队里照例会安排一名老人看护，为了偷食豆角常常在百米之外就爬卧在沟岸之中匍匐前进，手掌、膝盖上磨下的老茧厚厚的一层，即使这样还常常空手而回。倒霉的时候还会被看护豆田的老人毒打。有时我们会跃马扬鞭追逐野兔，那场面可叫壮观：尘烟蔽道、人呼犬吠宛如古代的王公大臣们在狩猎呢！记得有一次我因钻洞捉野兔有功，却最终没有吃到兔肉而流泪呢！每每想起就会从心灵深处涌出对故乡的感激！ 秋天，阳光特别明媚，天空瓦蓝瓦蓝。金黄色的麦浪在微风中荡漾，发出诱人的浓香。大人小孩的脸上摇曳着幸福的笑容，饥荒终成过去，温饱就在眼前。乡亲们在弥漫泥土味道的田野里收获着金灿灿的秋天。秋收时节正在我们的暑假期间，那时是没有假期作业的。放牧牲畜、拣拾麦穗、耙挖麦桔、帮助爷爷看护西瓜地是我们必做的暑假作业；烧食豆秧、讨要西瓜在秋天里是最正常不过的事了。无须担惊、无须受怕，这一切在金色的秋天里，在大人们充满收获的喜悦心情里都是默许的。秋天在儿时的印象里是一幅安居乐业、丰衣足食的画面。故乡的秋天啊！洒下了我多少甜蜜的梦想。 冬天，土地在厚厚的雪被下酣睡。是啊，土地也需要休息、积聚营养以便哺育生活在她上面的虫鱼鸟兽、花草树木，更重要的是供给人类的衣食住行。眼望辽阔的故乡原野，在苍穹之下朴素而沉静。一阵阵刺骨的寒风呼啸着掠过大地，惊扰着泥土的酣梦。鹅毛般的大雪时常飘飘洒洒，给无垠的大地盖上洁白、松软的棉被。当一场大雪之后，我们的兴奋远远胜过冬日的寒冷，宛如闰土一样在雪地里捕捉麻雀，爷爷的土炉中常常飘出雀肉的奇香。于是我们天天盼望着春节的到来：新年到了，我们就可以看社火、穿新衣、吃糖果，也许还能够得到一、二元的压岁钱呢！希望在冬天的呵护下生长。 如今工作在外，自己也早已成家，回故乡的次数日渐减少，即使回去也只是在父母的热炕头重温儿时的欢乐。虽几次想到雁母墩、小沙河、七里墩、边墙、付家庄子、上沟沿、窑坡滩去寻找儿时散落的梦想，但终不能如愿，正如付家庄子、南城墙、学校后楼一样，湮失在时间的流逝之中一样。虽则如此，但家乡的那种亲切质朴、天然平凡、清新浓郁的味道始终鼓舞着我，让我对每一天充满信心。当遇到挫折、碰到困难时，我会从乡土、乡情、乡韵中汲取力量，更加坚强的面对挫折和失败，充满信心的生活下去。 5. 以故乡为话题初一作文600字 看着墙边的小老鼠用双爪在墙边无比艰难地刨掘着，身后的土一点一点地增多，面前的洞一点一点地变大……终于，小老鼠身后的土，堆成了一座小山，墙边开出了一个巴掌大小的洞。洞外是一片碧绿，不知是树还是草，抑或是碧绿的梦境。于是，我也像小老鼠一样，把头探出洞口，好奇地四处张望，那故乡带给我们的是波光潋艳的梦境。 1）关于自由的梦境。自由是故乡里和煦的风。那和煦的风徐徐吹来，在每个人的脸颊上频频轻抚。夕阳西坠，满天暮霭与一望无际的金色稻田，灿烂成一片难以描摹的色彩。那金色的灿烂中，隐隐约约露出了几双通透清澈的大眼睛，那纯洁的瞳仁中，映着金色的稻田。 他们在金色的海浪中翻滚着，然后愈走愈远，最终被金色的海浪覆盖。上空，是清澈见底的蓝，不时划过几道黑影，那是在空中盘旋的鸟儿，不断传来明亮的高鸣，在空灵的空中，不断回响…… 风吹过，稻田又泛起层层波浪，抚在那淹没在田里的孩子脸上，就像棉团儿揉在脸上。 2）关于无忧的梦境。无忧是环绕在故乡四周的山。 那山像故乡城堡的城墙，将故乡围在中间。那城墙无论四季轮回都莽莽苍翠。 清晨，雾霭渐渐散去，晨风拂动山上大片大片的林海，树枝轻摆，翻起了波浪。这时，才从莽莽林海中出现几个冷冷的身影。他们都有着尖削的下巴，都有着灵动的大眼睛，都有着上扬的嘴角，带着无忧的笑，手中拿着狗尾巴草。风拂过他们的头发，狗尾巴草和衣角都在风中无肆地翩舞。于是，他们也无肆地笑着，扔掉手中的狗尾巴草，踏着阳光的斑驳，翩然起舞。 这时，草丛中，响起蝉的伴奏，在宁静的清晨，格外悠扬。每一声蝉鸣，都撞击着每片树叶，敲击出欢乐的最强音。 忽然，从那边的山上传来“嗵嗵”的摩托车声，那跳跃的节秦响彻寂静的山谷。在那蜿蜒曲折的盘山小路上，一家四口挤在一辆破旧的摩托车上，沿着山路，蜿蜒而上。坐在中间的小女孩张开双臂，不停晃动，笑声沿着路环绕在山上。其他人也一直笑着，像火那样热烈。没想过生活的艰辛，没想过贫穷的折磨，没想过身下的摩托车何时破旧得不能再动……故乡就像童话中的“NEVER LAND”。快乐，无忧。 3）关于忘却的梦境。忘却是故乡的烟花。灿烂若霞。 故乡的夜空是不掺一丝杂质的纯黑，而略带透明，就像深遂的眼睛。那眼底里，又隐约带着一道道难以磨灭的痕迹。 金色火龙如火箭般冲天而飞，划破纯黑的夜幕，然后在天空破碎，如扬花般散开，把夜幕的纯黑冼褪。然后如飞絮般散落，在黑暗中消逝无踪，留下的是袅袅轻烟，经久不散，如千万妖媚的女子在诡异地轻舞…… 在那霎间的灿烂中，记忆如那纯黑天穹般褪去了颜色，忘却了一切，以及那眼底的痕迹。 仰起头，望着灿烂如斯的烟花，深遂的瞳仁变得清澈，如晴空般不掺一丝杂质，只映着扬花般的烟火及诡异的烟舞。在故乡这与世隔绝的宁静的小村庄，看着朴素的人们过着宁静的生活，似乎我们也跟着返朴归真，那喧嚣的心也归于宁静。这种宁静的生活，没有城市的红灯绿酒，但却像烟花飞散般，让人沉醉其中，无法自拔。也许在这一刻，心境才真正的宁静，遗忘一切幸运与不幸，逃避一切幸运与不幸，眼中只剩下生命的火焰。 宁静与平淡覆盖了这个村庄，于是，所有的沉痛与悲哀都在这宁静与平淡中遗忘，于是，我们忘却了忧愁、忘却了流泪…… 忘却了尘世，如梦似幻…… 心如止水。 小老鼠把头伸回来，向屋里望望，接着，义无反顾地钻出洞外，融入了苍翠之中。地上满是阳光的斑驳。从此忘却了四季的轮回。 题目（梦回故乡） 6. 我的家乡作文600字 我的家乡 黄昏下，孤零零的身影伫立在城市的天桥中心，看着桥下来来往往的人群和川流不息的车辆，一股浓浓的思乡之情漫上了心头，思念的心情被西下的残阳拉得好长、好远。我曾经是那么厌恶的故乡，是因为它的贫穷，我曾经是那么急切地想离开的故乡，是因为它的落后。而今，我身在这繁华大都市里，数着满街的高楼大厦，心里牵挂的却全是故乡，故乡的一山一水，一草一木。细心回想故乡的山山水水，才发现原来身在故乡的日子里从未曾留意过故乡的一切，故乡的美，故乡的纯，故乡的真，我都视而不见。 归去的落叶将呼唤着对风的依恋堕入尘土，泥土将它的泪水珍藏一地，在矿藏中孕育着新的生机。思念在等待中疯长，故乡的情在等待中蔓延。眼前飘浮着一浪一浪金黄色的波浪，那是麦苗成熟的风韵。低头聆听麦苗在土地里粗重的喘息，听风在庄稼地里窃窃私语，村民们心里充满了欣慰和安谧。儿时和姐姐手拉着手在麦田边打鸟，那是因为害怕烦人的麻雀偷去父母亲劳动的成果。一声鸣叫，小小的麻雀看见我逃之夭夭，我为逃走的麻雀而兴奋地摇晃着姐姐的双手，仿佛自己已成能帮助父母亲或对父母有用的女儿。稚气的小脸充满着胜利和骄傲，惹笑了正要吹过的秋风，安慰了雄赳赳，气昴昴立在地里的麦苗。 故乡的河流，静静地拥有她岁月的安谧，河边上的小林子，安稳地望着对面的小河。白青青的河畔，传来频频蛙鼓的声音，蜻蜓在河中央轻轻飞舞，一脚下去，点醒了正在沉睡的河水。河面上成群结队的野鸭，在河水里欢快地嬉闹。儿时的我早已脱悼穿在脚上的鞋子，进到小河的边沿，等待送上门来的小鱼。小鱼像是在和我做着游戏，明明是在河边上的，可当我伸出手的一霎时，它早已逃到了小河的深处。我看见它在小河的深处偷偷探出圆圆的小脑袋，仿佛在得意洋洋地笑着我，我生气地从岸边捡起一块土疙瘩，用力扔向小鱼的身边，可除了水面上溅起一朵水花，小鱼早就游得无影踪了。我只好无精打采地回到了小河岸边，叹口气，两手空空地回了家。 我思念的故乡，当我凝视窗外迷茫飘渺的雨丝，听着优美、动人的乐曲，我的心被带回了你的身边。曾经触摸到土地的灵魂，我知道，这时的我身处在地球东半部的黄土高坡上。在坡上的空地里，我席地而坐，风从身边吹过，吹走了我身上的尘埃，吹走了我全部的忧伤和欢乐。我开始静静地沉思，心灵便有了一种超俗的意念。身处在原地的时候，没有细心体会，那是因为心早就被轻风吹向远处，可现在回想起来，心灵深处一片的平静。 我思念着的故乡，如果我的心是故乡放飞的一只鸽子，那我温暖的窝一定是你----我的故乡。秋色如水，春光明媚，冬夜里的星空，夏日里的炽热，都是我深深的思念。故乡的一棵树、一片土、一朵云、一团雾、一阵风、一滴雨、都在我的眼前浮现。经过弯曲的小路，来到河边的林子，我捡起了落在地上的一片黄叶。看着这片落叶，我把它顺手藏在了岁月的抽屉里，等待新生的机会。 城市的高楼里藏不住岁月的痕迹，它迟早会走向别处，而我故乡的抽屉里深藏着的那片落叶，就有着岁月滑过的痕迹，它一直藏在我心灵的深处 7. 以“家乡的节日”写一篇作文600字 月是故乡明，节是家乡亲.在家乡，春节是我们最欢乐的节日，腊月三十的守夜，正月的拜年等都像一个个美妙的音符，永远刻画在我的心里.家乡的春节习俗并不复杂，除去那较为简单的仪式外，剩下的时间与空间里，皆是无尽的欢声与笑语.而那早已约定俗成的仪式中，也包含着对先祖的纪念，对生活的美好期盼.土家人重情谊，过年之前，定要按长幼或远近给先祖们上坟，说是给先祖备“钱”买年货，而且祭祖时要按已故长辈的辈分高低来确定先后顺序上坟.上坟时要用标准的三叩首.上坟还只是第一道礼节，待到春节那一天，要在团年饭前摆上一桌“亡席”，还在桌下烧纸钱，说是让先祖们先享用，烧纸钱是给他们的拜年钱.土家人住山区，山上天寒地冻的，所以在守夜时便有了围坐火堆的习俗.但凡是农家人，家里都有一间专烧柴的房子，多用于熏肉和取暖.我们常在祖母家守夜.每逢年关，祖母总是要准备许多木柴，特别是要找出一根大柴来充当守夜时的“火主”.每当守岁之夜来临，夜幕袭来，祖母便会将一堆上好的引火物点燃，那淡黄色的火苗如金子般美丽，偏又是那么的热，让整个屋子里充满了热气.欢声笑语也随之解冻，随着火苗的不断跳跃，一些较细的木柴已经开始燃烧起来，而较粗的也渐渐冒出了青烟.有的木柴未干，则一头冒出了青烟，另一头开始渗出水珠，有一股淡淡的清香味.由于祖母在一旁不断地吹火，一会儿，“火主”便燃了起来，火焰染上了一丝红色，映在祖母脸上，喜气洋洋的，映在我们脸上，也平添了一丝欢乐.农家讲究不生二次火，尤其是点燃后的岁火，更是马虎不得，徜若这“火主”不能一回点燃，那整个春节便没有了喜庆的气氛.“火主”还得燃一夜，徜若中途断了火，那便象征这一家会断了香火，一年都没什么喜庆味儿了.十二点的钟声敲响，千家万户几乎同时打开大门，先迎一阵财神等吉神之后，再将鞭炮点燃，一时间，黑夜变白昼，万千鞭炮如同惊雷般振天撼地，数不尽的烟花在天空诞生，毁灭虽只有一瞬间，却如万千朵仙花，异草般美丽，在天空中争奇斗艳.炮竹响起不过瞬间，结束也不过瞬间，但那新春的祝福，却送进了人们的心里.“爆竹声中一岁除，春风送暖入屠苏.”家乡的春节有着家乡的味道，正如那爆竹声后的春意，久久的回荡在我的心里.。

夜空中繁星点点，看起来是那般的拥挤，实际上彼此间的距离却遥远的惊人。