前端工程师需要学哪些课程？

如果要在组件中使用，必须导入相应的资源文件。 每个需要用到变量的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 的预处理程序优缺点如下：LESS/SASS优点：开发速度提升；代码优化效率提高（对开发者而言）；代码更通俗易懂（对开发者而言）；维护简单便捷；代码更干净，优美；功能更多更强，CSS做出JS的特效（其实就是JS）；总而言之，LESS/SASS就是CSS里面的jQuery，简化，减少开发时间，提升开发者开发体验。LESS/SASS缺点：舍弃用户体验来提高开发的效率，可以查考Bootstrap的缺点；舍弃网页打开速度换取开发效率提升；需要一个学习的过程，用之不当反而弄巧反拙；总而言之，LESS/SASS缺点就是需要多一个编译器来重新编译一次CSS代码，也就是给浏览器多了一道工序，网页显示的速度会减慢（网页显示顺序，从上至下，一般CSS放在头部，先HTML DOM元素-->CSS-->脚本文件-->页面元素如图片，视频，音频--->最后完全显示）你在CSS工序加了一个步骤，速度自然慢，时间自然多了。

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。

简介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

在日常学习、工作抑或是生活中，大家都不可避免地会接触到作文吧，作文是经过人的思想考虑和语言组织，通过文字来表达一个主题意义的记叙方法。你知道作文怎样写才规范吗？下面是我为大家收集的五年级故乡作文300字10篇，欢迎大家借鉴与参考，希望对大家有所帮助。 五年级故乡作文300字 篇1 每当我想起故乡，第一个浮入脑海的便是瑶琳仙境。那年暑假，我和父母一起回到了故乡，拜访了这个让我终生难忘的地方。 随着阵阵不知来踪去影的地下潺潺溪水声，我步入了这个扑朔迷离的世界---瑶琳仙境。 迈过迎宾门，眼前是一座灿烂的宫殿，三十米高的穹顶上气象万千，让人心旷神怡。 五彩缤纷的钟乳石犹如繁星，嵌在四周的岩壁上，又似彩云飘浮，一伸手，感觉手尖似乎碰到了彩云，但又没有碰的的奇妙感觉让我地爱上了她。 一转眼，我们来到了洞厅的中央，一尾巨大的鲤鱼正从金黄色的瑶池上欢腾跃起，鲤鱼有时触手可及，有时又好像高高在上，真让我们有种妙不可言的感觉。 不一会，我们就来到了洞厅的后半部，一帘淡蓝色的飞瀑呈现在我们的面前。这帘岩溶石瀑有四个成年人那么高，十三米宽，如同冰上雪融，蔚为壮观。我仿佛听见有雷鸣巨响，不绝于耳。 当我参观完这个美丽无比的岩洞，闭上双眼，眼前总是萦绕这那些人间仙境的景象。 瑶琳仙境，那是我家乡的仙境，我怎能不爱她呢？我爱她的奇特无比，爱她的雍容典雅，爱她的端庄秀美，爱她的云淡风轻 啊！故乡的人间仙境！ 五年级故乡作文300字 篇2 不知不觉，我从一个娇气的小学生成为了成熟的工作人员。此时此刻，我那迷人的故乡不知怎样了，是不是和我一样，慢慢地长大着呢？ 时光流逝，现代汽车已经变成了节能的太阳能光速汽车。我坐着太阳能光速汽车，好像太阳光照射在地球上，一忽儿就到了目的地：我的家乡——广西。 不知道是不是很久没来到故乡了，嘴巴有点“打结”了，广西话早就忘光光了。还好还好，我带了“智能博士牌”翻译机，我轻轻松松跟老乡们谈了几句话，终于问到了外婆家住哪了。我又坐着光速汽车轻轻松松来到了一栋豪华的房子前，房子旁边的小溪已经从“黄脸婆”变成了清澈见底的“西施”。道路上的石子也变得整整齐齐的。 外婆家已经变了样，屋顶那寥寥无几的植物已经变成了“苍天大树”。门也变成了自动开关门，还有“指纹辨别器”、“激光防盗网”、“智能辨别监控器”等等，这里都快变成军事基地了，简直比我家还要先进哪！外婆的“小矮房”变成了超级无敌超级无敌超级无敌无敌无敌无敌的别墅了！强！ 刚跨进门前，“智能辨别监控器”就自动辨别我是张淅墨，安全！大门自己“叽叽叽”的打开了，哇…… 五年级故乡作文300字 篇3 二十年后，我从月球，骑着一颗叫水星的"飞行器，回到了故乡—深圳。 真是耳目一新！城市非常干净，没有交通堵塞，也没有噪杂的喇叭声，原来汽车都被变形机器人替代了，它们以灰尘为能源，非常环保。人们还可以自由飞翔，有的人乘机器人，有的人戴上了机械翅膀，它们会自动遵守地面和空中的交通规则就可以，只要说出你要去的地方，它们会自动导航，送你到达目的地。来到小区门口，变化真大，保安都换成了机器人。他们的头部有检测仪，可以查出主人住哪，也可以查出你是否与主人有约，无关人员绝对进不来。电梯早已不见，现在用的是浮空的摩天轮，会自动识别，你在哪个单元哪一层楼，直接送到家门口。还有些人乘着智能筋斗云上下，可有趣了，看的我目瞪口呆。 到了家门口，我发现有一只可爱的小猫，原来它是我们家的智能守护者，可以扫描到来者信息，并传送给主人。进门后，窗帘一下子打开了，空调也自动打开了，弟弟在试穿能自动调温的新衣服，他看到我可开心了，妈妈安排机器人去做我们最爱吃的巧克力蛋糕，咖喱牛肉…… 晚上，我惬意地躺在智能床上，听着优美的音乐，享受着按摩，真是格外舒服。家乡的变化可真大啊！我感慨着进入了梦乡…… 五年级故乡作文300字 篇4 转眼间，自我已经长大成人了。二十年过去了，这天，公司放假，我最后能够回故乡了。 我开着跑车飞快地向家乡跑去，不一会儿，就到了大桥头。转过岔口继续往前走，不知走到了哪里，却被一个栏杆拦住了，左边竖着一块大牌子，上方写着：外来车辆请把车开到左边停车场。我把车停好，自我步行往前走，一路上风景优美：花花绿绿的草装扮着故乡。走到超市门口，一会儿就被一个人跟上了，原先他是超市的导游，专门介绍各种产品，还能够随时买单。我买了一些东西，继续往前走，转眼到了一座居民楼。看着一排排高大的楼房，想到故乡的发展如此地快，我不禁着了迷。忽然听到有人在喊我。我转过头，原先是哥嫂来接我了。我像个孩子似的跑了过去，一下子握住哥哥嫂嫂的手，久久不肯松开。 我们一边走一边说，不知不觉到了一栋小洋楼。哥哥说：到家了。我这才醒过神儿来。要不是哥嫂来接我，我真找不到家了。我们坐在小屋里，谈笑声充满了整个院子。 夜深了，我又要离开了，我真舍不得故乡啊！ 五年级故乡作文300字 篇5 石榴在我眼前，就像一块凹凸不平的彩色石头。黑黑的雀斑中夹杂着几道“皱纹”。它的颜色很奇特，外皮是红黄相间的，有一些地方还有点黑。我摸了摸，虽然这个石榴看起来凹凸不平，可它其实没那么粗糙，还滑溜溜的。 这时，有人说他想把石榴弄开。我想“这石榴一个洞都没有，怎么弄开呀？”周子涵开玩笑似的把石榴劈了一下。这时大家才发现可以把石榴劈开。于是大家都开始劈。我觉得石榴身上一条缝都没有，任你怎么劈肯定都没用。没想到李乐成跑过来，使劲一劈，居然石榴被劈开了。 石榴被剥开了，露出了一层膜，有时是白色的，有的是黄色的。有人说这些石榴籽儿挤在一起，像蜂窝。大家一听，像是炸开了锅，各说各的。我却觉得这石榴像红宝石。 后来我吃了一点石榴，酸溜溜，甜津津的，好吃极了。 五年级故乡作文300字 篇6 时光飞逝。二十年转眼就过去了。望着窗外的白云，数着缓慢的时间，我开始紧张起来。望着窗外的云，我想象着我的家乡变成了什么样子。 当我下飞机时，我闻到了家乡的味道。一排排建筑出现在我眼前。刚才我又上了公共汽车。我一直看着外面的场景，想着任何变化，想着我已经到了我家乡的主要街道。当我下公共汽车时，我咽下了家乡的新鲜空气/[空气/k0空气。公共汽车听不到发动机的轰鸣声，也闻不到刺鼻的尾气。 我左右看了看，一排排强壮的树像守卫一样守卫着我们的家乡。走着走着，我来到了我的家。我看见我父亲在工作。我父亲看见了我，嘴里充满了和谐的微笑。 时光飞逝，一瞬间20多天过去了，我不愿意和爸爸妈妈说再见。我上了飞机，飞回了我的祖国。我不情愿地告别了我的家乡。 五年级故乡作文300字 篇7 暧风吹吹，花香飘飘，啊！醉人的春韵。暖风拂面，慢慢，慢慢卷进乡情，鸟儿呜叫，亲亲，亲亲带首乡愁。这暖风，这鸟语，触动着我的心。闯入我的梦境的，是故乡那一串串回忆。 在高远的山冈上，春笋争先恐后地从泥土里探出头来，贪婪地吸吮着大地母亲的乳汁。山坡原野一片翠绿，草木葱笼，即将插种水稻的水田里，水色与天光相互辉映，满目亮白，杜鹃声声鸣叫，天空烟雨蒙蒙。正如古人云，绿遍山原白满川，子规声里雨如烟。春天便在这悠闲的鸟叫中睁开惺忪的睡眼。 在近处的小山坡上，各种野花，五彩缤纷，芬芬扑鼻让人陶醉于花海。花海的下面大部分多是草。这么多草如一块大绿宝石，闪闪发光，这么多草像一片无边大海，散发春意，这么多草是大地母亲的新衣，换然一新。 在附近有一条小溪，小溪里只见鱼的身影。它们摇尾自在极了，它们时而吐吐小汽泡，时而一起跑步，时而一起欢乐的悠闲地在玩游戏，十分有趣。平静的水面宛如神秘而美丽的仙女面纱。 故乡的春韵是醉人的一道风景，儿时的小溪是回忆的备忘录。儿时我不止一次眺望幽幽蓝天中飞翔的小鸟。故乡，春韵，我爱故乡的春韵！ 五年级故乡作文300字 篇8 岁月如流逝，短暂的二十年就像流水一样过去了。20xx年，我己经有了九年的工作经验了，成为了英国一个软件公司的大老板，同时也成为了世界首富。 双体曰，我决定回到家乡来看一看，于是便坐着私人飞机，外加保工队来到了泉港国际机场。一下飞机，我真的不敢相信自己的眼睛，这里到处车水马龙，川流不息，并且到处都是劳斯莱斯，还有超音速飞船呢！ 快到家里时，只见房子居然是用坚不可摧的金刚石所造，而且外面还有一层防护罩，只有输入密码和指纹验证才可以通过，如果有人硬闯，防护罩便会发射出强大的电流将坏人击飞。 如果坏人硬是通过了，防护罩便会出现一排排激光枪和机关枪攻击他。 而且里面有着一些先进的装备和武器，瞬移衣，访弹衣，机关枪，激光刀和激光炮等一些高极武器。 同时汽车也变了，汽车都变得像林肯一样长，也变得像《变形金刚》里的大黄蜂一样可以变形，更令人惊叹不己的是汽车居然能创造一个奇幻空间，带着你到达你想到达的地方。 家乡的変化多得数不胜数，我也为此感到骄傲自豪。 离开家乡的那天，我依依不舍地望着泉港不离开，可是为了工作我还是离开了家乡，飞回了英国。 五年级故乡作文300字 篇9 是夜。雪下得极大，披在我的身上。我呆呆地站在那儿。身上，黑色的树皮与白色的伤痕交错着。黑与白，岂不是最接近枯萎的颜色！我也将枯萎！ 小时，我也曾是一棵枝繁叶茂的大树。我翠绿的叶，在风中摇曳，曾有多少天真可爱的孩子，爬到我身上，就着晨露吃榆钱儿，边告诉我各种好玩的事，甚至新学了一两篇课文，都会卧在杈上，悠悠然地读给我听……阳光明媚，我的叶儿，颤着，摇曳着，奏着一曲曲乐曲。这样的日子过了十年，我也长大了许多。 有一天，这个地方的‘县委书记"下乡视察，看到我枝繁叶茂的模样，便轻声对旁边说了些什么。我远远地看到微笑地看着我，想是在夸我，我也笑着看他，不曾想，等待我的竟是斧子与锯子。他们将我的根锯下来，装上卡车，运到市里去了，我被移植到一个公园里，在那儿，我水土不服，终于病倒了。他们不明原因，无论如何，我的病还没好，叶儿全黄了，榆钱儿也落了。 他们认为，给我治病是白费工夫。于是，有一天，随着荡着杀气的锯子声，我倒下了，只留一个树墩。树墩上的纹路，条条闪着愤怒的光。 我呆呆地站在雪中，泪水滑落，在一个雪夜。我知道了，回不去的，是故乡。 五年级故乡作文300字 篇10 20xx年，我已是世界级顶尖设计师了，由于工作业务繁忙，已经有好几年没回到家乡了。今天是中秋佳节，正好公司放了两天假，开着我的敞篷小轿车回我日思夜想的家乡去看看。 经过了几个小时的奔波，我总算到兖州了，看到了兖州现在的样子，我不禁眼前一亮。宽敞平坦的柏油马路，在阳光的照射下又黑又亮，路两旁栽着许多品种的树，把兖州点缀得更美了；路上洁净整齐，没有一点垃圾。 到了家门口，我发现那些吐楼房都变成小洋楼了，家乡的变化真大，看到这些变化，我不知道路了。于是，我只好打电话给妈妈，让她来接我。过了一会，妈妈气喘吁吁的跑来了，看到妈妈，我像小孩子一样冲过去抱住她，妈妈也抱着我，久久不愿放手。然后，妈妈拉着我的手往家的方向走，在路上，那些大叔大妈都说：呦，恒恒回来了。我微笑着对她们点点头。不一会儿就到家了，进了门，我喊着：爸，我回来了！这是爸爸从厨房出来，激动地说：回来了好，快坐下，我去给你倬好吃的。 夜幕降临，桌上摆满了我爱吃的菜，我们一家三口坐在一起赏月，吃月饼，那感觉好极了。

