unclekeith

摘要： 在Vue.js中，每一个vue文件都是一个组件，在.vue文件中可以将模板，脚本，样式写在一起，便于组织整个组件。在使用template，script时，编写css样式时，都进行的特别顺利，唯独当我想用sass来预处理css时，在style下使用lang='sass'一直报错。 在.vue中是这样的 阅读全文

摘要： 导航条对于每一个Web前端攻城狮来说并不陌生，但是毛玻璃可能会相对陌生一些。简单的说，毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题：通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把 阅读全文

摘要： CSS背景图片定位其实对于每一位学习前端的同学来说，都已经非常熟悉了。网上铺天盖地的最常见的一种方案就是在父元素中relative，然后子元素absolute。这种方案当然好，不过带来的一个缺点就是会改变元素的层级关系，如果在多个地方使用，这样的层叠嵌套的关系会十分混乱。 先暂时抛弃那种方案，给大家 阅读全文

摘要： 在我的一篇关于智能搜索框异步加载数据的文章中，有博友给我留言，认为我手写字符串拼接效率过低，容易出错。在经过一段时间的摸索和学习之后，发现现在拼接字符串的方法都不在是自己去书写了，而是使用Javascript引擎。而javascript引擎的实质就是帮我们把带有JavaScript代码的伪THTML 阅读全文

摘要： 如果有朋友对本篇文章的一些知识点不了解的话，可以先阅读此篇文章。在这篇文章中，我大概介绍了一下构建淘宝购物车页面需要的基础知识。 这篇文章主要探讨的是智能搜索框Ajax异步加载数据。jQuery的社区非常的活跃，许多朋友都在不同地方分享了很多优秀的插件。我在相关的网站上找过想实现类似功能的插件，但是 阅读全文

摘要： 最近花了半个月的时间，做了一个淘宝购物车页面的Demo。当然，为了能够更加深入的学习，不仅仅有PC端的固定宽度的布局，还实现了移动端在Media Query为768px以下（也就是实现了ipad，iphone 6 plus，iphone6，S5等）的Flexbox弹性布局。 还要再说的是，pc端和移 阅读全文

摘要： 最近这些天都在弥补css以及css3的基础知识，在打开网页的时候，发现了火狐默认首页上有这样一个东西。 第一个css属性就没有看懂。于是乎，开始各种找资料，各种看书。这些天把对于css3伸缩布局盒（flexbox）模型的理解写成博文，目的是对flexbox做一个简单的介绍。 以下的内容会分为如下小节 阅读全文

摘要： 最近在恶补js知识的时候，总是会因为js强大的语法而感到震撼。因为以前对前端方面的疏忽，导致了一些理解的错误。因此痛改前非，下定决心，不管做什么事情，都要有专研的精神。 在介绍前，抛出一个问题：如何将多个数组合并为一个数组？ 以下的分享会分为如下小节： 1.concat方法的基础介绍 2.从实例中感 阅读全文

摘要： 1.数组实例方法的练习 1.1：reduce() 1.2：map() 1.3：sort() 1.4：slice() 1.5：push() 1.6：实例方法习题 2.数组方法的扩展 1.数组实例方法的练习 首先，我们应该知道数组实例方法有哪些。 上面代码中，使用对象的原生方法getOwnPropert 阅读全文

摘要： 在 Javascript中prototype属性的详解 这篇文章中，详细介绍了构造函数的缺点以及原型（prototype），原型链（prototype chain），构造函数（constructor），instanceof运算符的一些特点。如果对prototype和构造函数不熟悉，可以前往Javas 阅读全文