前因 最近在做公司的小程序项目,发现设计上有很多不统一,代码上有很多冗余。所以我打算深入一下小程序的组件式开发,以便可以让项目在设计上的整体统一,代码上可以做到小功能做成组件,提高复用性和可维护性。 举一个弹窗的例子,小程序自带了很多弹窗了,比如: 这样的      这样的  还有组件picker 的滚动选择弹窗。 如果是做一个简单小程序...

组件化搭建从0到1的过程 组件和插件 1.组件化是将业务根据类型分成不同的model然后通过壳app来组装起来,这样的做的好处是,当项目体积很大的时候会让你的项目结构更清晰.并且可以通过让model中添加application也可以单独运行起来提高开发效率. 2.插件主要是每个插件都是一个apk,动过动态加载来运行某个插件,并且每个插件apk的方法数目上线都是65k,组件化最后打包是合并所以整体是...

微信小程序自定义一组件,方便以后多次调用,但是官网寥寥几笔,看得我似懂非懂,但是到真正下手,却找不着北了。这对一个没开发过组件的人来说,简直是噩梦。 我做了一个loading效果的组件,加载数据的时候,loading进行展示。加载完毕后,loading消失。大家先来看一下效果,然后我一步一步手把手教大家如何实现: step1: 在page相同层级的目录下,新建目录components, 然后在微信...

清新组件库:http://ifresh-ui.yating.online/ 源码地址:https://github.com/Chenyating/iFresh-ui checkbox组件遇到的问题 跟radio性质差不多。 当为checkbox组的时候,值的类型为array; 判断当单个值的时候。 先判断value是否存在,再判断是否为boolean,选中取反。值为label; 修改样式 chec...

清新组件库:http://ifresh-ui.yating.online/ 源码地址:https://github.com/Chenyating/iFresh-ui 开发组件库准备 准备 vscode 语言框架:vue,vuepress,vue-cli3,less 参考框架: iview-ui,element-ui 开发定位 风格:小清醒,简洁 颜色:主打绿,底白色 字体:oppo字体免费商用 新...

部署一个开源的pod 如果你是一个非git版本控制使用的开发者,那么在你部署一个开源的library之前,可以直接使用码云结合Cornerstone使用; 在你的Gitee上创建一个Private Project 创建公开项目时是针对所有人都可以使用的,private项目只有在知道整个的URL之后才可以使用的,由于我们现在是以公司为单位的大部分情况下是不对外的,所以我们一般会使用private版本...

小程序组件实现

开发  组件  程序

  

2020-02-05 22:21:27

最近在做小程序项目,由于是多人开发,首先要考虑项目组件的实现,俗话说的好:“项目未动,组件先行”~ 组件我用的是小程序的template,先上项目的目录架构 form-action-sheet组件wxml代码 在具体页面引用: import引入template资源 调用template并传入数据 permis数据必须在data上声明: 绑定事件actionSheetChan...

前言 手把手讲解系列文章,是我写给各位看官,也是写给我自己的。 文章可能过分详细,但是这是为了帮助到尽量多的人,毕竟工作5,6年,不能老吸血,也到了回馈开源的时候. 这个系列的文章: 1、用通俗易懂的讲解方式,讲解一门技术的实用价值 2、详细书写源码的追踪,源码截图,绘制类的结构图,尽量详细地解释原理的探索过程 3、提供Github 的 可运行的Demo工程,但是我所提供代码,更多是提供思路,抛砖...

一.基本介绍 借此机会分享一下自己从刚入门到现在,在开发架构方面的一些心路历程。最终我会把这部分代码进行开源,以后也会对其进行维护。但目前尚在测试中所以并未发布正式版本。我们可以先把代码下载下来进行了解,如果有什么问题可以随时 Issues,这也将是我的第一个开源库,希望能帮到大家。 该库所涉及到的类大概在 30 个左右,源码并不多相信我们都能读懂里面 的内容,这里罗列一下源码中所涉及到的一些知识...

清新组件库:http://ifresh-ui.yating.online/ 源码地址:https://github.com/Chenyating/iFresh-ui select组件遇到的问题 思路:单选跟多选,就是radio跟checkbox的结合体; 条件判断,是否可以多选。 z-index 失效的原因: 父级元素position可能是relative,或者是没有position; 元素存在f...

清新组件库:http://ifresh-ui.yating.online/ 源码地址:https://github.com/Chenyating/iFresh-ui radio组件遇到的问题 互斥问题 相同radio的name一致的时候可以实现互斥问题。 name取名字: radio-group互斥问题 可以用this.$parent.name来传给子组件。 先判断外层this.$parent.n...

清新组件库:http://ifresh-ui.yating.online/ 源码地址:https://github.com/Chenyating/iFresh-ui page组件遇到的问题 返回的页面数问题 当页面过于长的时候,可以这样显示。 页面数小于等于6,就默认遍历1-6 页面数大于6时,如果当前页小于2或者大于总页数-2:返回数组为[1,2,3,……,page-...

Vue——组件化开发

组件化开发  vue

  

2020-07-23 11:58:33

Vue——组件化开发 一.什么是组件化 1.1 组件化思想: 1.如果我们将一个页面中所有的逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。 2.但如果,我们将一个页面拆分成一个个小的功能块,每个功能块完全属于自己这部分的独立的功能,那么之后整个页面的管理和维护就变得非常的容易了。 3.在Vue.js中任何的应用都会被抽象成一棵树 4.组件的使用分...