C++笔记開始 为了好好研究下C++14。顺便复习下曾经的C++知识。搞了个git(不断完好中): https://github.com/rododo/cpp14examples.git 里面会慢慢封装一些经常使用的函数。并做一些測试验证。project是建立在Ubuntu的Eclipse之上,见系 ...
分类:
编程语言 时间:
2017-08-06 18:09:25
阅读次数:
247
本系列将会用vue.js2制作一个移动端的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到。css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等。 初始工作: 通 ...
分类:
移动开发 时间:
2017-08-06 15:07:15
阅读次数:
325
1.当你在compass中编辑xx.scss时,在最顶部加入@charset "utf-8";此时注意这段语句中的utf-8一定要加双引号。 2.在DOM的before,after的伪标识符中的cotent中的文字要换行时可以加入: 在要换行的文字后面加入"\A",再加入white-space: p ...
分类:
其他好文 时间:
2017-08-04 21:31:43
阅读次数:
149
由于苹果电脑的普及,所以Retina 屏幕兼容越来越重要,在普通屏幕上正常的背景,在Retina 屏幕上都会发虚。 首先新建一个scss文件,起名为utils.scss ,在文件中写入下面代码: /* Retina 屏幕兼容 */@mixin ratio(){ @media only screen ...
分类:
其他好文 时间:
2017-08-01 17:48:53
阅读次数:
232
1.什么是Webpack? Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 2.WebPack和Grunt以及Gulp相比有什么特性 ...
分类:
Web程序 时间:
2017-07-31 14:35:34
阅读次数:
165
一、less、sass、stylus 它们是三种类似的样式动态语言,属于css预处理语言,它们有类似css的语法,为css赋予了动态语言的特性、如变量、继承、运算、函数等,这么做是为了css的编写和维护。 它们使用的文件分别是:.less、.scss、.*styl,这些文件是不能再网页上直接使用的, ...
分类:
其他好文 时间:
2017-07-27 20:16:57
阅读次数:
429
scss的语法非常简单: $color: red; div{ color: $color; } 这就是一个简单的scss代码。 但是,使用 Sass 进行开发,那么是不是直接通过“<link>”引用“.scss”或“.sass”文件呢?显然是不行的,因为浏览器只能解析css文件,所以在使用的时候需要 ...
分类:
其他好文 时间:
2017-07-22 00:09:41
阅读次数:
232
vue中布局使用scss,stylus,会使代码变得非常简洁 需要这么做: 步骤1:<style lang="stylus"></style> 步骤2: cnpm install stylus stylus-loader --save ...
分类:
Web程序 时间:
2017-07-20 12:49:23
阅读次数:
330
1. 需要额外安装sass-loader: 我以为vue-cli会安装所有与css相关的loader,然并非,为这个死了很多脑细胞。 2. 修改style标签: 打开src目录下的components目录中的App.vue文件。然后修改 style标签如下: 3. sass 和 scss 的区别: ...
分类:
其他好文 时间:
2017-07-19 22:05:45
阅读次数:
323
阅读目录 1. Sass和SCSS的区别 2. @while循环 3. @at-root 4. @content 5. 凸显注释 6. CSS输出样式 7. 重置浏览器样式 8. Sass调试和@debug命令、@warn命令 9. 使用Sass时的注意事项 相关链接:Sass学习笔记前篇 Sas.... ...
分类:
其他好文 时间:
2017-07-18 22:17:10
阅读次数:
248