银河的造句有：广阔的银河繁星密布。银河，银河之力，他代表的是整个银河系。银河的造句有：即使我是一颗星辰，浩瀚璀璨的银河中也有我的努力。在寂静的星空下，我睁大眼向上看，看着银河散落的无数多的繁星，心中淡淡地幻想深邃的太空。注音是：一ㄣ_ㄏㄜ_。词性是：名词。结构是：银(左右结构)河(左右结构)。拼音是：yínhé。银河的具体解释是什么呢，我们通过以下几个方面为您介绍：一、词语解释【点此查看计划详细内容】银河Yínhé。(1)完整地环绕天球伸展的一条宽而发亮的不规则光带，看起来像一条河，银河只在晴天夜晚可见，它是由无数暗星(恒星)的光引起的。二、引证解释⒈晴天夜晚，天空呈现的银白色的光带。银河由大量恒星构成。古亦称云汉，又名天河、天汉、星河、银汉。引隋江总《内殿赋新诗》：“织女今夕渡银河，当见新秋停玉梭。”唐李白《望庐山瀑布》诗：“飞流直下三千尺，疑是银河落九天。”明孙仁孺《东郭记·钻穴隙》：“到而今可是难依傍，只落得一水银河隔两厢。”杨沫《青春之歌》第一部第二三章：“夏夜，天上缀满了闪闪发光的星星，像细碎的流沙铺成的银河斜躺在青色的天宇上。”⒉道教称眼睛为银河。一本作“银海”。引宋赵崇绚《鸡肋·银河》：“道家以目为银河。”⒊古代一种容量很大的银质饮器。三、国语词典天空联亘如带的星群。四、网络解释银河（夜空中明亮的光带）银河是指横跨星空的一条乳白色亮带，在欧洲古代古希腊称为γαλαξ_α_“乳之路”，在中国古代又称天河、银汉、星河、星汉、云汉。银河在天鹰座与天赤道相交，在北半天球。银河在天球上勾画出一条宽窄不一的带，称为银道带，它的最宽处达30°，最窄处只有4°～5°，平均约20°，这只是银河系中的一部分。银河在中国文化中占有很重要的地位，有著名的中国神话传说故事鹊桥相会。银河只在晴天夜晚可见，是由无数暗星(恒星)的光引起的。银河不是银河系，而是银河系的一部分。银河系包含上千亿颗恒星、总质量大约是太阳质量的6,000亿至30,000亿倍，直径有约10万光年。关于银河的近义词天河星河关于银河的诗词《渡黄河·倒泻银河事有无》《秋日纳凉·艳艳银河冷欲流》《中秋月·风吹玉露洗银河》关于银河的诗句黄河路接银河路银河望不极后声并至银河上关于银河的单词galaxy关于银河的成语银山铁壁银屏金屋屙金溺银银钩虿尾银海生花铁画银钩怀银纡紫关于银河的词语银山铁壁玉兔银蟾银屏金屋玉树银花玉楼银海银钩虿尾铁画银钩怀银纡紫屙金溺银银印青绶点此查看更多关于银河的详细信息

