- 博客(27)
- 收藏
- 关注
RSS订阅原创 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
779
原创 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
1672
原创 UniApp：方法篇：微信小程序海报生成和保存
UniApp在微信小程序中的Canvas画布操作画布建立建立画布<!-- 禁止画布被拖动 --><canvas canvas-id="posterid" style="width:300rpx;height:400rpx;" disable-scroll="true" @touchstart="" @touchmove="" @touchend=""><
2022-04-29 11:02:39
1922
原创 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
1067
原创 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
652
原创 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
511
原创 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
1101
原创 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
26499
原创 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
882
原创 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
9161
原创 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
2622
原创 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
107
原创 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
935
原创 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
829
原创 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
2687
原创 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
1266
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
2190
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
9524
7
原创 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
220
原创 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
1751
原创 UniApp：小程序篇：授权登录
<template> <view> <!-- 信息授权登录在小程序更新规则后，目前仅支持【button】按钮调用 --> <!-- 授权获取个人信息 头像 + 昵称 个人小程序ID或企业级ID--> <!-- @getuserinfo="getUserInfo" 这里不需要传值 --> <!-- @getuserinfo="getUserInfo(e)" 这样写是错误的 @getPhon
2021-03-11 16:00:01
1416
原创 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
1872
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人