JavaScript设计模式之策略模式
策略模式:定义了一系列家族算法,并对每一种算法单独封装起来,让算法之间可以相互替换,独立于使用算法的客户。通俗的讲就是根据不同的参数可以定义不同的策略。
策略模式是JavaScript中比较经典的模式之一, 可以减少大量的if语句,可复用程度高
如下面的例子:
1 | //清除字符空格 |
策略模式是JavaScript中比较经典的模式之一, 可以减少大量的if语句,可复用程度高
如下面的例子:
1 | //清除字符空格 |
1 | <view class="good-nav"> |
1)在父组件设置对应的属性和方法;
2)将父组件的属性,方法设置在子组件的标签属性上;
3)子组件中利用this.props来调用父组件的成员;
1 | //父组件: |
webpack大而全,和静态资源相关的所有它都能干涉,当然,还能启动server;webpack主要以loaders和plugins处理各种静态资源;
在React里会用到JSX、ES6、js,我统一将文件后缀使用.js,便于babel的配置:
npm install –save babel-loader
1 | { |
npm install –save style-loader css-loader sass-loader url-loader file-loader
1 | { |
说到构建工具,我往往会在前面加「自动化」三个字,因为构建工具就是用来让我们不再做机械重复的事情,解放我们的双手的。
什么是前端自动化?前端工程师需要维护的代码极为庞大和复杂,代码维护、打包、发布等流程也变得极为繁琐,同时浪费的时间和精力也越来越多,当然人为的错误也随着流程的增加而增加了更多的出错率。
致使每一个团队都希望有一种工具,能帮助整个团队在开发中能精简流程、提高效率、减少错误率。随之讨论自动化部署也越来越多,并且国内很多大型团队也都有自己成熟的自动化部署工具。
常用的构建工具 gulp,webpack,parcel,rollup,vite ,fis,grunt等
经过多年的发展,Webpack 已经成为构建工具中的首选,这是因为: