冴羽的个人主页 - 赞过 - web秀

冴羽

理想主义者，个人微信：mqyqingfeng ，带你看技术与生活的诗与远方

5年前

Vue表单校验插件Vuerify使用详细教程及示例

Vue表单校验插件Vuerify使用详细教程及示例

前言表单校验，在开发中是非常常见的，为了防止用户误操作，填写错误数据，亦或是防止用户恶意提交数据等，都需要前端同学来做一些简单的表单校验，虽然只是用来防君子的。今天就为大家推荐一款Vue表单校验插件：Vuerify。什么是Vuerify？Vuerify是一款轻量级的数据校验Vue插件，同时支持Vue1和2。可以使用正则、函数定义校验规则，也可以调用全局设置的规则。插件会在Vue实例上注册一个$vuerify对象，会对声明的数据进行watch，实时校验数据合法性。同时提供的指令还能方便的操作DOM。简单的讲

559514 3827 1

5年前

uni-app: 使用Vue.js需要注意哪些问题？

uni-app: 使用Vue.js需要注意哪些问题？

前言uni-app在发布到H5时，是支持所有vue的语法的。但是发布到App或者小程序时，由于各个平台等限制，无法实现全部vue语法，本文将详细讲解差异。相比Web平台，Vue.js在uni-app中使用差异主要集中在两个方面：新增：uni-app除了支持Vue实例的生命周期，还支持应用启动、页面显示等生命周期受限：相比web平台，在小程序和App端部分功能受限，具体见下。生命周期uni-app在支持完整Vue实例的生命周期上，同时还新增应用生命周期及页面生命周期。详见Vue官方文档：生命周期钩子。应用生

560446 3721 0

6年前

VUE开发一个组件——Vue tree树形结构递归组件

VUE开发一个组件——Vue tree树形结构递归组件

前言Vue开发一个简洁树形结构组件，组件递归组件自身，生成dom。预览图代码预览tree-item通过computed计算hasChild属性，判断当前级别是否还有children，有继续循环组件，依次执行下去，直到没有找到children结束。点击每个item时，也判断是否还有children，有则展开。<template><li><span@click="toggle"><emv-if="hasChild"class="icon">{{open?'-':

582316 3581 5

6年前

CSS利用mask 实现图片的斜线拼接

CSS利用mask 实现图片的斜线拼接

什么是斜线拼接效果图下面所示：发现，上面这张图是两个美女拼接在一起的，看中间的斜线。但是呢，刚接到这个需求的时候，开发是抓狂的——第一反应就是用canvas画图，这得多累啊，只是要显示张图片而已，竟然还要动用一坨JS，O__O"…不过依稀记得，CSS貌似有个遮罩的特性，可以实现图片的部分显示的效果的。CSSmask&lineargradient要实现这个特性，就需要用到CSS遮罩和线性渐变。至于这两个是什么东西，我就不班门弄斧的介绍了，毕竟这两个属性出生也挺久了的，不了解的筒子可以看这两篇文章CS

562817 6366 0

5年前

CSS3动画解析抖音 LOGO制作

CSS3动画解析抖音 LOGO制作

前言“字节跳动”现今也是如日中天，旗下产品，除头条外，还有短视频平台“抖音”，人气也是非常高，据说拥有7亿用户。今天我们就来研究研究抖音的logo，蹭蹭热度。效果预览：主要用css3新增属性mix-blend-mode，混合模式来实现。分解我们先来看看它的组成，由大写的“J”组成，然后有3种颜色，白色、红色、和天蓝色。ok，我们先来完成一个“J”。根据以往的经验，我们把它拆分成3部分。下面我们来分步骤实现。完成单个“J”<divclass="jitter"><divclass="logo

563439 6284 0

猜你喜欢

换一换

最新文章