旧梦空城人心凉-优快云博客

原创时间及时间戳的转换

var timestamp = new Date(); //获取当前时间var nowTime = this.data.startDate.replace('年', '-').replace('月', '-').replace('日', '')+":00"var str = nowTime.replace(/-/g, '/'); // 将-替换成/，因为下面这个构造函数只支持/分隔的日期字...

2018-07-30 20:26:01 372

转载微信小程序：防止多次点击跳转（函数节流）

场景在使用小程序的时候会出现这样一种情况：当网络条件差或卡顿的情况下，使用者会认为点击无效而进行多次点击，最后出现多次跳转页面的情况，就像下图（快速点击了两次）：解决办法然后从轻松理解JS函数节流和函数防抖中找到了解决办法，就是函数节流(throttle)：函数在一段时间内多次触发只会执行第一次，在这段时间结束前，不管触发多少次也不会执行函数。/utils/util....

2018-07-28 12:00:45 745

原创小程序引用收货地址

// 收货地址 address: function (res) { var that = this var activityId = res.target.dataset.id wx.authorize({ scope: 'scope.address', success(res) { wx.chooseAddress({ ...

2018-07-21 14:57:26 1920

原创微信小程序列表页点赞

wxml: <view class='wish_list_box_collection' wx:if="{{item.collected==1}}">  <image catchtap='onCollectionTap' src="../../images/index/collection_hover.pn...

2018-06-14 10:13:59 4015 3

转载微信小程序点击切换图片、收藏功能的实现！

微信小程序图片点击切换和收藏功能是非常常用的！有更好写法的请留言，喜欢小程序和web前端开发的请加我微信Angelo_Sifan效果图如下1 <image catchtap='onCollectionTap' wx:if="{{collected}}" src="/images/icon/collect1.png"></image>2 <image ...

2018-06-13 18:35:21 21124 3

转载加减个数

wxml：<view class="stepper">  <text class="{{minusStatus}}" bindtap="bindMinus">-</text>  <input type="number&q

2018-06-13 12:33:46 311

转载微信小程序向左滑动删除功能的实现

微信小程序向左滑动删除功能的实现实现效果图：实现代码：1、wxml touch-item元素绑定了bindtouchstart、bindtouchmove事件<view class="container"> <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{...

2018-06-12 10:13:50 2400

转载微信分享网页时自定义标题、描述和图片

用微信打开一个网页，选择右上角的“发送给朋友”后，收到的消息是这样的：而为了推广效果，我们更希望能自定义标题、描述和图片，效果如下图：下面介绍下怎样来实现这个功能<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" ></script><script ty...

2018-06-05 16:35:35 43215 7

转载 vue.js怎样将时间戳转化为日期格式

export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullY...

2018-06-04 13:50:42 1148

转载原生 js 实现点击按钮复制文本

最近遇到一个需求，需要点击按钮，复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容，原以为差不多，结果发现根本行不通尝试了各种办法，最后使了个障眼法，实现了下面的效果一、原理分析浏览器提供了 copy 命令，可以复制选中的内容document.execCommand("copy")如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用 copy 命令，...

2018-05-10 14:20:06 1263

前段时间，到网上找素材时，看到了一个很个性的滚动条式，打开Chrome的调试工具看了一下，发现不是用JavaScript来模拟实现的，觉得有必要折腾一下。于是在各大浏览器中对比了一下，发现只用Chrome适用，也就是说这个用的是Chrome的私有CSS属性。便百之谷之后，发现原来不仅仅只用Chrome，其它的浏览器在不同程度上支持自定义滚动条样式的。下面是我不断测试的结果，若有错误或不全，请在评论...

2018-05-09 15:22:26 3552

原创一个递减速度的简易js

<template> <div class="tabs"> <div class="tabs-top"> <ul id="nav"> <li>最新</li> <li&a

2018-05-09 14:16:51 975

转载常用动画+动画库

css3常用动画+动画库一、animates.cssanimate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。查看演示：https://daneden.github.io/animate.css/ githu...

2018-05-02 10:15:21 400

转载 css实现文本两行或多行文本溢出显示省略号

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head><style> .comment_inner{ width: 200px;

2018-05-02 10:14:43 2006

转载 jQuery中实现不定高度height属性过渡为auto的animate动画

jQuery中想要用animate方法将元素的height属性从其它值过渡到auto值，首先想到的就是JavaScript代码复制$(this).animate({height:'auto'}, 300);但是并不起作用。这时需要换一种方法，思路是：1、首先定义变量将当前的高度值保存下来。JavaScript代码复制var curHeight = $(this).height();2、将元素高度...

2018-05-02 10:13:42 1970

原创 Vue脚本架

cls //清空cmdnode -v // 查询node 版本npm -v // 查询 npm版本npm install -g cnpm --registry=http://registry.npm.taobao.org // cnpm 淘宝镜像npm install -g vue-cli // 全局安装 vue-clivue --version //查看vue-cli版本$ vue i...

2018-05-02 10:12:54 476

原创 WebUploader插件

CSS：<link rel="stylesheet" type="text/css" href="webupload/webuploader.css">JS：<script src="bower_components/webupload/webuploader.js"></script>HTML:<div id="upl

2018-05-02 10:12:09 507

转载 ueditor编译器

2018-05-02 10:11:39 294

转载简略git push 步骤

1. git init创建新仓库,创建新文件夹，打开，然后执行git init2. 创建一个本地仓库使用命令 “git remote add origin git@github.com:yourName/yourRepo.git”,youname是你的GitHub的用户名git remote add origin git@github.com:yourName/yourRepo.gits如果发现 ...

2018-05-02 10:10:59 10374

原创备忘录

function active(item) {$(item).prevAll("li").removeClass("active");$(item).nextAll("li").removeClass("active");$(item).addClass("active");}

2018-05-02 10:10:26 170

转载使用axios向后端传递数据，后端接收不到？

开始使用axios的时候，按照官网的例子请求后端接口，遇到了后端接收不到数据的情况。翻看了文档也没找到解决方法。先来了解下基本的axios想要使用axios，需要先安装 npm install axios --save然后引入 import axiox from 'axios'接下来就可以使用它跟后端交互了。get方式的基本用法 axios({ ...

2018-05-02 10:09:43 2744

转载基于vue2.0前端组件库element中 el-form表单自定义验证填坑

eleme写的基于vue2.0的前端组件库: http://element.eleme.io我在平时使用过程中，遇到的问题。自定义表单验证出坑:1: validate/resetFields 未定义。原因：1：要验证的DOM，还没有加载出来。2：有可能this.$refs[ruleForm].validate() 方式不识别。需要使用: this.$refs.ruleForm.validate()...

2018-04-27 18:30:50 6883

weixin_42087730的博客