webpack替换字符串 webpack替代

webpack通过什么和什么实现功能的扩展

webpack可以通过插件进行功能扩展。webpack拥有很多的内置插件和第三方插件。

webpack自带的插件bannerPlugin为例，说明插件的简单用法。bannerPlugin可以将任何字符串加到生成的bundle文件的顶部（例如版权信息等）。因为bannerPlugin是内置的，我们无需用npm进行安装。

web前端要学什么，要学哪些技术

javascript：

数组常用方法的使用，比如遍历有forEach，map，filter，every， some，reduce，操作方法有splice，slice， join，push，shift， pop，sort等

基本数据结构，引用类型（对象，数组）

基本逻辑运算if else， switch，三目运算：？，for/while循环等

字符串常见api（如replace，slice， substr，indexOf）

基本正则使用

变量作用域，作用域链，变量提升，函数声明提升

对象基本用法，面向对象编程（关注优就业，学习更多IT知识）

css：

基本盒模型（border/content/padding等）

4种常用定位（static/absolute/relative/fixed）

常用布局方式（浮动布局/弹性布局flex/自适应布局/网格布局grid）

css3基本样式与动画（transition，animation）

html：

新标签基本用法和使用

head标签作用与用法（主要是meta属性的用法）

其次根据不同企业对技术栈和职位级别的要求。

对于react技术栈为主的，需要掌握以下知识：

react+redux+redux－thunk/redux－saga+react－router,并熟悉ant－design等第三方ui库这是比较基础的岗位能力。

对于vue技术栈为主的，需要掌握以下技能：

vue+vuex+vue－router,并熟悉elementUI等第三方ui库。

对于中高级前端岗位，还需要对webpack，gulp等前端工作流有一定或者较深的理解。