10 2016 档案

node-sass报错解决方法
摘要：在Vue.js中，每一个vue文件都是一个组件，在.vue文件中可以将模板，脚本，样式写在一起，便于组织整个组件。在使用template，script时，编写css样式时，都进行的特别顺利，唯独当我想用sass来预处理css时，在style下使用lang='sass'一直报错。 在.vue中是这样的 阅读全文
posted @ 2016-10-31 20:19 凯斯keith 阅读(1563) 评论(0) 推荐(0)
使用CSS3制作导航条和毛玻璃效果
摘要：导航条对于每一个Web前端攻城狮来说并不陌生，但是毛玻璃可能会相对陌生一些。简单的说，毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题：通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把 阅读全文
posted @ 2016-10-09 23:54 凯斯keith 阅读(3521) 评论(6) 推荐(17)
CSS常用背景图片定位方法
摘要：CSS背景图片定位其实对于每一位学习前端的同学来说，都已经非常熟悉了。网上铺天盖地的最常见的一种方案就是在父元素中relative，然后子元素absolute。这种方案当然好，不过带来的一个缺点就是会改变元素的层级关系，如果在多个地方使用，这样的层叠嵌套的关系会十分混乱。 先暂时抛弃那种方案，给大家 阅读全文
posted @ 2016-10-08 00:13 凯斯keith 阅读(2491) 评论(1) 推荐(2)
artTemplate模板引擎学习实战
摘要：在我的一篇关于智能搜索框异步加载数据的文章中，有博友给我留言，认为我手写字符串拼接效率过低，容易出错。在经过一段时间的摸索和学习之后，发现现在拼接字符串的方法都不在是自己去书写了，而是使用Javascript引擎。而javascript引擎的实质就是帮我们把带有JavaScript代码的伪THTML 阅读全文
posted @ 2016-10-05 17:07 凯斯keith 阅读(1253) 评论(5) 推荐(0)
淘宝购物车页面 智能搜索框Ajax异步加载数据
摘要：如果有朋友对本篇文章的一些知识点不了解的话，可以先阅读此篇文章。在这篇文章中，我大概介绍了一下构建淘宝购物车页面需要的基础知识。 这篇文章主要探讨的是智能搜索框Ajax异步加载数据。jQuery的社区非常的活跃，许多朋友都在不同地方分享了很多优秀的插件。我在相关的网站上找过想实现类似功能的插件，但是 阅读全文
posted @ 2016-10-04 14:13 凯斯keith 阅读(1741) 评论(5) 推荐(1)
淘宝购物车页面 PC端和移动端实战
摘要：最近花了半个月的时间，做了一个淘宝购物车页面的Demo。当然，为了能够更加深入的学习，不仅仅有PC端的固定宽度的布局，还实现了移动端在Media Query为768px以下（也就是实现了ipad，iphone 6 plus，iphone6，S5等）的Flexbox弹性布局。 还要再说的是，pc端和移 阅读全文
posted @ 2016-10-03 23:20 凯斯keith 阅读(8536) 评论(3) 推荐(4)