一、首页Header的开发 1.stylus使用 设计图 750 px ,是iphone6 的2倍图设计稿 使用 stylus 方便我们快速的编写 CSS 代码,stylus 是一种CSS预处理语言 npm install stylus --save npm install stylus-loade ...
分类:
移动开发 时间:
2018-05-27 21:40:46
阅读次数:
287
推荐去张鑫旭大神这里详细了解:http://www.zhangxinxu.com/jq/stylus/ 安装 npm install -g stylus 自动编译 $ stylus -w demo.styl -o dist / demo.styl是styl文件,dist是要生成样式的目录文件名,-w ...
分类:
Web程序 时间:
2018-05-27 21:36:17
阅读次数:
1802
已安装stylus-loader、css-loader、style-loaderwebpack已配置: .vue文件使用 编译报错:This dependency was not found:* !!vue-style-loader!css-loader?{"minimize":false,"sou ...
分类:
其他好文 时间:
2018-05-27 14:44:37
阅读次数:
1337
.tab border-1px{red} minxin border-1px(&color) position:relative &::after display:block position:absolute left:0 bottom:0 width:100% border-top:1px so ...
分类:
其他好文 时间:
2018-05-26 19:41:36
阅读次数:
245
Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染)。再直白点说,就是Vue.js原来是开发SPA(单页应用)的,但是随着技术的普及,很多人想用Vue开发多页应用,并在服务端完成渲染。这时候就出现了Nuxt.js这个框架,她简化了SSR的开发难度。还可以直接用命令 ...
分类:
Web程序 时间:
2018-05-22 19:43:49
阅读次数:
215
在项目中导入element以及sass、stylus等方便开发的工具以及UI框架 (1)如何在vue项目中导入elementUI框架 elementUI是饿了么团队开发出来基于vue的前端UI框架,其底层原理和bookstrap相似 安装 npm install element-ui -S 在pac ...
分类:
其他好文 时间:
2018-05-19 13:01:14
阅读次数:
321
一、滚动条基本样式 本次修改Scrollview及ScrollBar滚动条样式是通过纯样式实现的。修改的内容包含滚动条的颜色,上下按钮的隐藏。另外添加了鼠标经过滚动条动画。 style样式如下: 修改之后的滚动条是影响全局的。 样式应用之后的效果如下: 引用示例: ...
前段时间做vue项目,用到了css的提升开发效率的工具stylus,感觉很好用。现在又开始写静态页面了,于是将强大的stylus拿过来继续用。于是就写了这篇使用经验,算是自己总结一下。 stylus的安装 使用前,我们需要在终端里面进行全局安装stylus,这样在项目中可以使用stylus将styl ...
分类:
其他好文 时间:
2018-04-01 10:43:40
阅读次数:
2668
众所周知为兼容所有浏览器,有的CSS属性需要对不同的浏览器加上前缀,然而有时添加一条属性,需要添加3~4条类似的属性只是为了满足浏览器的兼容,这不仅会增加许多的工作量。 What is AutoPrefixer Autoprefixer是一个后处理程序,你可以同Sass,Stylus或LESS等预处 ...
分类:
Web程序 时间:
2018-03-14 17:02:06
阅读次数:
1755
修改 elasticsearch/config/elasticsearch.yml 添加 下载 elasticsearch-head 或者 git clone 到随便一个文件夹 安装nodejs, 安装9.0.0以上版本 node -v npm默认安装 npm -v cd /path/to/elas ...
分类:
其他好文 时间:
2018-03-11 12:06:59
阅读次数:
166