AlanTao

2018年5月4日

摘要：使用淘宝镜像的cnpm 阅读全文

posted @ 2018-05-04 10:53 AlanTao 阅读(139) 评论(0) 推荐(0)

摘要： 1.Stylus是一个CSS预处理器。使用 2.animate.css 动画库使用控制时间快慢, 覆盖animation-duration 3.better-scroll 滚动引用在vue中 4.vue-awesome-swiper轮播图全局使用组件使用 5.vue-lazyload图阅读全文

posted @ 2018-05-04 10:51 AlanTao 阅读(276) 评论(0) 推荐(0)

IE报vuex requires a Promise polyfill in this browser问题解决

摘要：使用Vuex, IE浏览器报错因为使用了 ES6 中用来传递异步消息的的Promise，而IE低版本的浏览器不支持。解决方法第一步：安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法第二步： build/webpack. 阅读全文

posted @ 2018-05-04 10:34 AlanTao 阅读(210) 评论(0) 推荐(0)

2018年4月20日

CSS 让 fontawesome 图标字体变细

摘要：一句 CSS 让 fontawesome 图标字体变细自从 iOS 某个版本发布之后，前端的流行趋势是什么都越来越细…字体越来越细…图标线条也越来越细。而老物 fontawesome 粗壮的线条风格很显然已经跟不上流行的趋势了，不过在现代的浏览器里，倒是有办法让 fontawesome 改头换面，阅读全文

posted @ 2018-04-20 14:58 AlanTao 阅读(2627) 评论(0) 推荐(0)

2018年3月30日

Sass预定义一些常用的样式

摘要：一.编写sass文件时, 目录不能有中文, 如: E:\\CPC手机, 会报错exception while processing events: incompatible character encodings: GBK and UTF-8? 二.检测sass目录三.引入外部的scss、使用变量阅读全文

posted @ 2018-03-30 17:54 AlanTao 阅读(506) 评论(0) 推荐(0)

移动端reset

摘要： /* 参考了 normalize.css 以及借鉴了日常开发中常用到的一些设置，目标是尽可能不对浏览器样式做大的修改，确保在任何环境下都尽量好用。 */ *,*::before,*::after{ box-sizing: border-box;/* 修改默认盒模型 */ -webkit-text-size-adjust: 100%;/* IOS 横屏时默认字体为140%；旋转... 阅读全文

posted @ 2018-03-30 11:34 AlanTao 阅读(568) 评论(0) 推荐(0)

2018年3月29日

选择器优先级的权重计算

摘要：计算过程 1.W3C文档选择器权重的计算。文档指出： A selector’s specificity is calculated for a given element as follows: count the number of ID selectors in the selector (= 阅读全文

posted @ 2018-03-29 18:08 AlanTao 阅读(816) 评论(0) 推荐(1)

关于伪类选择器中一个冒号和两个冒号的区别

摘要：只要兼容现代浏览器如 webkit、firefox、opera等浏览器，对于伪元素采用双冒号的写法，要是非要兼容IE浏览器，用CSS2的单冒号写法比较安全。首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两阅读全文

posted @ 2018-03-29 17:42 AlanTao 阅读(2451) 评论(0) 推荐(0)

画一条0.5px的边

摘要： 1.scale方法 2.线性渐变linear-gradient, 流览器上面都不完美，效果都是虚的，和完美的0.5px还是有差距 3.使用boxshadow 4.使用SVG 二.几种效果原址: https://juejin.im/post/5ab65f40f265da2384408a95 三. 画阅读全文

posted @ 2018-03-29 17:21 AlanTao 阅读(519) 评论(0) 推荐(0)

未知宽高元素怎么上下左右垂直居中

摘要： 1.position+transform 2.flex 3.table-cell 4.absolute+margin 如: 5.浮动方案 absolute + relative 扩展性强，兼容性强; 阅读全文

posted @ 2018-03-29 16:52 AlanTao 阅读(858) 评论(0) 推荐(0)

公告