在日常学习、工作或生活中，大家都写过作文吧，写作文是培养人们的观察力、联想力、想象力、思考力和记忆力的重要手段。你写作文时总是无从下笔？下面是我为大家收集的五年级故乡作文7篇，仅供参考，希望能够帮助到大家。 五年级故乡作文 篇1 在一个阳光明媚的早晨，我正拿着茶杯在书房喝茶，那时我已经是一个成功的作家了。我手里拿着报纸，赫然看到一则新闻报道绍兴的“三乌”已被列为文化遗产了。我脑中冒出一个念头：“我何不去家乡看一看？”想到这儿，我跨上窗外的飞行器，来到绍兴。 走下飞行器，我看到的绍兴和童年时的大不一样：一座座建筑物直入云霄，一个个行人笑语欢声，一只只小动物也有了自由，和孩子们一起快乐天下玩耍、嬉戏……我真正地发出了一声内心的感叹：“啊！我可爱的绍兴城，一座自由、和谐、平等、快乐的城市！”我真高兴啊，再一看，那水、那桥、那山，依然留存，这真是一幅连我自己都不敢相信的画卷。而这一切，也勾起我心中无限的童年记忆。 二十年前，我只是个啥也不懂的小孩，对世界上的一切都感到新奇，就像那会跑的房子，还有那方方正正、高高的东西都使我好奇，还有我那无忧无虑的童年，总喜欢各种小昆虫，但无一养活，最终只好扔了。这也是我永远记着的事情。还有一次，我把浮萍当作一片草地，结果踩了上去，结果成了“落汤鸡”……我已忆起小学时代，和同学们嬉戏打闹，还捏橡皮泥，并且捏成各种小动物、食物什么的。我们还用橡皮末来自制橡皮泥呢。总之，一系列的事都浮现在我眼前。 良久，我才从自己的思想中拔了出来，我仔细品味刚才的回忆，觉得童年时的绍兴，是最美好的、最快乐的，也是最怀念的！想着想着，突然有人拍了我一下，我一转身，看到了一个陌生人。好半天，我才记起，她就是我儿时的好伙伴——刘唱。我万分惊讶地问：“你怎么也到这儿来了？”“我来开音乐会啊！”刘唱笑着答。我这才想起，刘唱已成为一个音乐家了。我们俩亲热地交谈起来。这时，我的手表提醒我：“已经下午5时啦。”我一想，时间不早了，该回家了，于是，我和刘唱告别，坐上飞行器，回到了家里。 20年后的故乡变化真大啊，并且，我还意外地收获到三样东西——童年、朋友、快乐！ 五年级故乡作文 篇2 二十年后的我已是一位著名的科学家了。 就在20xx年的一天，我坐着自己发明的时空穿梭机去了远古时代。我来到了一千年前。刚下时空穿梭机，我就看见五阿哥在和小燕子比武。小燕子那他的鞭子甩了出去，五阿哥用敏捷的身手躲过了小燕子的攻击。五阿哥用轻功飞向小燕子，把刀架在了小燕子的脖子上。小燕子输了。 五阿哥看见了我，说： “你穿的衣服怎么和现在不一样，让我给你换上一套宫廷。” “我可以和你做朋友吗?” “当然可以。” 小燕子跑过来说：“你是谁呀?”“我是一千年后的人类。”我说道。 我和五阿哥、小燕子在宫里有说有笑的。在临走前，我送给五阿哥和小燕子一个电话，让他们随时联络我。 回去了之后，我建造了一道时空隧道，可以随时穿梭于古代。 后来，我把五阿哥、小燕子接到了现代，让他们学我们现代的"建筑，学我们现代的文化。 以后，我们从来没有中断过联系。 五年级故乡作文 篇3 21岁时，我离开了家，来到了离株洲很远很远的北京打工。 我的工作一直进行得非常顺利，眼看着自己的钱越来越多，便也像同事一样中彩票碰碰运气。 20xx年，36岁的我知晓了一个意外的消息——我买的一张彩票种奖了，奖品是株洲五日游。虽然不是什么大奖，但还是把我给乐坏了，要知道，由于工作原因，我跟父母只能手机联系，不能面对面的好好说说心里话，现在有这么棒的机会，我岂能错过？ 我飞也似的来到老板的办公室，请求放我五天假，老板死活不肯答应，之所以我在打工后没有回家，是因为他为了公司，不给我们放一天假。但最后还是在我的软磨硬泡之下，答应了我的请求。我在心里念着：株洲，我来啦！ 第二天，我出发了。 阳光撒在车窗上，一切都是那么快乐。望着窗外，小鸟在欢快的歌唱，好像正在为我喝彩呢！看着这一些，我仿佛又回到了童年时代，又听见了妈妈在用甜美的声音唱摇篮曲…… 离株洲越来越近，我的眼中闪着激动的泪花。 “快远离长沙了”司机对我说。 “真的吗？”我兴奋不已。 “株洲城里全都是别墅，简直跟北京一模一样！”刚下车，我便惊叹道，“还不只这样，看！文化园里的水清澈见底，鱼儿成群结队的把头探出水面，好不壮观啊！” 来到家门口，我发现以前的房子也已经拆了，替代的是全新的三层楼别墅。 我怀着紧张的心情按下了音乐门铃，甜美的摇篮曲悠然响起。“谁？”门被推开了，一个老妇人从门里探出头来，“你是……？” 我看了又看，她也看了又看。“妈妈！”在我确定自己不是在做梦后，紧紧的搂住了她，在她还想说什么话时，话已被哭声吞没了…… 五天后，我怀着依依不舍的心情离开了家，临走时，给了她们几张天安门的照片，要她们有时间去北京玩玩玩。 五年级故乡作文 篇4 我的故乡是一个村庄，她就在翔山脚下。那里的天是蔚蓝的，云是洁白的，山是浓绿的，水是清澈的，我非常喜欢待在那里。村庄里有两条主要街道，呈十字交叉，村民们就住在路的两旁，整个村子被郁葱葱的庄稼环绕，显得十分自然、和谐。 村子旁边，有一个池塘，名叫滦池。它的水冬暖夏凉，村民们喝的水及灌溉田园用的水全部来源于它，而它自己会生产水，源源不断。站在池边，你会看到在池底有黄色的沙子在不停地翻滚，不断地有水泡冒出，那就是水的产生地，所以它永远不会干涸，周围的人都很爱护她。如果有小孩偷偷下去游泳，回家都会被大人们狠狠骂一顿。 每年暑假，我都会回到村子里住上一段时间，而奶奶也会把我的表姐、表弟接来一起住，那将是我一年中最快乐的日子。 我每天天不亮就被鸟鸣声吵醒了，想睡都睡不着了。上午，我们抓紧时间写完当天的暑假作业，然后就到离家很近的十字路口玩耍，这一玩，直到午饭奶奶做好了，在奶奶的催促下，我们才依依不舍地回家吃饭。下午，我们经常出去散步，沿着马路，一直会走到火车站才往回返。一路上，有许多的欢声笑语，我们一块唱歌、猜谜语、赛跑……天黑后，马路两旁的路灯亮了，大人们，在吃过晚饭后，会到马路边跳起广场舞，我们也会跟她们一块跳。直到晚上十点左右，我们才会回家睡觉。可是，刚睡下，脑子里会又浮现出白天玩耍的场景，所以我经常在睡下好长时间才能睡着。 忘不了，我们几个小孩在一起捉迷藏、玩扑克牌、下象棋，邻居家、马路边的花草地、滦池旁都留下了我们的足迹！忘不了，我在邻居家的菜园里摘西红柿、摘黄瓜！忘不了，故乡人的热情好客！ 啊！我爱我的故乡！ 五年级故乡作文 篇5 光阴似箭，日月如梭，一眨眼现在已经20xx年，我成为了一名大发明家，正在美国进修。我经常拿旧照片来看，我非常想回到家乡。可惜我在美国很忙，没时间回家乡。 一天，黄锦怡打电话给我：“陈浩，明天早上在大沥通天宾馆301层23号房与同学见面。”一听是与同学聚会，我开心得不得了，因为这是个千载难逢的机会，又能借此回到家乡。第二天，我早早起了床，坐着多功能太能车回到了阔别已久的家乡。家乡还是和20年前一样美，只是多了许多高楼大厦。 一辆奔驰500开到我面前，原来是郑炜莹，她现在是北京清华大学语文系教授。接着是邓启华，迪克阿曼斯马戏团团长，他还带来了一只小猴子，并将它送给我。班长说：“同学们基本上到齐了，只有粱锐伦没有来。”突然，曾宪宏气喘吁吁地跑过来说：“刚才梁锐伦打电话给我，说他在英国参加了长跑比赛，有现场直播，快开电视。”我们把电视打开，看到梁锐伦像一支离弦的箭一样冲向终点，获得了第一名。班长对曾宪宏说：“你现在做什么工作？”曾宪宏说：“现在我当了医生。”班长又问我：“陈浩，你多少年没回家乡了？”“已经20年没回家乡了。”我说。我问孔诗凯：“你现在做什么工作？”“我现在是喜洋洋饮品公司的董事长。”她说。大家你一言我一语，非常热闹…… 啊！现在我们的家乡的科技真发达，环境真美，我永远都不会忘记我的一家乡。 五年级故乡作文 篇6 汽车奔驰着，我伏在窗口，望不尽故乡那素素淡淡的稻田，若不是汽车的吱嗡，或许能听到几声清脆的鸟啼。 哟，这不是我小时候光着脚丫在溪边戏水的小桥吗?小时候的痕迹清晰可见。用小刀刻上的几个歪歪扭扭的小字;打闹时割断的绳索。啊!我蓦地记起儿时唱给小桥的歌，哦!亲爱的桥小学生作文，我梦中的桥! 看，这不是我我儿时挥汗淋漓的篮球场吗?想当年，我叱咤风云，在江湖上无人不知无人不晓。我带领的球队是打遍天下无敌手，不知当年的队友是否还记得我这个“灌篮高手”? 故乡啊!你还记得么?我与儿时的玩伴，在稻田里放风筝。风筝挣脱了线，飞走了。我们也累了，躺在垄沟里，望着瓦蓝的天空，吮着大地的乳汁，吸着庄稼成熟的芬芳…… 故乡啊!你那烫金的封面，彩色的绘图，曾给我带来多少乐趣、多少欢欣那! 五年级故乡作文 篇7 “弯弯的小河，青青的山岗。依偎着美丽的小村庄……”这悠扬的歌时常把我带回那已离别20年的故乡——驻马店。 当燕子归来的时候温柔的春风轻轻的抚摸着美丽的小山岗。这时大山上的小花开了，小草也绿了。我便上山去采野花儿，红红的是映山红，雪白的是百合花，不一会儿就采满了一篮子。可美可香啦！ 烈日当头，我光着小脚丫，到河边捉小鱼小虾。”我用两条小草鱼，换你一条小鲤鱼。””不行，不行，要三条。”我们有时为了换自己喜欢的鱼争得面红耳赤，但过了一会儿就和好如初了。 当金色的银杏树映在小溪中时，我们便背着小篓，戴着帽子，拿着竹篙到山上去采板栗。明明爬树本领最强，在树上用竹篙打我们弓着腰在地上捡，不到一顿饭的功夫就捡了满满一篓。 当雪花满天飞舞时，那鹅毛似的雪花飘飘悠悠的落在手里。房顶上地上全是白茫茫的一片，好像大地都穿上了白色的大棉袄。 驻马店—那一个又一个美好的充满诗情画意的春夏秋冬，那是我绚烂多彩的故乡。

