开发jquery多页应用,引入sass resources loader后报 查找后发现是由于引入的路径错误造成的, 最开始引入的时候是这样的 由于写的是相对路径,可能解析不了还是什么原因,然后试了下绝对路径 bingo,解决了。 ...
分类:
Web程序 时间:
2019-10-12 13:14:05
阅读次数:
341
1.登录iconFont官网 2.选中需要的icon,添加入库 3.添加至项目 4.添加到自己的项目中,点击更新代码,并复制此代码,并单击下载至本地 5.解压后只复制iconfont.css,放入自己的项目中并正确引入 . 6.我放到styles文件夹中了 7.在index.scss中引入了 . 8 ...
分类:
其他好文 时间:
2019-10-09 15:16:14
阅读次数:
104
一、Scss 1.CSS有几个缺点 语法不够强大,没有变量和合理的样式复用机制 使得逻辑上相关的属性值必须以字面的形式重复输出,难以维护 动态的样式语言为css富裕了动态语言的特性 极大的提高了样式语言的可维护性 常见的样式语言: 1.scss/sass(scss兼容sass,scss更接近css的 ...
分类:
Web程序 时间:
2019-10-04 15:12:24
阅读次数:
118
1.什么是scss的插值? 在Sass中,我们可以通过使用插值的方式来实现在“选择器名”、“属性名”以及“属性值”中插入一个“变量的值”,从而来“构造”一个新的选择器名、新的属性名以及新的属性值。 2.语法: #{变量} 例如:插值用于"选择器名" @for $i from 1 through 3 ...
分类:
Web程序 时间:
2019-10-03 10:42:27
阅读次数:
105
HTML Snippets: 超级实用且初级的 H5代码片段以及提示 . HTMLHint: html代码检测 . HTML CSS Support : 让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索,这个也是必备插件之一 . Auto Close Ta ...
分类:
其他好文 时间:
2019-10-02 10:19:49
阅读次数:
408
div { font: Arial, Helvetica, sans-serif; margin: 20px 40px; border: 1px solid gray; } 6.Map值 在Sass中,还为我们提供了另外一种特殊数据类型:Map值。Map值跟JSON值是非常相似的,数据都是以“键/值 ...
分类:
Web程序 时间:
2019-10-01 16:42:52
阅读次数:
136
Sass为我们提供了一种方便的操作方式:嵌套。在Sass中,共有3种嵌套方式: (1)选择器嵌套; 例如: $color1:red; $color2:green; $color3:blue; body { color:$color1; .column { color:$color2; .conten ...
分类:
Web程序 时间:
2019-10-01 16:19:48
阅读次数:
114
1.使用scss scss是能让css从属关系看起来更加直观 在项目目录下运行安装命令: 然后在项目目录中的webpack.config.js中的rules里加入配置代码: 如果出现报错: sass-loader的版本过高导致的编译错误,当前最高版本是8.x,需要退回到7.3.1运行 2.新建组件 ...
分类:
Web程序 时间:
2019-10-01 09:41:53
阅读次数:
156
1.composer设置国内镜像加速 composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/ 2.composer创建应用 composer create-project laravel/lara ...
分类:
其他好文 时间:
2019-09-24 13:44:14
阅读次数:
67
第一步 安装scss依赖,cnpm i node-sass sass-loader -D 注:sass-loader用来解析scss文件(-D 是 --save-dev 的简写) 第二步: 在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\. ...
分类:
Web程序 时间:
2019-09-17 12:59:43
阅读次数:
154