今天，我将与您分享前端组件封装思路的一些令人兴奋的发现，同时也将研究前端封装axios的角色。
文章目录：
前端封装组件如何保持原有功能
1、Vue 封装组件时，需要注意以下几点： 数据的传入：数据从父组件传入时应在 props 中加一些限制或验证。 组件的复用性：组件的复用性是指组件可以在多个地方重复使用，因此需要考虑到组件的可读性和可维护性。
2、保证组件库仅对于最基本的组件进行封装，将项目UI代码与业务逻辑进行分离。针对不同的模式下，我们有不同的文件入口，针对开发模式，我们启动一个dev-server， 在里面对组件进行基本的封装，并进行调试。
3、weui.js是WeUI的轻量级JS封装，不需要依赖其它库，GZIP后仅有0 KB。
4、Vue.js 组件库的封装一般包括以下几个步骤： 设计组件库的结构和样式，制定统一的规范。 编写组件代码，实现组件的功能。 将组件打包成 npm 包，提供 install 方法，方便其他项目使用。
饿了么基于Vue2.0的通用组件开发之路
1、Element：一套通用组件库的开发之路Element 是由饿了么UED设计、饿了么大前端开发的一套基于 Vue 0 的桌面端组件库。今天我们要分享的就是开发 Element 的一些心得。
2、实现组件双向数据绑定在上一节中最后的示例使用的是Vue 0版本中的 .sync 实现数据双向绑定。
3、如果一个通用组件被很多组件调用，抛出的自定义事件不一样，可以使用$listeners根据父组件调用的事件决定要引发哪个自定义事件。EventBus也叫事件总线。
4、再写一个Linelayout布局，给两个控件一样的权重，也就是android：gravity=1，或者任意数值，只要是一样的数值。
5、历史背景：elementui是由饿了么团队开发的一套基于vue.js的前端UI组件库。它旨在为开发者提供一套简洁、易于使用且功能全面的UI组件，以加速web应用的开发。饿了么是中国的一家在线外卖服务平台，成立于2008年。
使用React如何进行组件库的开发
首先，现在HTML页面中定义一个div，这个div待会用来存放react组件。接着在HTML页面引入这三个插件，具体可以到react官网下载，需要注意的是react-dom.js要放在react.js的后面，不然会报错哦。
在React中是使用 {} 给属性赋值变量，且 className 只接受字符串，不接受数组或者对象，可以用ES6的模板字符串功能来拼接变量生成字符串。 在函数组件的写法中用 useState 这个React Hook定义了一些变量， useState 的作用放在后面介绍。
在这种情况之下，我们就可以构建出独立于框架的组件。
如何学习web前端
1、六自学web前端的人需要克服以下几点问题：惰性：web前端虽说门槛低，但是说到底它也是程序，程序都是比较枯燥的，它需要我们长期坚持的去练习，很多自学的人都忍受不了这种枯燥而产生惰性，慢慢丧失了自学web的兴趣。
2、学习前端首先要学的就是基础（html，css，javasrcipt，html5，css3，jquery）前期学习html和css，(用来布局和修饰页面)，接着学习javascript（比较重要，要学好它），还有ajax，jons，es6语法，http协议等这些是重点。
3、②多动手，少看书，很多人学web前端就一味的看书，这不是学数学物理，你看例题可能就会了，学习web前端主要是学习编程思想。 ③勤练习，学完新的知识点，一定要记得如何去应用，不然学完就会忘，学我们这行主要都是实际操作。
4、第一条：学好基础知识，做一个有扎实基本功的开发者。第二条：重视脚本学习，将JavaScript作为前端学习的重点。第三条：多练习多操作，实践是检验真理的唯一标准。第四条：阅读前端书籍，多看有关前端开发的经典著作。
5、系统地学习前端是比较轻松些的，但是否好学还是看个人感受。其实掌握了方法，前端学起来真的不会特别难。吃力的原因，可能在于学习顺序不太对，比如先去学习了最难的一部分，所以感觉比较吃力。
怎么学好前端?
1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。后端。应该说前端工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，入手难度比较低的应该是PHP了。
2、熟练运用所学知识仿制任意Web网站。 能综合运用所学知识完成网页设计实战。知识点：Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。
3、第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、Java等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
