
h5+css3+js
风云变色z
这个作者很懒,什么都没留下…
展开
-
uniapp技巧-dom的显示和隐藏1
前言,之前发表的dom的显示和隐藏里面用的是比较熟悉的前端方式的css绑定的方式。说实话uniapp的手册是真的没时间看,而且基于功能直接搜索了csdn,找到了方法就直接去用了,而且用css的方法也是平时经常用的,没有想那么多。不过呢友友似乎对我要求比较严格,所以又认真的拜读了uniapp的手册找到了v-show的用法。如下:1、dom增加v-show<view v-show="seen">Hello!</view>原创 2022-04-06 22:31:13 · 1956 阅读 · 0 评论 -
国产web端开源ui组件-通用前端ui界面组件库
写个序吧:随着工作的不断深入,越来越发现很多好的前端开源项目都来自于国外,国产的开源项目很多时候面临叫好不叫座甚至有很多就消失不见了。开源和创新,不仅仅是需要我们的参与同样也需要我们不断的传播,因此才想要做一个系列,介绍一下那些很好的国产前端项目。由于本人的见识以及技术水平,可能有些介绍的不够准确,有一些项目没有加入进来,会有不全面的地方,但是同时这也说明国产的好的开源项目也是在不断发展和创新的,也希望大家多多批评指正告诉我,我们一起来完善和进步。以上。下面是正文,O(∩_∩)O哈哈~(我确定不原创 2022-04-03 12:56:20 · 1496 阅读 · 0 评论 -
国产web端开源ui组件-后台前端ui界面组件库
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库作为搭建后台的核心组件库。几年前测试过,最近准备再上手付费版,原创 2022-03-29 15:23:43 · 1054 阅读 · 0 评论 -
js 通用表单提交4-ajax提交后success和complete、error的处理
上回书说到我们通过action和data处理已经获取了表单的提交地址和表单的数据,那么接下来就可以进行表单提交了。既然我们是通过js进行提交,那么我们就可以祭出我们的大杀器ajax了,通过ajax提交好处一大堆,比如可以无刷新提交等等。这里我们遇到一个问题,我们在提交表单的时候发现部分表单提交了,但是却没有办法判断是否成功,这时候就需要ajax提交后的状态来进行判断了,举个栗子:我们增加了红线画出来的部分,这是比较常见的用jquery的ajax方法提交的一种写法,在这里面success就是成原创 2022-03-06 01:05:59 · 3550 阅读 · 0 评论 -
js 通用表单提交3-action和data的处理
书接上回,在form中action作为提交表单的接收地址,在有些时候可以省略,那就代表提交到当前地址,这个时候我们通过js获取是无法获取到的:举个小例子:这里能获取到的就是个空白(里面引用了一个外部的jquery,不要在意这些细节),那么这个时候我们需要增加判断,那么这个时候需要这样做:通过上面的操作我们终于把真正的提交url找到了。然后我们要解决一个新的问题:那就是如何获取表单中的数据?我们用两种方法解决(突然想到回字的四种写法,不,那不重要):1、jquery下有原创 2022-03-04 00:13:14 · 1193 阅读 · 0 评论 -
js 通用表单提交2-submit的控制和ajax提交
通过上次的尝试我们发现表单中可以通过onsubmit来一定程度的控制form的submit动作。但是很快我们就发现这种情况下无法控制submit的后续动作,也就是页面跳转。那么怎么解决这个问题呢,我们进一步可以观察发现大多数时候我们是通过一个type=submit的按钮来实现表单提交的。也就是在form的onsubmit之前,我们实际上会有一个点击按钮的操作,那么我们就可以通过阻止按钮的默认动作来阻止form的submit。然后由此引申我们可以创造一个另外的按钮用来提交form,举个小例子:原创 2022-03-02 23:16:08 · 1509 阅读 · 0 评论 -
css3-文字外发光效果2-文字描边
使用文字阴影效果除了可以制作外发光之外,在某些时候还可以替代图片的文字描边效果。上过程: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原创 2022-02-13 23:50:37 · 692 阅读 · 0 评论 -
css3-文字外发光效果
css3中有一个文字阴影的效果,可以使用该效果制作文字的外发光效果。这种效果在不方便使用图片的时候可以达到更好的效果。制作步骤如下:1、首先了解一下使用的csstext-shadow: 5px 5px 5px #FF0000;效果是这样的:2、然后改造一下text-shadow:0 0 3px #FF0000;3、了解一下原理text-shadow的几个参数的解释分别如下:必需。水平阴影的位置。允许负值。必需。垂直阴影的位置。允许负值。可选。模原创 2022-02-13 21:39:19 · 5066 阅读 · 0 评论