前言使用nuxt.js做项目也接近快一年了，从立项到内测、公测、再到正式上线，还有后面的不断维护，也陆陆续续的踩了很多坑，其中最大的问题就是node的渲染性能问题了。模板转换是cpu密集型的操作，node又是单线程的，并发一高，cpu就会飙到100%。为了提

测试item.iconitem.textexportdefaultdata()returnsearch:"",sortBy:'361',itemSortBy:GoodMai

!(https://oscimg.oschina.net/oscnet/d0140463d211428dbcf6d2b7d8585e3ced5.png)1<!DOCTYPEhtml2<htmllang"en"3<head4<metacharset"UTF8"

文件位置：!输入图片说明(https://static.oschina.net/uploads/img/201711/27171542_g7Yr.png"在这里输入图片标题")login.html<!DOCTYPEhtml<htmllang"en"<head<metacharset

!(https://oscimg.oschina.net/oscnet/5e0568a314054f2d995c1562bda18f70.png)策略模式（StrategyPattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。

今天突然要做一个竖直滚动老虎机，可以设置中奖位置，以及中奖回调，然后再带点常规的滚动动画，还是有点意思，和之前的转盘抽奖有点类似，有兴趣可以看下。简单分析下UI，ui的话，就简单点，三个列表从下往上滚动，搞个框罩住css的活，应该简单。动画，老规矩，我们采用之前的方案，动态设置css，可以搞定。设置中奖位置，我们可以想传递

<sectionid"nice"datatool"mdnice编辑器"datawebsite"https://www.mdnice.com"style"padding:010px;wordspacing:0px;wordwrap:breakword;textalign:left;fontfamily:Opti

一、从历史说起Web是WorldWideWeb的简称，中文译为万维网我们可以将它规划成如下的几个时代来进行理解石

更多文章(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fgithub.com%2Fwoai3c%2FFrontendarticles)

摆脱了书写声明式的代码，用起来很流畅，提升不少效率，封装可复用逻辑，将UI和逻辑分离，提高复用性，view层代码展示更清晰，少去了很多配置，使用起来更便捷