商品detail表
包含了商品的id,和扩展字段
商品属性表
属性是可以动态扩展的，问题：属性是搜索条件 问:请展示出 材质为塑料 防水为YES，颜色为绿色的商品详细信息，按照sort_filed排序
sql编写:
SELECT gd.goods_id, gd.sort_filed FROM ( SELECT goods_id FROM `goods_attr` WHERE ( attr_name = '材质' AND attr_value = '塑料' ) OR ( attr_name = '颜色' AND attr_value = '绿色' ) OR ( attr_name = '防水' AND attr_value = 'YES' ) GROUP BY goods_id HAVING COUNT( goods_id ) = 3 ) attr LEFT JOIN goods_detail gd ON attr.goods_id = gd.goods_id ORDER BY gd.sort_filed
继续优化将attr_name 和attr_value设置索引
前后端渲染，懒加载
组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。
原因其实不用多说，就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题。
onBackPressed()提供的功能有限，它这是在退出之前通知onBackPressed()方法，并不能改变用户原来的行为 利用onKeyDown方法，就可以实现
在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 requestAnimationFrame，顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理，我们首先需要了解一下与之相关的几个概念：
JavaScript利用正则表达式过滤特殊字符，关键之处是正则表达式的正确性和完整性，保证常见特殊字符都可以过滤掉。 但是，这个正则表达式有一个弊端，不能过滤掉“\”特殊字符。
移动端h5的三大抽奖方式：转盘，老虎机，翻纸牌。 前两样demo比较多，用户也审美疲劳了。这次微信公众号要抽奖，于是调研了下翻纸牌。
pixi.js学习资源
tweenjs 是使用 JavaScript 中的一个简单的补间动画库，支持数字、对象的属性和 CSS 样式属性的赋值。 tweenjs 以平滑的方式修改元素的属性值，需要传递给 tween 要修改的值、动画结束时的最终值和动画花费时间（duration），之后 tween 引擎就可以计算从开始动画点到结束动画点之间值，从而产生平滑的动画效果。
createjs中包含以下四个部分： EaselJS：用于 Sprites、动画、向量和位图的绘制，创建 HTML5 Canvas 上的交互体验（包含多点触控） TweenJS：用于做动画效果 SoundJS：音频播放引擎 PreloadJS：网站资源预加载