2 Taurus_666

尚未进行身份认证

我要认证

用力只能做到及格,用心才能做到优秀

等级
TA的排名 7w+

小程序内部一键关注关联公众号 如何实现小程序无跳转关注公众号

上效果实现前提打开微信公众平台----->设置 ---------> 打开公众号关注组件注:设置的公众号需与小程序主体一致。具体实现//wxml<official-account bindload='loadSuccess'></official-account>//js /** 关注公众号组件 */ loadSuccess(e){ console.log("关注公众号组件加载成功") },official-account 为公

2020-05-28 17:58:03

小程序实现圆点边框 解决 dotted不兼容 小程序圆点边框兼容问题 如何在小程序实现兼容的圆点边框

先上效果图由于业务需要,需要做一排圆点,实现方法有很多,在此记录一下另一种实现方式。最终效果:效果前提由于仅仅做小程序,而且使用了weUI样式,其中有一个徽章badge,突然奇想用徽章badge做一排圆点,在badge wxss中修改你需要的背景色,字体颜色同背景色即可。 <mp-badge content="8" style="margin-left: 10px;"/> <mp-badge content="8" style="margin-left: 10px;

2020-05-28 16:56:15

微信小程序清除输入框内容组件 清空Input weui中一键清除input内容

前提首先,我是在引用weUI扩展组件情况下,自己做了适当修改,即可全局引用Input, 使用清空输入内容功能。components为weui组件,本身weui是没有input组件的,我自己添加了一个Input-clear组件。使用方法第一步:引入weUI组件,方法很多,我是直接引入了weUI的components文件夹,也可用其他方法引入,详见微信公众平台文档说明第二步: 在app.wxss页面引入weui.wxss第三步: 在需要使用weUI组件的页面的json文件中添加你需要的组件,一定要

2020-05-26 18:40:38

关于js中return的用法 return和return false的区别

定义和用法return 语句会终止函数的执行并返回函数的值。这是官方给的定义,但是关于return和return false到底有什么区别,什么时候用return什么时候用return false呢?(最后有彩蛋哦_)关于return和return false区别下面上大白话O(∩_∩)O哈哈~1、当执行一个function,需要返回一个值,就直接return 值;function myFunction() { return Math.PI;}2、当你只是需要判断在某种条件下不

2020-05-20 17:46:30

微信小程序顶部滚动通知 仿支付宝顶部通知 小程序滚动文字

先呈上效果图主要代码//wxml部分<view class="scroll-top" hidden="{{isHiddenMsg}}"> <scroll-view> <view class="msg-icon notice-icon"> <image src="../../../static/images/show-info...

2020-05-06 11:46:55

限制input输入框保留2位小数 清除input框type=number右边的图标

转载记录限制input输入框只能输入正数和小数//输入正数和小数(保留两位)<input type="number" step="0.01" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''">//去掉...

2020-04-14 13:25:24

vue 四级联动 地址联动 vue级联选择

vue 四级联动效果实现前提首先看下,我们的开发环境及数据封装特点:第一: 开发框架vue-cli3 elementUI第二: 数据封装情况,详见代码部分 data中的 data;满足以上2点再继续,如果数据封装有所不同,可根据实际情况稍作修改。实现过程此处主要采用vue计算属性以及watch监听输入框变化,展示不同的数据。只需加载时一次请求即可。仅个人想法,如有更好的方法,欢...

2020-04-08 11:34:54

element表单校验问题 表单清除某个校验 表单图片校验问题

问题描述首先我使用的是vue-cli +element Ui ,就是在表单中有上传图片环节,由于我们这边是先上传图片,提交表单的时候单独传imageUrl即可,官方表格演示中并没有表单校验图片流程,然后按照表单校验一般规则填写,无论是否上传图片,都有提示:图片不能为空,但是如果上传了图片,虽然有提示,但是也能提交成功,但是,这样对用户太不友好。如何修改下面是我的form表单中截取了图片上传一...

2020-04-01 14:10:28

小程序如何引入weui样式 小程序如何使用weUI样式插件 weUI如何使用

weUI在微信小程序中的引用小程序如果想引入weUI,需要以下几步,本文章主要介绍通过页面按需加载引入模式:第一:下载weUI,三种方式一、可以通过npm方式下载构建,npm包名为 weui-miniprogramnpm install weui-miniprogram二、去github下载https://github.com/Tencent/weui-wxss三、可以通过页面按需...

2020-02-28 13:12:24

小程序多状态class 动态控制多个class 动态添加删除class

