程序员小胖子之从设计图到npm发布组件过程

MRZYD 发布于2019-08-23 11:31 / 3030人阅读

摘要：拿到的设计图长啥德行我脑海里到了哪些内容我们拿到设计图可以看到，目前是两种，我们在封装组件的时候要考虑后面有可能增加其他样式的组件，所以我们在设计的时候，尽量要有拓展性一定要有属性，依据属性控制显示哪种类型的组件一定要有属性，通过属性传入不

拿到的设计图长啥德行？

我脑海里YY到了哪些内容

我们拿到设计图可以看到，目前是两种toast，我们在封装组件的时候要考虑后面有可能增加其他样式的组件，所以我们在设计的时候，尽量要有拓展性

一定要有type属性，依据type属性控制显示哪种类型的组件

一定要有text属性，通过属性传入不同的文案

一定要有timeout属性，通过属性传入，多少ms组件消失

裤子都脱了，该进入正题了，上代码

还有哪些改善？

toastIcon子组件的icon没有通过动态设置，后面如果设计出其他的icon的toast时，可把属性提出来，通过参数传递

Npm发布

发布包之前你首先要有一个npm的账号
 在终端输入npm adduser，提示输入账号，密码和邮箱，然后将提示创建成功
 然后，执行npm init，生成package.json

npm publish   //发布命令

没有结局的结局

toast-vue-mobile

github

GPU云服务器云服务器小程序组件开发微信小程序组件小程序上线过程小程序的开发和发布

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97063.html

Vue基础之初识Vue

摘要：当视图层发生变化时，会自动更新到视图模型，逆推也成立。所以这两者的关系就是所谓的数据双向绑定。注意在你发布的站点中使用生产环境版本，把换成。 Vue特点及优点小巧，压缩后体积17KB；渐进式，不需要一口吃成大胖子，一上来就用所有的东西，可以一步一步、有阶段的先吃成小胖子；数据驱动，双向数据绑定，MVVM模式，详见下一段指令，例如v-if/v-show等插件，如果你听过鼎鼎有...

CoXie 2019-08-30 15:55 评论0 收藏0
Vue基础之初识Vue

摘要：当视图层发生变化时，会自动更新到视图模型，逆推也成立。所以这两者的关系就是所谓的数据双向绑定。注意在你发布的站点中使用生产环境版本，把换成。 Vue特点及优点小巧，压缩后体积17KB；渐进式，不需要一口吃成大胖子，一上来就用所有的东西，可以一步一步、有阶段的先吃成小胖子；数据驱动，双向数据绑定，MVVM模式，详见下一段指令，例如v-if/v-show等插件，如果你听过鼎鼎有...

fuchenxuan 2019-08-02 14:05 评论0 收藏0
Vue基础之初识Vue

摘要：当视图层发生变化时，会自动更新到视图模型，逆推也成立。所以这两者的关系就是所谓的数据双向绑定。注意在你发布的站点中使用生产环境版本，把换成。 Vue特点及优点小巧，压缩后体积17KB；渐进式，不需要一口吃成大胖子，一上来就用所有的东西，可以一步一步、有阶段的先吃成小胖子；数据驱动，双向数据绑定，MVVM模式，详见下一段指令，例如v-if/v-show等插件，如果你听过鼎鼎有...

keithxiaoy 2019-08-23 14:39 评论0 收藏0