2019年12月_HqL丶1024

原创数组里随机取出一个值

var arr = ["被表白","好运连连","遍地桃花","升职","加薪","健康","出名","暴富","瘦成闪电"]; var sar = Math.floor((Math.random()*arr.length)); console.log(arr[sar]);...

2019-12-28 14:13:42 1785 1

原创引入微信公众号API的CDN

2019-12-28 11:35:37 892

原创 css3旋转动画效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-12-28 11:16:07 205

原创 CSS3弹窗动画效果

弹窗从上到下动画.fadein { animation: fadein .5s;}@keyframes fadein { 0% { transform: translate(0, -100%); } 100% { transform: none; }}弹窗从下到上动画.fadein { animation...

2019-12-27 16:05:52 2508

原创 JQuery weui日历只选择3天

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css"> <link ...

2019-12-27 15:16:47 412

原创小程序点击客服会话实现复制页面链接并发送

<button send-message-title="分享标题" send-message-img="分享的单个图片链接" show-message-card="true" send-message-path="../index/index?id={{id}}" class='details_button' open-type='contact' plain> </bu...

2019-12-26 17:36:31 3010

原创年月日中的/转为-

var date = '2019/12/26' var row = date.split('/') console.log(row.join('-'))

2019-12-26 09:56:11 159

原创前端实现画布长按保存全图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-12-25 16:08:23 590 5

原创移动端轮播中间可播放视频

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewport" content="width=device-width, initial-...

2019-12-25 11:33:19 436

原创 PC端中间突出效果

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewport" content="width=device-width, initial...

2019-12-25 11:18:55 131

原创 jq-weui的picker选择器获取数组里的ID

2019-12-24 17:19:52 1156 1

原创前端实现手机验证码

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" st...

2019-12-24 11:17:45 1932

原创获取链接上面的/参数

var pathname = window.location.href;//获取url值 var url = pathname.split('sign/'); console.log(url[1]) var item = url[1].split('/') console.log(item[0])...

2019-12-23 16:33:38 139

原创顶部tabbar标签选择

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script> <scri...

2019-12-21 17:29:37 320

原创字体渐变

background-image:-webkit-linear-gradient(top,#ff7143,#feb60c); -webkit-background-clip:text; -webkit-text-fill-color:transparent;

2019-12-21 16:46:58 158

原创 vant循环单选框并获取值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2...

2019-12-20 15:25:21 5719 1

原创 Vue使用vant循环多选框并取值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2...

2019-12-20 15:12:40 1317 1

原创 html或者VUE循环的单选框并取值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min...

2019-12-20 13:52:10 1335 2

原创 layui日期组件，并渲染其中部分日期

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equi...

2019-12-20 09:15:42 329

原创函数防抖，节流

var fandou = true $(".begin").click(function () { if (fandou){ $.ajax({ type: "post", //请求方式 url: "", ...

2019-12-16 09:14:39 93

原创小程序产品页面

<view class="page"> <view class="page__bd"> <view class="weui-tab"> <view class="weui-navbar"> <block wx:for="{{tabs}}" wx:key="*this"> &lt...

2019-12-14 14:00:49 521

原创小程序textarea实时显示输入框值的长度

<textarea placeholder="请输入理由/提出宝贵的建议" maxlength="{{max}}" bindinput="getopinion"></textarea> <view class="limit">{{min}}/100</view> data: { min: 0, max: 100,...

2019-12-14 11:14:01 731

原创小程序Promise函数封装

app.js里获取pages需要拿的参，使用promise处理 getlogin() { var that = this return new Promise(function (resolve, reject) { wx.login({ success: (res) => { wx.request({ ...

2019-12-14 11:11:16 172

原创 Css斜四边形

transform: skew(0deg, -20deg);

2019-12-13 16:30:34 1613

原创移动端旋转地球轮播图

<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta charset="utf-8">...

2019-12-12 17:11:20 460

原创 html页面实现swiper轮播图

2019-12-12 15:51:20 2584

原创一行文字或多行文字自动向下滚动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面标题</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min....

2019-12-12 15:06:24 460

原创 H5瀑布流布局

<view class="content"> <view class="left"> <block wx:for="{{note}}" wx:for-item="item" wx:key="index"> <view class="item" wx:if="{{index%2==0}}"> ...

2019-12-12 09:57:22 357 1

原创小程序星星评分效果

<view class='content'> <view> <view wx:for="{{stars}}" wx:key="" style='background:url("{{item.flag==1?item.bgImg:item.bgfImg}}") no-repeat top; background-size:100%;' data-index=...

2019-12-11 10:56:51 124

原创 alert弹出框ios系统去掉url

修改前修改后 window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; iframe.setAttribute("src", 'data:text/plain,'); d...

2019-12-10 14:30:27 177

原创微信小程序截取数组每三个为一组渲染

data:{ currentSwiper: 0, recom_list: [{ avatar: 'https://sucai.suoluomei.cn/sucai_zs/images/20191121093322-1.png', name: '小禾', college: '圣迪斯哥美容博士', praise: '666'...

2019-12-09 10:32:57 2745 2

原创图片形式的input框选中并拿值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=...

2019-12-09 09:37:58 192

原创 jQuery限制复选框checkbox的选中次数

<div class="one"> <input type="checkbox" name="checkbox" value="A"> </div> <div class="two"> <input type="checkbox" name="checkbox" value=...

2019-12-09 09:23:36 196

原创原生js下拉加载更多

2019-12-07 15:56:56 258

原创小程序筛选框弹出动画效果

.fadein { animation: fadein .5s;}@keyframes fadein { 0% { transform: translate(100%, 0); } 100% { transform: none; }}

2019-12-07 15:49:28 956

原创获取链接后面/的参数

var pathname = window.location.pathname;//获取url值 pathname = pathname.split('/') for (let i = 0; i < pathname.length; i++) { if (pathname[i] == 'actype') { actype = p...

2019-12-07 14:01:01 359

原创 H5使用vant封装的底部tabbar导航

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首页</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js...

2019-12-07 13:45:08 1260

原创 Vue刷新会显示{{xxxxx}},在标签上用以下方法

v-cloak

2019-12-07 11:48:35 769

原创一块文本上下滚动

css .gundtwo { margin:20px; } .gundtwo ul, li { margin: 0; padding: 0 } #scrollDiv { width: 23%; height: 23%; min-height: 23%; line-h...

2019-12-04 14:04:10 218

原创 html引入vant省市区选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2....

2019-12-04 11:25:50 1987 2

空空如也

空空如也