- 博客(28)
- 问答 (1)
- 收藏
- 关注
原创 【vue】查看代理的后台地址
背景有时候,我们在解决跨域问题时使用了代理的方法,在这是我们调用接口时,通常请求的url会把后台的地址显示成自定义的名称。但是我这种人呀,就是害怕这个后台的地址不是我想要的,所以就是想要输出来看看。那么怎么办呢?我们只需要在config.js里加上 logLevel:‘debug’ 就可以在终端打印出后台的定制啦~...
2022-05-18 16:37:58 3071
原创 连续点击事件
背景前端在做隐藏功能的时候,时不时会用到一些特殊的触发事件。就好比说,连续点击某个位置触发。原理记录每次点击的时间,判断此次点击与上一次点击时间差,若时间差是允许的话则为有效连击(numClick++),否则就清除连击次数(numClick=1)。当连击次数累计到指定数值时触发事件。实现代码let timer = null; // 定时器const waitTime = 300; // 允许间隔时间(单位:ms)let = 0; // 连击累计次数let lastTime = new Da
2022-04-27 09:48:55 3789
原创 普通H5唤醒小程序(微信浏览器)
吐槽:网上推荐的都是公众号或云开发的H5实现唤醒小程序的方法,但对于我们这种非公众号非云开发的双非H5来说,就是一头懵了。幸好没有放弃,所以才能遇到解决方案~需求:制作一个H5(中转页),实现在微信浏览器内唤醒小程序,在其他浏览器内跳转至应用宝页面。实现:通过获取 URL Scheme 实现唤醒小程序~小程序官方提供的接口是服务器端调用的,所以我们这些前端的小朋友就很轻松了~ window.location.href = ‘后端返回的URLScheme路径’如果你想要在前端直接调用官方提
2022-03-16 17:15:44 2590
原创 行内元素 & 块级元素 & 行内块级元素
行内元素 块级元素 行内块级元素1.行内元素2.块级元素3.行内块级元素html元素包含行内元素 、块级元素以及行内块级元素1.行内元素display:inline;与其他元素并排一行,不能设置宽高不能自动换行margin-top、margin-right无效行内元素a锚点abbr缩写acronym首字b粗体(不推荐)bdobidi overridebig大字体br换行cite引用code计算机代码(在引
2021-09-26 15:27:10 110
原创 wx小程序 --- 可拖动的悬浮按钮
需求最近要做一个悬浮可拖动的按钮。按钮跟着手指一起移动,松开按钮时,若按钮此时位于页面中间偏左,按钮就按原高度向左靠。同理,偏右则向右靠。效果实现步骤1.首先我们得有个父的按钮<!-- 悬浮可拖动按钮 --><view class="suspend-btn" style="top:{{btnTop}}px;left:{{btnLeft}}px;"></view>/* 悬浮按钮样式 */.suspend-btn { position: absol
2021-07-21 17:08:50 1180 5
原创 Canvas笔记(持续更新~)
Canvas,又称“画布”,是HTML5的核心技术之一。HTML5中新增了一个Canvas元素,我们常说的Canvas技术,指的就是使用Canvas元素结合JavaScript来绘制各种图形的技术。使用Canvas元素来绘制图案,分3步:获取Canvas对象获取上下文环境对象context绘制图形Step1.获取Canvas对象// 为求方便,这里把它封装成函数// 通过id获取Canvas对象 $$(id) { return
2021-07-01 11:22:45 236
原创 vue --- 加入购物车动画
需求仿饿了么app的加入购物车动画实现效果页面只是随便做的,主要是那个动画效果~!实现步骤step1: 先实现静态页面 <div class="pages-box"> <div class="header-title color-white f16">加入购物车动画</div> <div class="produce-list"> <div class="produce-item flex-imd" v-for=
2021-06-18 15:57:18 781
线上VUE项目的SSR改造过程中,node server.js 时报错 请求支援~
2022-03-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人