什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 Webpack的工作方式是:把你的项目当做一个整体,通过一 ...
分类:
Web程序 时间:
2018-04-08 13:22:31
阅读次数:
261
自定义主题 在我学习element的时候,就直接忽略了。现在返回来学习一下 ,原来 通过自定义主题可以改变elemnt中默认的一些样式。这样,对于一些不想用elment自带但是用到比较多的样式,可以进行修改。 看了很多关于自定义主题的文章,其实都是 差不多的, 我想自己写一遍,加深一下印象,也希望能 ...
分类:
其他好文 时间:
2018-04-07 16:07:57
阅读次数:
2231
在css中为适配浏览器,新特性总加 -webkit,-o, -moz 来适配浏览器,写的烦心,看着也臃肿,让css可读性降低,下面以阴影为例,如何使用scss让我们的css看起来更简洁。 ...
分类:
Web程序 时间:
2018-04-04 23:26:44
阅读次数:
1663
我用的是Koala。 IDE是intellij_idea(其他IDE也可) 2.安装(选好位置,下一步即可) 3.打开Koala,创建项目 ==》创建css文件夹==》创建XXX.scss文件,拖到Koala中 4.写sccs代码,便可自动变成css代码。具体见下一篇:scss牛刀小试:解决css中 ...
分类:
Web程序 时间:
2018-04-04 23:16:55
阅读次数:
372
1.没有sass,只存在与scss 任务 2.可能没有引入(它好像不支持通过package.json来引用) 所以,我们重新引用一次即可 ...
分类:
其他好文 时间:
2018-03-29 02:18:07
阅读次数:
213
通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能 ...
分类:
其他好文 时间:
2018-03-27 12:38:40
阅读次数:
167
1. 在项目中安装 gulp-sass插件来编译Sass npm install gulp-sass --save-dev 2. 在gulpfile.js中编写 3.编写styles.scss 4. 在npm 中输入 gulp sass 5.效果: 在文件中多出来了styles.css sass编译 ...
分类:
其他好文 时间:
2018-03-27 12:37:16
阅读次数:
154
import React from 'react'; import {Form, InputNumber, Input, DatePicker, Button, Select, Icon} from 'antd'; import moment from 'moment'; // 推荐在入口文件全局设... ...
分类:
其他好文 时间:
2018-03-27 12:35:41
阅读次数:
3905
创建: 2018/03/24 完成: 2018/03/24 适用于Sass, Scss。 Less的自己网上搜吧 如何判断是不是Sass/Scss?项目里搜 gem 'sass-rails' ,gem里面有这个就是了 Gemfile里加上 然后安装 1. 把后缀改为scss 2. 在里面加上下面两行 ...
分类:
其他好文 时间:
2018-03-24 15:41:54
阅读次数:
167
例图: 效果图: 这么多图定位,我们该怎么实现呢? 难道一个个定位,计算? 解决方案如下 scss里面的for循环! ...
分类:
其他好文 时间:
2018-03-24 13:30:52
阅读次数:
671