SCSS入门

简介

SCSS(Sassy CSS )是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。

Sass 和 SCSS 是同一种CSS预处理器,都称之为 Sass,两者之间不同之处有以下两点:

  • 文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名。
  • 语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。

所以推荐使用SCSS。

Git上传失败问题

git推送失败

git push -u origin master 错误提示

vue项目打包优化

在执行build命令期间移除所有的console

安装

vue时间戳转化

函数封装

vuex中的辅助函数

vuex中的辅助函数

vuex提供了辅助函数处理庞大的vuex数据,mapState,mapGetters,mapMutations,mapActions,实际就是把state、getters、mutations、actions整合成一个数组,一次性返回

注意:mapState,mapGetters返回的是属性,所以混入到 computed 中,mapMutations,mapActions返回的是方法,只能混入到methods中

CSS常见布局

左边固定右边自适应布局

Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应

的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了

诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×