分类 代码如诗 下的文章

近几年web应用的发展可以用疯狂来形容，依靠浏览器的支持以及前端技术和框架的发展，很多应用已经把大量的逻辑从服务器端迁移到了浏览器端，使用前后端分离技术，浏览器端与用户进行交互来完成复杂的逻辑。由于这个发展趋势，Web应用的前端代码的复杂度大大提高，尤其是 JavaScript 和 CSS 代码的数量大幅增加，面对空前庞大的css和js代码量，形成科学的代码组织方法和命名规范迫在眉睫。

- 阅读剩余部分 -

Vue CLI3出了有一段时间了，但是项目上面还是用的Vue CLI2，最近看到小伙伴在研究，于是抽了一个下午加晚上的时间，把vue.config.js这块配置好。项目中用的是Sass，希望是公共的样式提取到一个scss文件中，页面单独的样式就写在vue里面，这样后期维护比较方便。

- 阅读剩余部分 -

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。

- 阅读剩余部分 -

1. node环境

下载：http://nodejs.cn/download/

2. node-sass安装

npm install -g node-sass

3. 启动监听命令

node-sass -w xxx.scss xxx.css --output-style expanded

4. 风格选项

nested：嵌套缩进的css代码，它是默认值

expanded：没有缩进的、扩展的css代码

compact：简洁格式的css代码

compressed：压缩后的css代码
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8