我们在小程序页面制作时通常会遇到不同状态展示不同的样式或者内容,当然如果只有2种情况最好办,直接三元运算符和 逻辑或都可以解决,但是如果是三种状态四种状态呢?遇到这种情况我是这么处理的(根据条件判断采用wx:if else),下面的小栗子是展示的4种状态。如果你有更好的方法,欢迎交流!<view class="invoice-item-flex" id='invoice-item-stat...

2020-02-28 11:34:01

小程序模糊搜索功能

小程序模糊搜索功能小程序模糊搜索功能,记录一下

2020-02-27 15:50:16

超好用的js 日历插件 日期插件 日期日历选择控件

前情提要:主要是目前项目较小,仅需要一个日历插件,就没有选择引用UI框架,单纯找了一个日历插件,外观相对简单大方,还不错,而且只需要2步就可以完成引入:第一步(有2种方式引入,支持单独引入文件及npm引入):1、官网下载压缩包文件打开官网: layDate日期插件官网网址2、第二种方式npm安装:npm install layui-laydate第二步:获得 layDate 文...

2020-01-15 18:26:27

wangeditor 在vue项目中的安装方法 wangeditor安装和使用

以下是基于vue-cli3项目关于wangeditor编辑器的使用,只许简单3步即可使用:第一步:npm install wangeditor第二步:import E from 'wangeditor'第三步:mounted(){ let editor = new E('#div1'); editor.create(); },当当当当……如有疑问,欢迎交...

2019-12-31 18:44:56

vue全家桶都包括哪些 vue全家桶都有什么 vue全家桶详细介绍

vue全家桶都有什么全家桶,顾名思义,对于开发一个完整的中大型单页面应用项目所必须的所必须的插件和框架。注:此文章主要讲解vue-cli脚手架开发方式,不介绍各插件的具体使用方式,具体使用方式详见其他详细介绍文章。一、vue-clivue-cli也叫脚手架,官方定义为Vue.js 开发的标准工具!相比scirpt标签引入,脚手架具有如下特点:1)、功能丰富对 Babel、TypeScr...

2019-10-24 10:17:14

swiper视频轮播 swiper4无缝轮播视频特效 swiper4无限轮播视频特效

swiper视频轮播首先看效果图(快速播放了),主要功能包括左右按钮,1、上一个和下一个视频缩小比例并添加蒙层。2、可以按钮切换,点点切换,手滑动切换。3、点击视频播放,切换视频,停止播放。完整代码完整代码见github ,如果是符合你想要的,欢迎点赞❤...

2019-10-14 17:13:00

animate调整动画持续时间 修改动画持续时间 修改动画延迟时间

如何使用animate.css 修改动画持续时间真的是炒鸡简单一句话搞定!!在你的class名中添加 animation-duration: 1.5s;.your-classname { animation-duration: 1.8s; //动画持续时间完成 animation-delay: 2s; //动画延迟多久才开始 animation-iteration-count...

2019-10-09 18:12:05

css 实现跑马灯/走马灯无缝衔接 js实现无缝滚动图片

先上效果图首先呈上效果图,主要是针对图片跑马灯效果(请忽略我的快速播放和录屏图标)具体实现方式目前我需要展示6张图片,但是为了实现无缝衔接,我的列表放了12张(放2遍图片),这样就不至于在切换时出现那么几毫秒的跳动。<div id="swiper-roll-wrapper"> <div id="swiper-roll"> <d...

2019-10-09 17:57:11

animate.css 在 vue 脚手架中结合wow.js的应用方法详细介绍

简介众所周知,animate.css是非常优秀的CSS3动画库,不依赖于jQuery,纯CSS动画,但是不兼容IE8及以下版本,就算用jq控制,性能也不是很好。wowjs向下滚动页面时显示CSS动画。默认情况下,您可以使用它来触发animate.css动画。但您可以轻松地将设置更改为您喜欢的动画库。wowjs好处:比其他JavaScript视差插件更小,比如Scrollorama(它们做...

2019-09-10 11:41:30

missing semicolon报错问题解决

missing semicolon报错主要是因为eslint检测出现错误,一般是看下提示行是否写分号,添加上就没问题了

2019-09-02 15:51:34

express router和vue router的区别

express router和vue router的区别express routerexpress router路由指应用程序的端点(URI)如何响应客户端请求,是属于客户端路由,简单点来说就是常说的接口。vue routervue router 属于前端路由模块,主要用于响应加载页面内不同模块。相对应URL地址变化;注:具体每个路由使用方法,后续补充!...

2019-09-02 14:44:03

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到王者
    签到王者
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。