星群密布的简单造句:小明仰望星空，感叹道，星群密布的宇宙，真是令人心驰向往。

那些还飘着的味道是我梦中还在回味的泥草，是我儿时抓到的鸟叫，是我在懵懵懂懂的心跳，是我稚嫩的神情里还未褪去的故乡味道。你是我魂牵梦萦的那个人，无数次在我小小的漂泊的心里出现，刺激我那孤单的心，让我再一次回想你的美貌。妈妈说走到哪里故乡都是根，生我养我的那些人，陪我玩耍的那些人，都是我一生抹不掉的爱。在外面的日子久了，我习惯了安静时候想想家乡，那一草一木，一花一语，什么都那么清晰，只是很久没有家乡的消息，我不知道，现在的家乡是怎样的面貌？故乡的那个小池塘，是我儿时喜欢的游乐场，夏天的水干涸了，只剩那小小的一滩，我便挽起裤腿下到水里摸鱼，即使摸不到也会开心一天，因为还有很多的玩伴陪着我，如今长大了，在异乡的我怎么也找不到那时的感觉。家乡最美是妈妈的味道，小时候妈妈做的菜我总喜欢挑剔，这不好吃那不好吃，而现在每到过节我都特别思念妈妈的味道，妈妈还会为我准备一桌丰盛的菜，想着便不自觉流下口水。思念故乡，是故乡的味道，思念故乡，是故乡的人。

