为了账号安全,请及时绑定邮箱和手机立即绑定

Sass/Less

vue项目中配置less来编辑样式

最近在学习vue,在写组件style样式的时候,感觉css略显繁琐,所有就想引入less模块。 刚开始只在webpack里面配置了less-loader,发现并不管用,项目启动的时候发现并不能识别less是个什么东西。 思考了一翻,试着配置less模块,发现有用了。 由于在网上搜索并不能搜索到准确详细的相关内容,于是决定写个手记。 具体步骤如下: 1、打开项目中的package.json,在dev...

273浏览 2推荐 1评论

Vue.js音乐播放器2.0升级版 原创

Vue.js音乐播放器2.0升级版 之前初学Vue做了一个音乐播放器,受到不少人的喜欢。现在升级版来了!功能更强,技术栈更多。 源代码 源代码地址: GitHub 欢迎大家star和follow 预览 在线预览 在线预览地址: Vue音乐播放器 预览图 更多预览图请看 更多 技术栈 Vue2:采用最新Vue2的语法 Vuex:实现不同组件之间的状态共享 vue-router:单页应用路由管理必备 ...

766浏览 7推荐 1评论

Vue.js打造一个开源的CNode社区 原创

Vue.js打造一个开源的CNode社区 Vue.js打造一个开源的CNode社区,实现了浏览、发帖、收藏、回复、点赞、个人中心等等功能。 源代码 源代码地址: https://github.com/microzz/vue-cnode 欢迎大家star和fork 预览 在线预览地址: https://microzz.com/vue-cnode/ 技术栈 Vue2.0:前端页面展示。 Vuex:Vu...

478浏览 2推荐 0评论

十分钟看懂sass--sass学习笔记 原创

不知道有谁想我一样,在没接触css之前是一行一行手敲样式,要改一个组件就一点一点的手动去改,直到接触了sass才知道原来写css不用那么死板,你可以设变量,还可以用函数,还可以声明混合,爽呆! 整理了一下sass的只是脉络,希望对学习sass的伙伴能有帮助;...

369浏览 4推荐 0评论

Less即学即用学习总结

1、Sublime Text3安装less 使用DreamWeaver可以直接创建less文件进行编辑,考虑到软件的启动速度和简洁性,此处用sublime进行less文件的文本编辑。为了使得less文件有语法高亮的美观效果,并能够顺利编译成CSS文件,首先需要从sublime上安装less和less2css包。 使用快捷键ctrl-shift-p,打开package control,选中insta...

491浏览 9推荐 0评论

Sass学习与实践心得体会

去年年底学过Sass之后基本就一直在实际工作中用Sass写CSS代码,感觉很方便代码的组织,对CSS的模块化也很有帮助。和Sass类似的还有Less,我也简单了解了一下,发现两者的核心语法有很多相似的地方,学过一种之后另一种也能很快上手。 Sass的学习和使用都并不难,基本上一天就能掌握,所以这篇手记不完全是从零开始的介绍,主要想记录一下自己学习中觉得比较重要需要理解的地方以及遇到的一些坑。 Sa...

494浏览 5推荐 1评论

sass基础语法总结分析 原创

语法 文件后缀名 sass:不使用{}及; scss:同css,首选 导入@import 导入css和css用法一样不再编译,导入scss会合并编译 注释标准注释/**/,编译到css;单行注释//不编译 变量 $开头紧跟变量名,变量名值以:分隔,!表示默认值 ` $fontSize: 12px; body{ font-size:$fontSize; } $baseLineHeight: 2; $...

466浏览 1推荐 0评论

一些sass下的@mixin自定义样式 原创

常用reset的一些基础样式建议跟reset放到一起引用,加上Sass下@mixin的一些基础样式,这样就可以减少时间写浏览器兼容前缀(vendor prefix)代码,自定义定制了常用的一些样式,小三角形,按钮,单行与多行的省略,背景,伸缩盒等,不使用@include引用不会进行编译的。 1,比如在某个标签想弄个红色向上的三角形 可以 .div{@include triangle(bottom,...

241浏览 1推荐 0评论

关于sass的个人总结。 原创

1.变量一般以$开头 $blue:#1875e7; div{ color:$blue; } 变量嵌套在字符串中,需要写在#{}中 $directive:left; .warpper{ border-#{$directive}-radius: 5px; } 2.计算功能 $var =0.1; body{ margin: (14px / 2); top: 50px + 10px; right: $va...

565浏览 3推荐 0评论

grunt如何自动编译scss文件(sass+compass+grun 原创

grunt自动编译scss文件,压缩图片,js。 首先按照如下结构来创建目录。 创建目录 statics |------monkey |------__src |------|------css sass源码文件 |------|------image 图片源文件夹 |------|------js 脚本源码文件 |------css 项目引用文件地址,里面为压缩文件 |------js 生成压缩...

942浏览 2推荐 0评论

前端MVVM架构——avalon2初体验

最近因项目进展需求对现有项目进行重构,由于目前项目还未实现真正意义上的前后端分离(后续会循序重构实现),在时间紧产品循序迭代的情况下,想一次性实现前后端分离精力实在有限(主要是前端开发人力不足)。所有决定先将影响项目开发进度和影响团队开发的一些历史遗留问题进行改造(包括模块发、配置化、前端渲染引擎等问题的改造)。 模块发、配置化的改造此处省略,需要的同学请自行补脑,目前流行的模块化思想的产物有re...

1201浏览 9推荐 0评论

Less初次学习笔记(一)

新建.less文件 输入@charset"utf-8"; body{ background-color:red; } 注释: /会被编译/ //不会被编译 定义变量语法:@变量名:值 @text_width:100px; .box_01{ width:(@text_width+2)*5; //变量可以进行运算 color:#ccc-10; } 混合 box{ width:@te...

492浏览 4推荐 0评论

Firebase笔记(一)——初探Firebas

Firebase是什么? 做移动应用开发,基本离不开应用程序的前端开发和服务器数据的后台处理,尴尬的是移动应用开发者不一定都懂后端开发,这在一定程度上加大了开发移动应用程序的困难。不过近几年出了一款新型的服务,叫BaaS(Backend as a Service,后端服务系统),是BaaS公司为移动开发者整合的云后端服务。也就是说,通过在云端的操作就可以处理一些简单的后端数据处理。BaaS供应商提...

2612浏览 5推荐 1评论

CSS:7个你可能不认识的单位

众所周知,当使用CSS技术的时候,很容被一些奇异问题给困住。而当我们面对新的问题时,这会让我们处于非常不利的位置。 但是,伴随着Web的发展,新的解决方案也在慢慢成熟。因此,作为一个Web设计和前端开发人员,除了对我们使用的工具或属性非常了解并能熟练运用,已经别无选择了。 这也意味着,对于那些特别的工具或属性,即使平常很少使用,但是当需要的时候,我们也能很好的把它运用到工作中。 今天,我就介绍一些...

2766浏览 48推荐 4评论

sass(windows版)安装及使用(及Ruby之gem)

一、安装Ruby 1、Ruby下载地址 http://rubyinstaller.org/downloads 安装过程中,注意:目录选择时,请勾选“添加到系统变量”,Add Ruby executables to your PATH,或安装完成后手动添加至系统变量设置中。 2、成功安装后,运行系统CMD命令 查看ruby版本号,如果安装成功则会显示其版本号 ruby -v ...

425浏览 0推荐 0评论
首页上一页12下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信