- 博客(29)
- 收藏
- 关注
原创 vue在axios请求下载文件时,通过headers的[content-disposition]获取文件名称
【代码】vue在axios请求下载文件时,通过headers的[content-disposition]获取文件名称。
2024-11-21 15:26:04
221
原创 JS方法篇:vue.js判断滚动条触底
mounted(){ window.addEventListener('scroll', this.handleScroll) // 监听页面滚动},methods:{ // 获取页面滚动距离 handleScroll (event) { //变量scrollTop是滚动条滚动时,距离顶部的距离 var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
2022-05-14 14:31:04
820
原创 UniApp:uniapp的接口封装(二)
新建 https 文件夹存放以下文件baseUrl.jsapis.jsrequest.jshttp.jsbaseUrl.js//存放主站域名const BASE_URL = 'http://www.ceshi.com'export { BASE_URL}apis.js//导入API地址import { BASE_URL } from '@/https/baseUrl.js'//常用APIclass Apis { API_URL = BASE_URL /..
2022-05-13 16:35:22
1732
原创 UniApp:方法篇:微信小程序海报生成和保存
UniApp在微信小程序中的Canvas画布操作画布建立建立画布<!-- 禁止画布被拖动 --><canvas canvas-id="posterid" style="width:300rpx;height:400rpx;" disable-scroll="true" @touchstart="" @touchmove="" @touchend=""><
2022-04-29 11:02:39
2349
原创 UniApp:方法篇:页面锚点
UniApp做页面锚点:uni.createSelectorQuery().select('.in').boundingClientRect( data => { uni.createSelectorQuery().select(".out").boundingClientRect( res => { console.log("res",res); uni.pageScrollTo({ duration: 100, scrollTop:data.top + 590 - r
2022-03-03 13:59:46
1105
原创 JS方法篇:常用方法总结
//获取地址栏的参数function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); return null;}
2021-11-30 19:04:20
702
原创 JS方法篇:封装下JQ的AJAX
//封装请求function push(url,headNum,status,datas){ let headsOne = {'Content-Type':'application/json'}; let headsTwo = {'Content-Type':'application/x-www-form-urlencoded'}; return new Promise((resolve, reject) => { $.ajax({ url:"http://www.ceshi.com
2021-11-29 14:52:34
548
原创 Vue篇:Router路由的配置
1.首先通过npm安装路由npm install vue-router --save-dev 2.在和main.js同级的位置创建router的文件 然后在router下创建index.js3.然后在index.js下配置路由import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path : '/', nam
2021-11-22 16:55:23
1142
原创 JS方法篇:清除所有cookie
//清空cookie function clearCookie() { var keys = document.cookie.match(/[^ =;]+(?=\=)/g); if (keys) { for (var i = keys.length; i--;) { document.cookie = keys[i] + '=0;path=/;expires=' + new Date(0).toUTCString();//清除当前域名下的,例如:m.kevis.com..
2021-11-20 22:32:22
27063
原创 JS方法篇:获取指定日期的时间差
js计算:从指定日期到今天的具体时间。例如计算2008-09-07 12:56:48 到今天的具体时间time:function(){ var startTime = this.times; var s1 = new Date(startTime.replace(/-/g, "/")), s2 = new Date(), runTime = parseInt((s2.getTime() - s1.getTime()) / 1000); var year = Math.floor(runTi
2021-11-12 11:42:26
917
原创 UniApp:方法篇:动态修改数组内容this.$set
在uniapp的多选中,常用来修改页面状态,需要涉及到数组的动态添加参数;数组:numList:[ { name:"第一个" }, { name:"第二个" }, { name:"第三个" }]方法:this.numList.forEach((item,index) => { console.log(item); this.$set(item,"status",false)})结果:numList:[ { name:"第一个", status:
2021-10-20 17:11:37
9875
原创 UniApp:uniapp的导入全局js
在common文件夹下新建一个js(例如test.js);test.js:function show(){ console.log("我是测试js");}module.exports = { show : show}在main.js内引入:import test from 'common/test.js';Vue.prototype.test = test;在页面内引用:this.test.show();...
2021-09-24 17:23:05
2738
原创 JS方法篇:正则收录(遇到新的就更新)
电话号码验证 function codeVerification(phone){ let phoneCodeVerification = /^[1][3,4,5,7,8][0-9]{9}$/; return phoneCodeVerification.test(phone); }密码验证:大小写字母 + 数字 function passwordVerification(password){ let passwordNum = /^(?![0-9]+$)(?![a-zA-Z]
2021-09-18 21:47:15
129
原创 UniApp:uniapp的request请求接口封装
import Vue from 'vue'import App from './App'// 封装请求接口const http = { /** * 提示开始请求 * @param {Object} text:提示的内容--[开始请求] * @param {Object} status:是否显示--[success/none] * @param {Number} times:显示的秒数--[2000] */ toast:function(text,status,times){
2021-08-18 14:28:32
998
原创 UniApp:微信小程序篇:新版登录
<template> <view class="content"> <button type="default" @click="login()">登录</button> </view></template><script> export default { data() { return { } }, methods: { login:function(){
2021-04-29 14:27:48
861
原创 UniApp:方法篇:循环picker
<template> <view> <view class=""> <!-- @click="pickerIndex = index" 点击时将当前下标【index】赋值给【pickerIndex】 --> <picker v-for="(item,index) in list" mode="selector" :range="item.content" @change="pickerChange" @click=
2021-04-10 09:58:53
2916
原创 UniApp:Vue特性篇:vue2.0的广播与接收(待详细了解)
this.$eventHub Vue2.0 事件的广播与接收(观察者模式)Vue2.0中可以使用$emit , $on, $off 分别来分发、监听、取消监听事件。官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了 一个空的vue实例就可以做到,因为Vue 实例实现了一个事件分发接口。在main.js中声明【eventHub】的Vue对象。Vue.prototype.$eventHub = Vue.prototype.$eventHub || new Vue();A页面:在【
2021-04-02 10:53:06
1425
1
原创 UniApp:方法杂记之滑动页面切换上下页
需求:触屏滑动页面,使页面整体元素移动,一定距离内松手回弹,超过一定距离后刷新内容;<template> <view @touchstart="start" @touchmove="mid" @touchend="end"> <view class="one" :style="{ left:leftVal + 'px', right:rightVal + 'px', }"> <text>内容</text> <
2021-03-18 13:51:02
2315
6
原创 UniApp:IOS篇:通用链接【Universal Links】配置
在做APP的项目中遇到了,APP向微信中分享信息的需求,因此了解到了iOS的通用链接【Universal Links】,查询了诸多资料,最后搞定了,特此记录一下。Dcloud问答社区:https://ask.dcloud.net.cn/article/36445Dcloud问答社区:ios通用链接配置简书:iOS Universal Links教程博客园:iOS 唤起APP之Universal Link(通用链接)第一步:开启Associated Domains服务1.登录苹果开发者网站,在
2021-03-17 11:06:06
10499
8
原创 JS方法篇:根据数组元素去重
利用for循环给数组去重function del(arr,val){ var numDeleteIndex = -1; for (var i = 0;i < arr.length; i++){ if (arr[i] === val){ arr.splice(i, 1); numDeleteIndex = i; break; } }}var arr = [1,2,3,3,
2021-03-16 16:57:13
259
原创 UniApp:方法杂记之获取页面内的元素信息
可以在【onReady】的生命周期获取页面盒子的元素宽高,来做一些适配。onReady:function(){ uni.getSystemInfo({ success: (res) => { console.log("各种参数",res); //包含各种参数:屏幕的宽高、状态栏的高度(网页一般为0)等参数; console.log("屏幕的高度",res.windowHeight); //页面内某元素的参数 let info = uni.createSelectorQ
2021-03-16 16:26:49
1808
原创 UniApp:小程序篇:授权登录
<template> <view> <!-- 信息授权登录在小程序更新规则后,目前仅支持【button】按钮调用 --> <!-- 授权获取个人信息 头像 + 昵称 个人小程序ID或企业级ID--> <!-- @getuserinfo="getUserInfo" 这里不需要传值 --> <!-- @getuserinfo="getUserInfo(e)" 这样写是错误的 @getPhon
2021-03-11 16:00:01
1491
原创 UniApp:方法篇之禁止蒙版下页面内容滑动解决办法整合
css解决办法:.将底层view 的css属性设置为如下 position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;此方法适用于主页面无滚动的情况。在蒙版层添加 @touchmove.stop.prevent=""<view class="mode" @touchmove.stop.prevent=""> <view></view>.
2021-03-10 16:20:15
1994
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人