背景 从后端正式转入前端已经一年了,这一年当中,学到的东西甚至比以前两年还多。不禁感叹学海无涯,要学的东西实在是太多。人总是健忘的,我希望通过一个记要专栏来记录一下我在前端方向的一些自己觉得重要的东西,以方便往后的知识回…
标签:sass
sass入门初体验
接上文less入门初体验,接下来讲讲sass,sass有两种文件后缀名,一种是.sass,另一种是.scss。前者类似于ruby的语法规则,没有花括号,没有分号,具有严格的缩进;而后者更贴近于css的语法规则,易于阅读,…
2019年3月所遇知识点整理
*注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一, 前端项目性能优化 二, Vuex数据页面刷新丢失问题 三, Vue-Router模式、钩子 四, mini-css-…
前端工程化总结
为何会涌现前端工程化这个观点?当前端营业日趋复杂化和多元化,就会涌现许多题目。比方说:怎样进步开辟效力?怎样保证项目标可维护性?怎样进步项目标开辟质量?多人合作,架构分层,模块设想,解耦,笼统,复用,mock,联调,布置…
在vue-cli中运用scss/less全局变量
起首须要装置插件:sass-resources-loader npm i sass-resources-loader --save-dev scss: 修正vue-cli的build/utils.js,找到scss的加载…
npm和yarn安装node-sass的问题
node-sass npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。这是使用 sass 的同学可能都会遇到…
简朴vue项目脚手架
简朴vue项目脚手架 github地点 运用手艺栈 webpack(^2.6.1) webpack-dev-server(^2.4.5) vue(^2.3.3) vuex(^2.3.1) vue-router(^2.5.…
vue项目中如何引入全局sass/less变量、function、mixin
让我们考虑下场景:当使用rem/vw开发移动端的时候,你定义了一个px转rem的函数,或者是网站配色的全局变量等,然后到工程里为每个vue文件或者组件@import ‘publicfilename.scss’,那得重复做…
关于sass、scss、less的概念性知识汇总
这篇文章主要解答以下几个问题,供前端开发者的新手参考。 1、什么是Sass和Less? 2、为什么要使用CSS预处理器? 3、Sass和Less的比较 4、为什么选择使用Sass而不是Less? 什么是Sass和Less…
编写可维护的CSS
在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 便于维护 保持代码清晰易懂 保持代码的可拓展性 为了实现这一目标,我们要采用诸多方法。 本文档第一部分将探讨语法、格式以及分…
前端基础工作流:sass自动化编辑成css
目前sass提供了观察文件变化,自动将sass文件编译成css的功能。但在有些机子上跟踪编译非常慢。使用不便。如果想更顺手的完成更复杂的编译,就需要使用nodejs,gulp 工具进行处理。 Sass安装 环境ubunt…
CSS自定义变量属性——像less,sass那样在css中使用变量(译)
介绍 通常大型文档或者应用(甚至小规模的文档或应用)会包括大量的CSS。在这些CSS文件中通常会有大量相同的数据;例如,一个网站可能用了一个颜色主题并反复用三到四种颜色贯穿始终。改动这些数据会非常困难并且容易出错,因为它…