leiting084的专栏

前言，之前发表的dom的显示和隐藏里面用的是比较熟悉的前端方式的css绑定的方式。说实话uniapp的手册是真的没时间看，而且基于功能直接搜索了csdn，找到了方法就直接去用了，而且用css的方法也是平时经常用的，没有想那么多。不过呢友友似乎对我要求比较严格，所以又认真的拜读了uniapp的手册找到了v-show的用法。如下：1、dom增加v-show<view v-show="seen">Hello!</view>

写个序吧：随着工作的不断深入，越来越发现很多好的前端开源项目都来自于国外，国产的开源项目很多时候面临叫好不叫座甚至有很多就消失不见了。开源和创新，不仅仅是需要我们的参与同样也需要我们不断的传播，因此才想要做一个系列，介绍一下那些很好的国产前端项目。由于本人的见识以及技术水平，可能有些介绍的不够准确，有一些项目没有加入进来，会有不全面的地方，但是同时这也说明国产的好的开源项目也是在不断发展和创新的，也希望大家多多批评指正告诉我，我们一起来完善和进步。以上。下面是正文，O(∩_∩)O哈哈~（我确定不

1、h plus也就是h+，好好的一个ui突然不更新了，看gitee上已经是好几年前的提交了。当年有很多开源程序的后台都是他，很可惜。不过从完整性上来说已经是可以应用到程序中的了。2、huihttp://www.h-ui.net/H-ui.admin.shtml这是它的付费版http://www.h-ui.net/H-ui.admin.pro.shtml一个比较好看的通用后台库，并且很多开源程序选择了这个ui库作为搭建后台的核心组件库。几年前测试过，最近准备再上手付费版，

上回书说到我们通过action和data处理已经获取了表单的提交地址和表单的数据，那么接下来就可以进行表单提交了。既然我们是通过js进行提交，那么我们就可以祭出我们的大杀器ajax了，通过ajax提交好处一大堆，比如可以无刷新提交等等。这里我们遇到一个问题，我们在提交表单的时候发现部分表单提交了，但是却没有办法判断是否成功，这时候就需要ajax提交后的状态来进行判断了，举个栗子：我们增加了红线画出来的部分，这是比较常见的用jquery的ajax方法提交的一种写法，在这里面success就是成

书接上回，在form中action作为提交表单的接收地址，在有些时候可以省略，那就代表提交到当前地址，这个时候我们通过js获取是无法获取到的：举个小例子：这里能获取到的就是个空白（里面引用了一个外部的jquery，不要在意这些细节），那么这个时候我们需要增加判断，那么这个时候需要这样做：通过上面的操作我们终于把真正的提交url找到了。然后我们要解决一个新的问题：那就是如何获取表单中的数据？我们用两种方法解决（突然想到回字的四种写法，不，那不重要）：1、jquery下有

使用文字阴影效果除了可以制作外发光之外，在某些时候还可以替代图片的文字描边效果。上过程：1、文字阴影text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;这是使用的黑色1像素阴影制作的描边效果如下：2、还有另外一种css使用text-stroke，但是这种兼容性不如text-shadow，测试chrome下必须加前缀-webkit--webkit-text-stroke:1px #0

今天碰到一个新的需求，就是需要某个dom在加载的时候不显示，等到5秒后再显示。寻找了一些方法，最后发现还是可以通过js来实现，只不过方法与h5+js的时候略有不同，方法如下：1、dom增加属性<view :class="isShow" >内容内容</view>2、data中增加isShow默认值data() {return{isShow: "domhide",}}3、在style中声明domhide和domshow两个class.domhid.

在进行表单提交的时候，如果直接点击表单的submit按钮则会提交表单，但是这种方法在需要验证的时候则会不适用。因此一般会在form的声明中声明onsubmit的方法，在这个方法中添加需要验证的字段等。方法如下：1、form表单<form id='form1' action='' method='' omsubmit='return checkForm()'><input type='text' name='username' value=''/><inp

在使用h5的video组件的时候，部分视频和容器的尺寸不一致，会发生留出黑边的情况。在不产生大的画面变形的情况下，会使用css3样式object-ft:fill;来将视频填充满容器。那么object-fit到底有什么作用呢？通过查找资料发现object-fit有如下的属性：1、object-fit:fill;拉伸填满整个容器2、object-fit:contain;宽度铺满整个容器，高度等比缩放，超出则裁剪3、object-fit:cover;高度铺满，宽度等比缩放，超出则裁剪4

uniapp MAOUI 滚动组件如果设置的显示数量大于数据总量，则不再滚动，在组件的文件mao-scroll.vue中：init: function(){this.showLine = this.showNum < this.data.length ? this.showNum : this.data.length;for(let i = 0; i < this.data.length; i++){this.showdata.push(this.data[i]);}

最近的项目做了一个信息展示，客户的需求改了，因为一屏展示太多了，想多屏，还不加分页，只能增加滚动。查询了好多资料，也测试了好多组件，最后选定了一种滚动组件。使用方法如下：1、找到uniapp的组件插件市场https://ext.dcloud.net.cn/搜索滚动在里面找到MAOUI的滚动组件2、点击进入组件信息页面，选择hbuilder导入插件自动安装3、查看需要添加的工程中是否已经添加该组件4、需要使用的页面引用组件import maoScro

最近有个uniapp有个设置背景音乐的需求，查了一些资料，想通过通用组件实现，无奈页面太多。最后终于找到了可以不用挨个页面修改的方法，并且在使用过程中发现了该方法中未能说明的地方自己做了补足，记录一下。1、app.vue设置背景音乐组件onLaunch: function() {this.bgmMusic = uni.createInnerAudioContext();this.bgmMusic.autoplay = true;//自动播放this.bgmMusic.loop = tru