当前位置: 首页 > 网络应用技术

自使用组件以来,工作量已减少一半

时间:2023-03-06 18:00:30 网络应用技术

  知识支付使用脚本标签来介绍vue.js.components也可以在项目中使用来完成一些公共业务。

  登录流行窗口将用于多种业务方案。如果您在每个业务场景中重复一组登录弹出窗口,则代码将是多余的,并且后期的维护很麻烦。这次,我们可以剥离登录业务的代码并将其介绍并将其引入。使用。这不仅简化了代码,而且还使其在以后的维护中更容易。它不需要在许多地方进行新功能需求的代码更改。

  在当前项目下,有两种方法可以剥离。一种方法是在独立的JavaScript文件中编写登录业务代码。DOM片段需要用字符串缝制;另一个是使用插件-in。

  此方法用于早期项目。

  如上图所示,图中的模板内容用字符串缝合。一旦缝合字符串字符串的方法将显得凌乱和错误。

  该项目使用Requienjs进行模块化开发,因此我们可以使用text.js和css.js插件来介绍HTML和CSS。

  如上图所示,我们将HTML,CSS和JavaScript文件放在base_login文件夹的登录组件中。

  如上图所示,base_login文件夹下的文件。

  如上图所示,这是index.html中的内容。

  如上图所示,这是index.css中的内容。

  如上图所示,这是index.js中的内容,它介绍了index.html和index.css文件。

  如上图所示,使用页面中的登录组件,首先介绍,然后使用它。

  如上图所示,这是组件的使用。

  源代码附件已包装并上传到百度云,您可以自己下载?

  百度云链接不稳定,并且可能随时失败。

  如果Baidu Yun链接失败,请留言告诉我,我将在看到它后及时更新它?

  代码云地址:http://github.crmeb.net/u/defu

  github地址:http://github.crmeb.net/u/defu

  开源并不容易。明星在尊重。有兴趣的朋友欢迎明星,提交公关,一起维护开源项目,并使更多的人受益!

  原始:https://juejin.cn/post/7096313065867591711