加班偷着懒没做一堆九月份迭代的工作，实现了一下小程序的启动页。效果是这样的：关注公众号查看效果app.json将启动页路径放在pages数组的第一项，tabBar中list正常放置。start.wxml先写一个容器显示背景图片，image标签上使用bindload方法，动态计算屏幕宽高，以适应不同手机端的尺寸，让背景图更佳显示。因为是云开发，图片刻意使用了云存储中图片资源，具体操作可回顾之前发布的

很多讲解图片自适应的方法都是将图片作为容器的背景图，通过背景图的一些属性来设置实现自适应的功能。但有时候难免需要用到嵌套在div中的img，将img自适应它的父容器div。html结构：<div class="imgWrap"><img src="test.png"></div>首先需要图片在父容器中居中显示，使用flex布局.i...

前端验证必不可少~输入框验证vue文件部分：<form :model="form" :rules="rules" ref="form"><form-item :label="姓名" prop="name"><kc-input v-model="form.name"></kc-input></f...

树状结构列表，这个技术点之前有写过了，是基于vue讲解，但似乎都没有解决痛点，最基础的原生JS该怎么实现呢？这篇文章会全面详细的介绍树状结构列表的实现，从数据处理成树状结构，到动态生成dom节点渲染页面。确定原始数据结构原始数据是需要按照下面这种结构来定义的，如果原始数据已经是被后端处理成树状结构，就可以省略这一步骤。let data = [{"id": "1","name": "1","fath

一般数据类展示内容，大多采用树状结构展示内容。类似效果如下：关注微信公众号，查看效果左侧是导航分类，可以进行新建，对单项导航分享和删除。单击导航，在右侧查询出当前导航下所有目录结构，可以新建目录。新增类型分为三种，目录可以无限嵌套，当然也可以设置层级。页面整体布局页面分为左右两个部分。左侧列表，通过路由跳转显示右侧内容。左侧列表分为上下两块，顶部是添加按钮，下面是导航列表。less样式。impor

首先出现的问题是，我需要一个数组list，数组中每一项需要是key：value形式的对象，但是当我需要新增一项到数组中时候，对于每一项即对象的类型出现问题，问题如下：这是因为我定义了list类型为数组，但是并没有对其中的对象的属性进行类型定义。这里就需要使用TS的接口，我们需要自定义一下list数组类型，使用接口就可以自定义list中属性的类型。先定义接口：interface Iitem...

废话不多说，纯教程。生成不同账户的SSHGit bash中分别输入（建议每一个都输入密码）：githubgiteegitlab这时候在本地C盘的ssh文件中会如下显示：添加SSH分别在github，gitee，gitlab 的个人设置中添加SSH：配置config.ssh目录下创建config完成相关配置...

这个婚礼邀请函是之前帮别人做的，现在人家婚礼举办过了也没啥关系了，想着就修改成通用模板进行开源，方便大家尤其是小白们克隆项目之后稍微修改就能够直接使用。当时自己开始这个项目时候也是查阅了很多教程文章，但无一列外都需要大量的小程序开发知识储备，对于当时需要快速构建一个项目的我来说真的焦急，很希望有一个可以直接使用的模板，项目完成后有深入的想法可以再学习。扫码体验项目展示（多图警告）...