
h5
眼睛微微笑
0.0
展开
-
js判断给定时间是否在某一段时间内
// 判断当前时间是否在给定时间段内 ios需要把时间的-替换成/export function isDuringDate(begin,end) { const currentTime = new Date()-0 const beginTime = new Date(begin.replace(/-/g,'/'))-0 const endTime = new Date(end.replace(/-/g,'/'))-0 if(currentTime>=beginTim原创 2021-12-17 16:38:52 · 394 阅读 · 0 评论 -
根据图片自身大小自适应显示
创建imghook.js://首先图片是1:1比例,解决不同图片免去单独设置宽高import { ref } from "vue";let imgStyle = ref({});const imgWidth = ref("");const imgHeight = ref("");const getSize = (naturalWidth, naturalHeight) => { const clientWidth = document.documentElement.clientWid原创 2021-12-09 23:27:00 · 871 阅读 · 0 评论 -
基于vue3的九宫格抽奖
基于vue3的九宫格抽奖九宫格使用jq,所以vue3引用了jq包可见源码地址github项目地址https://github.com/cc147151/luck原创 2021-12-08 21:29:07 · 462 阅读 · 0 评论 -
vscode如何自动编译把scss/sass编译成css
1.vscode=》扩展=》添加Live Sass Compiler插件2.设置=》搜索livesass 如图所示:3.点进去进行编辑:```javascript "liveSassCompile.settings.formats":[ // 扩展 { // "format": " ",//可定制的出口CSS样式(expanded,compact,compressed,nested) "extensionNam原创 2021-01-24 14:42:48 · 3508 阅读 · 3 评论 -
scss的混入和继承,以及for,each循环
index.scss$color-red:red;$color-blue:blue;@mixin flex($direction,$jus-con:'',$ali-itm:'') { display: flex; @if $direction=='column' { flex-direction: column; }@else { flex-direction: 'xxx'; } justify-content: $jus-con原创 2021-01-24 14:28:35 · 532 阅读 · 0 评论 -
h5封装axios请求
import axios from 'axios'import { Toast } from 'vant'if (process.env.PRODUCTION) { axios.defaults.baseURL = 'https://test'} else { axios.defaults.baseURL = 'https://prod'}// dev// axios.defaults.baseURL = 'https://test' // prod// axios.defaults原创 2020-06-15 08:44:13 · 1404 阅读 · 0 评论 -
浏览器地址栏普通传参(对象),如何获取浏览器参数
// 需要encodeURL()编码var editData=encodeURI(JSON.stringify({name:'sss',age:'11'})) window.location.href = `./html/address.html?editData=${editData}` // address页面 需要decodeURL解码 var obj = JSON.parse(de...原创 2020-04-29 11:28:35 · 724 阅读 · 0 评论 -
限制只能输入文字和字母(空格,特殊符号,表情都不行)
if(!(/^[a-zA-Z\u4e00-\u9fa5]+$/.test(name))) { Toast('不能包含空格表情等特殊字符') return } // 可以包含数字的 if(!(/^[0-9a-zA-Z\u4e00-\u9fa5]+$/.test(address))) { Toast('只限数字字母汉文') ...原创 2020-04-29 11:23:31 · 761 阅读 · 0 评论 -
h5中在 iOS 上唤起软键盘,键盘收回后页面不回落
//全局监听 input 失焦事件,当触发事件后,将 body 的 scrollTop 设置为 0。document.addEventListener('focusout', () => { document.body.scrollTop = 0;});// 或者 $('.input').blur(function() { window.scrollTo(0,0) ...原创 2019-12-09 20:09:59 · 480 阅读 · 0 评论 -
h5中,获取焦点后,带有定位的元素被顶起怎么办?
const clientHeight = document.documentElement.clientHeight; window.addEventListener('resize', () => { const bodyHeight = document.documentElement.clientHeight; const ele...原创 2019-12-09 20:07:55 · 278 阅读 · 0 评论 -
jq请求自定义处理
// 这里后台采用的是 application/jsonfunction request(url, data, suc, fai) { $.ajax({ type: 'POST', url: 'http://47.110.48.247:9330'+url, // url: '/agent'+url, headers: { // token: get...原创 2019-11-28 15:59:17 · 190 阅读 · 0 评论 -
获取浏览器的参数方法
function getParams(arr = [], obj = {}) { let parStr = window.location.search.substring(1) if (parStr.indexOf('&') !== -1) { // 说明还有其他参数 arr = parStr.split('&') arr.forEach(item...原创 2019-11-28 15:55:21 · 595 阅读 · 0 评论 -
带动画的锚点链接
// 点击 .ruler元素,让 id为newRuler的元素以动画的方式滚动到页面顶部。// 前期是newRuler的父元素没有定位,因为offsetTop是参照最近的并且带有定位的父元素 48是因为iphoeX刘海屏。 var newRuler = document.getElementById('newRuler') console.log(newRuler.offsetTop...原创 2019-11-26 09:23:09 · 444 阅读 · 0 评论 -
rem,移动端适配问题,h5必备
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">// r...原创 2019-11-26 09:17:31 · 406 阅读 · 0 评论