1、浩瀚的宇宙隐藏着无数的秘密。2、探索宇宙一直是人类的梦想。

描写故乡的初中作文600字5篇 故乡，一个熟悉而又疏远的名字。它常常是一个思念或一个眷恋。故乡的一草一木，故乡的人们，故乡的天空……下面是我给大家整理的描写故乡的初中作文600字，希望大家喜欢！ 描写故乡的初中作文600字（篇1） 我的家乡是一个被绿树环绕的小县城，十几年前，这里是一片荒滩，在这几年里变成了一个环境优美、空气清新、鸟语花香的地方。说起家乡的变化，这十几年来可谓是天翻地覆。 十几年前，人们行驶的道路都是崎岖的羊肠小道，只要一刮风，一下雨，羊肠小道就更加难走了。而现在，羊肠小道，大街小巷都变成了宽阔的大马路，各种汽车都急匆匆的来又急匆匆的去。十几年前，我的家乡根本没有什么高楼大厦，那时人们住的都是清一色的平房，放眼望去一排排参差不齐的土房、砖房，有的墙上裂开了缝，有的房屋漏风漏雨。而现面，一座座高楼大厦破土而出，一座座平房消夫在高楼大厦中，那些高楼大厦上都安了亮晶晶的玻璃，漆上了各色的油漆，贴上了各种各样的的瓷砖。在这片小小的土地上，高楼都成了林，大厦都成了森。那时候人们吃的都是一些粗粮，一年到头吃不上几回肉，而现在，每天餐桌上就布满了鲜珍海味。那时候人们穿的都是粗布衣裳，穿破了只是打个补丁，直到补的层层叠叠，不能穿了为止，这正好验证了一名谚语：“新三年，旧三年，缝缝补补又三年”。 人们常说的一句话是：“千层纱，万层纱、抵不过四两破棉花”，而现在人们穿的都很时尚，只穿两三天，就不穿了，又买新的衣服。那时候的人都很朴实，大部分人都是靠天吃饭，如果收成好，就能生活得好。 现在大部分人都有固定单位。人们看的电视都变成液晶的了，什么电脑、小轿车都成了人们生活中，必备的家用电器、交通工具。那时候的人听说谁家是万元户，就高兴的了不得，旁人也十分羡慕，现在每个家庭就算是有几十刀元也是很普通的。这十几年我家乡的变化快吧！因为在我的家乡中有辛勤的人们，是他们用勤劳的双手创造出这美好的家园！ 描写故乡的初中作文600字（篇2） 故乡的路，是出家门就能踏上的那条泥泞小路。 路面很窄很窄，只足以一个人行走。美丽的故乡作文550字美丽的故乡作文550字。春天，有路旁的野花争奇斗艳地开着，没有牡丹的高贵，也没有玫瑰的耀眼，就象我们乡下人一样。夏天到了，小路上的淤泥被太阳灸烤得形态各异，用手摸索摸，硬硬的热热的，夏天过去，秋天又来了，带着秋高气爽的风和丰收的喜悦，路边的小花不停地摆动那柔软的身枝，它们是不是在偷着乐呢?人们背着或提着，满载而归，从小路上走过，谈笑风生，不知不觉冬天将临了，小路上铺上了一层皑皑白雪，邻家小小朋友从路上走过，“哎呀”不小心滑到了索性坐在路旁。原来滑倒的感觉也如此美好，顺便仰望一下天空，他爬起来，笑了笑，继续往前走。 小时候，家人总背着我踏着这条泥泞的小路去我爱去的地方，长大一点，我又踏着这条路去学校，风雨无阻，后来我问爸爸为什么不将这条小路拓宽，爸爸转过身望着窗外，“这是一个过程，再往前走就是光明大道了”。当时只是似懂非懂。 天空打雷了，闪电了，然后下雨了。雨滴在路旁的小草上，小草洗耳恭听地彻底洗了个澡;天晴了，路干了，路旁的小草还滴着水，一滴、两滴……每滴都晶莹透亮，熠熠生辉。 长大后，突然明白爸爸的话，一帆风顺谁都想要，但没有波折，没有遗憾就不是真正的人生，正如小路。人只有在小路中不断跌倒，然后爬起来带着一路走来的成功和与喜悦前进，未来的路才会更宽广，也才可能走向更大的路，一路走来，不要因为路边的风暴驻足不前，人生的路好比故乡的路，不需要太多绚丽的多彩的词澡去勾勒。用适合自己的角色诠释自己人的生活，走自己人的路! 现在，走在这条小路上便觉得温馨，亲切。 描写故乡的初中作文600字（篇3） 一条清澈见底的小溪，终年潺潺地环绕着村庄。溪的两边，种着几棵垂柳，那长长的柳枝，随风飘动着。婀娜的舞姿，是那么美，那么自然。有两三枝特别长的，垂在水面上，画着粼粼的波纹。当水鸟站在它的腰上歌唱时，流水也唱和着，发出悦耳的声音。 天旱的时候，这条小溪就会干涸。村民平时靠它来灌溉田园，清洗衣物，点缀风景。有时，它只有细细的流泉，从石头缝里穿过。我和一群六七岁的小朋友，最喜欢扒开石头，寻找小鱼、小虾、小螃蟹。我们并不是捉来吃，而是养在玻璃瓶里玩儿。 一条小小的木桥，横跨在溪上。我喜欢过桥，更高兴把采来的野花丢在桥下，让流水把它们送到远方。 我的家离小桥很近，走路五六分钟就到了。沿着溪岸向东行，还有一座长石桥，那是通到茶山去的。我曾经随着采茶女上山采过茶叶，我喜欢欣赏茶树下面紫色的野花和黄色的野菌。至今一看到茶树，脑海里立刻会浮现出当时的情景来。 我爱我的老家，那是我出生的地方。我家只有几间矮小的平房，我出生的那间卧室，光线很暗，地面潮湿，但我非常爱它。父亲的书房就在前面，我可以天天去玩。那是一座空气流通、阳光充足、有东南两面大窗的漂亮房子。清晨，可以看到太阳从后山上的树丛里钻出来。夏天，凉爽的清风从南窗里吹进来，太舒服了!更美的是，我由东窗可以望到那条小溪和小桥，还有那几株依依多情的杨柳。 故乡所有的居民都姓谢。村庄有大有小，大的有五六十户人家，小的只有三四家。大家过着“日出而作”“日入而息”“守望相助”的太平生活。那段日子，深深地印在我的脑海中。那些美好的印象，我一辈子也不会忘记。 描写故乡的初中作文600字（篇4） 俗话说，金窝银窝不如自己的穷窝。我的家乡虽没有城市的繁华和富裕，但这几年也发生了翻天覆地的变化。我的家乡座落在东山镇高家村。高家村是我们东山镇的经济、文化中心。 随着祖国的不断发展，繁荣昌盛，每当我在电视上看到祖国一条条高速公路好像蜘蛛网一样密布城市和其他乡村时，总渴望我的家乡也能有高速公路。好像做梦一样，今天我的家乡一条弯弯曲曲的高速公路和柏油马路终于伸向遥远的城市和家乡的村村寨寨。如今，每天一辆辆大大小小、各式各样的汽车在公路上川流不息，疾驰行驶，增添了我的家乡一道亮丽的风景，人们的生活越来越富裕、幸福，日子越来越红火。 我的家乡有一个一千多亩面积的集贸市场。这里一座座高楼正拔地而起，有宽敞的街道，街道两旁一排排造型独特、错落有致的商店挂着各式各样的漂亮招牌，商店内摆放着琳琅满目的商品。平日，集贸市场的人熙熙攘攘。到了赶集天，从清晨到傍晚，人山人海，人潮涌动，从每个人微笑的脸上足以表现出人们幸福满足的心情。白天，集贸市场的人络绎不绝，人声鼎沸。夜幕降临后都亮起五光十色的霓虹灯，把集贸市场装扮得漂亮极了。这时，有购物的，有散步的，有闲聊的，有吃宵夜的，还有卡拉OK厅传来动听的歌声打破了晚年夜晚的宁静。 我的家乡有丰富的煤炭资源。丰富的煤炭资源为家乡人民的致富创造了得天独厚的条件，为东山经济腾飞作出了重大贡献。 我的家乡不但有丰富的矿产资源，而且在我的记忆中变化真是迅速，这都是党的政策好，党员干部带着家乡人们走上了富裕的小康大道。我爱我的家乡，更爱我的祖国。 描写故乡的初中作文600字（篇5） 我生活在恩施的高坪镇上，是这片美丽、可爱的故土养育了我。在这儿没有外界的打扰，有的只是一片宁静;在这儿没有热闹的闹市，有的只是人们赶旭日东升的节奏;在这儿没有流光溢彩的街灯，有的只是闪耀的星空夜晚;在这儿没有高耸的大厦，有的只是瓦底平房。但我爱这里，因为这里没有人心的险恶，只看得见每个人真实的笑容;没有人心的冷落，只看得见每个人真诚的面容。 在这儿，我快乐的成长，我自由的生长。没有顾虑、没有烦恼，在这里尽情地欢笑。 在这儿，山不是很巍峨，但是很秀丽，这里的人不是很多，甚至可以说是熙熙攘攘。可我喜欢这里，喜欢这里的乡间小路，喜欢这里宽阔的草地。喜欢这里桃花的笑颜，喜欢这里的绿树成荫;喜欢秋蝉的低声吟唱，喜欢这里的白雪飘飘。对这总是有一份深深的、浓浓的、扯不断的情感。 这里的每一个人总是那么真诚，那么和谐，那么可亲。他们看着我一步步成长，看着我一步步走向成熟。正因为有了他们，才造就了我。 每天，嗅着新鲜的空气，听着鸟儿歌唱;体会着大自然的美丽。我可以在这儿尽情玩耍，尽情欢笑，尽情的奔跑。 我在这儿度过12个春、夏、秋、冬，记忆中的故乡总是如此清晰。这里的一山一水、一草一木是每个恩施人的向往，这里蔚蓝的天空看过每一个恩施人的笑脸，这里的田野留下过每一个恩施人的脚印。恩施是每一个恩施人的牵挂，她系着每一个恩施人的心! 我爱自己，尤爱故土!

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