自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Welcome to Tonxiu

找到适合自己的学习方法

  • 博客(21)
  • 收藏
  • 关注

原创 antd vue table 设置点击行(更改颜色、radio选中)

1、绑定 customRow2、绑定rowClassName<a-table :customRow="onClickRow" :rowClassName="rowClassName" :columns="columns" :dataSource="dataSource" :rowKey="rowKey" :pagination="pagination" :row-selection="{ type: selectType,selectedRowKeys: select.

2021-12-03 11:35:10 2663 1

原创 JavaScript获取当前页面地址

window.location.href console.log(window.location.href) //返回当前页面的 href (URL)window.location.hostnameconsole.log(window.location.hostname)//返回(当前页面的)因特网主机的名称。例 blog.csdn.netwindow.location.pathnameconsole.log(window.location.pathname)//返回当前页面的路径名。w

2021-08-04 11:40:48 1075

原创 微信小程序复制文本方法

/*复制到剪贴板*/ wx.setClipboardData({ data: '复制内容',//传入复制的内容 success: function () { wx.showToast({ title: '复制成功', }) } }) 另: /*获取系统剪贴板的内容*/ wx.getClipboardData({ success(res) { cons..

2021-05-18 11:48:47 2874

原创 微信小程序使用空格无效

/*(必须是在text标签中)*/ <text decode="true">&nbsp;&nbsp;&nbsp;&nbsp;再试一下</text>

2021-05-18 11:40:47 994 1

原创 微信小程序使用npm安装第三方库/vant-weapp

以 Vant 有赞 移动端组件库为例安装1、在小程序根目录初始化,然后一直回车,根目录出现 package.jsonnpm init2、通过 npm 安装,根目录出现 node_modulesnpm i @vant/weapp -S --production3、将 app.json 中的 "style": "v2" 去除,避免组件样式混乱。4、修改 project.config.json{ ... "setting": { ... "packNpmManua

2020-12-16 16:43:57 1269

原创 H5微信打开后引导用户去浏览器

效果图素材1+素材2<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> <script sr

2020-12-16 15:45:25 4238 1

原创 H5页面在支付宝内获取淘宝地址(完整代码)

效果图//引入jsAPI的功能js<script src="https://as.alipayobjects.com/g/component/antbridge/1.1.1/antbridge.min.js"></script>//收货地址需要引入这个额外JS<script src="https://publicexprod.alipay.com/deliveraddress/selectAddress.js"></script>//选取收货地址

2020-05-28 16:58:27 2079 13

原创 高频使用的 Git 命令

高频使用的 Git 命令

2020-03-03 17:16:52 86

原创 H5图片压缩上传jquery.imagecompress.js

图片压缩后上传这里用到了一个插件,使用起来很方便,更能达到我们的要求地址:jquery.imagecompress.js<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, i...

2020-02-25 16:13:03 820

原创 WX小程序笔记

1、解决 &nbsp;不能使用问题;(必须是text标签) <text decode="true">&nbsp;&nbsp;&nbsp;&nbsp;再试一下</text>2、解决一键复制问题; copy() { wx.setClipboardData({ data: '2019121200001', ...

2020-01-11 11:58:55 170

原创 H5打开新窗口与页面跳转的几种方法

1、window.location.href=URL : 在本窗体打开一个新的页面,也是最常用的一种方法;2、window.open(URL) : 在一个新的窗口打开一个新的页面;3、location.replace(URL) :本窗口的页面被替换为一个新的页面URL,替换后不可以回退到上个页面;4、localtion.assign(URL) :本窗口的页面转为为一个新的页面URL,与上...

2019-12-20 18:01:25 24484 2

原创 H5获取手机验证码

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

2019-12-10 14:46:03 2945

原创 H5根据后台列表接口,进行分页加载数据

要实现这样一个功能:有一个列表页,因为数据过多,每一页会显示十条数据,当点击加载更多的时候加载下一页的十条数据,直到全部加载完(后台返回的数据)。引入外链资源 <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css"> <link rel="stylesheet...

2019-12-10 14:17:46 940

原创 H5判断浏览器环境

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

2019-11-29 16:55:42 785 1

原创 H5获取系统版本和手机型号

这里需要引入三个js文件jquery.js,mobile-detect.js,code.js。需要引入以下js <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> <script src="mobile-detect.js"></script> <...

2019-11-27 13:51:20 5954

原创 H5页面有多个倒计时的解决办法

这里用到了vue中的Vue.set(),实现数据动态响应。具体用法可以参考Vue.set()实现数据动态响应<body> <div id="app" v-cloak> <div v-for="item in orders">{{item.time}}</div> </div> <script src="http...

2019-07-27 11:21:43 741

原创 关于JavaScript倒计时(时、分、秒)

适用于页面有一个倒计时(多个倒计时请往下看看)<script> setInterval(function() { getTime(); }, 1000); function getTime() { var nowDate = new Date(); var oldData = new Date("2019-07...

2019-07-26 09:49:15 108

原创 关于Html5做App(webapp)中界面适配的问题

在采用rem作为大小单位的同时通过JS根据屏幕大小计算出一个合适的数值赋值给当前的html即可。然后全文设置字体大小或控件大小时使用rem作为单位。也可以配合百分比设置控件大小。这样一来基本上可以根据屏幕尺寸完美缩放自己的界面了。 <script> window.onload = function() { //会在页面或图像加载完成后立即发生 var fontSize = ...

2019-07-25 18:13:52 290

原创 对图片进行懒加载

这里使用的是jQuery.lazyload.js的一个插件,需要引入下边://这里本人用到了vue,实际开发中根据自己的需要<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script><script src="https://cdn.bootcss.com/jquery/3.2.1...

2019-07-21 19:57:02 222

原创 js获取url参数

此方法是写在了vue的methods中,可以在created中直接this.getParams()调用,获取所有的参数。getParams: function() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?"...

2019-07-21 15:22:13 136

原创 关于H5前端,微信ios软键盘撑起页面下不来的解决方案

微信H5页面ios软键盘撑起页面下不来的解决方案input,select,textarea自行选择://input输入框弹起软键盘的解决方案。var bfscrolltop = document.body.scrollTop;$("input").focus(function () { document.body.scrollTop = document.body.scroll...

2019-07-21 14:50:57 667

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除