为什么会出现前端工程化这个概念?当前端业务日益复杂化和多元化,就会出现许多问题。比如说:如何提高开发效率?如何保证项目的可维护性?如何提高项目的开发质量?多人合作,架构分层,模块设计,解耦,抽象,复用,mock,联调,部…
分类:sass
Vue全家桶+Mint-Ui打造高仿QQMusic,搭配详细说明
Vue-QQMusic 简介: 最近有点小闲置,于是乎希望写点东西,正好自己喜欢听歌,便决定自己写一个QQ音乐的简易版。顺便进一步加深下自己对移动端的知识。我会在每个核心组件和部分都加下注解大致说明原理,争取提供一个良好…
在Vue中使用Compass
2018.4.12 重装系统后发现run dev后各种错,发现是因为没有安装Python环境,嘿哈(貌似还是要求python2.7呢) 写作动机 前端小白,Vue自学Sass自学,Compass甚至刚看到。技术不精,文章…
CSS3 巧妙实现聊天气泡
前一阵子敢玩的 Mobile 页改版完成了,就之前的页面风格更加扁平化,从暗色系为主背景转到亮色背景,去掉更多的阴影,给用户简约的体验风格,哈哈我不是设计师不过多评价啦。感兴趣的朋友可以直接去 idarex移动端主页。 …
使用list-maps将你的Sass技术水平提高到另一层次
Sass3.3版本的出来,你应该开始使用Sass的map功能。 多年以来,变量一直是Sass的核心功能。我们使用它越来越让人疲惫,你不乏看到这样写Sass: //创建一个核心的颜色 $bravo_gray: #333; …
编写可维护的CSS
在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 便于维护 保持代码清晰易懂 保持代码的可拓展性 为了实现这一目标,我们要采用诸多方法。 本文档第一部分将探讨语法、格式以及分…
sass学习笔记--混合宏
什么时候使用混合宏 如果你的整个网站中有几处小样式类似,比如颜色,字体等,在 Sass 可以使用变量来统一处理,那么这种选择还是不错的。但当你的样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目了。这…
搭建移动端布局框架:整合flex
0x001 概述 flex在移pc端的兼容并不是很好,但是在移动端的支持却是很好,而且 flex布局对移动端布局来说简直就是福音.但是没有经过整和处理,用 flex布局也算是艰难,所以打算搭建一套基于 flex的移动端布…
Sass & Compass 初步使用
一、需安装的东西 ruby(mac自带) gem(sources可能被墙) sass compass 查看安装情况: ruby -v gem -v sass -v compass -v 查看 gem 的 sources:…
sass入门初体验
接上文less入门初体验,接下来讲讲sass,sass有两种文件后缀名,一种是.sass,另一种是.scss。前者类似于ruby的语法规则,没有花括号,没有分号,具有严格的缩进;而后者更贴近于css的语法规则,易于阅读,…
【windows】Idea+ruby+Gem+Scss搭建css开发环境
1.先安装最新版的ruby: 传送门:http://rubyinstaller.org/downloads/ 安装的时候,一定要允许写入环境变量(add to Path) 需要安装对应的安装包(64位或者32位) 2.安…
移动端rem自适应布局(切图)
1.文章很久没更新,里面的东西可能并不适用现在的大环境,配套代码太老旧也只是个参考,不要直接用到生产上。 2.用vw做自适应单位也是一种流行的做法 简介:本篇适用于初次使用rem为单位切图而无从下手的童鞋。核心是根据屏幕…