前端 - 程序猴 - php技术博客,php教程,phpblog,web开发,php,mysql,linux,laravel,程序猴博客

微信小程序蓝牙连接发送信息

小天天天天　　　前端　　　 44 次　　 2023-05-16 16:32:21

///获取应用实例varapp=getApp()Page({data:{lanya:"",state:"",msg:"",sousuo:"",status:"",connectedDeviceId:"",//连接设备Iddevices:[],serviceId:"",writeCharacteristicId:"",notifyCharacteristicId:"",},onL
原生小程序左右滑动切换页面事件

小天天天天　　　前端　　　 73 次　　 2023-04-28 10:44:52

微信小程序的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。这三个事件最重要的属性是startX和startY，表示X，Y坐标。touchstart在触摸开始时触发事件;touchend在触摸结束时触发事件;1：在wxml文件中绑定事件<viewclass='header_content'bindtouchstart="touchstart"bindtouchmove="touchmo
微信小程序数字键盘

小天天天天　　　前端　　　 96 次　　 2023-04-18 14:50:44

近期在小程序中使用到了数字键盘，由于某些需求手机自带的数字键盘无法满足，于是通过查看一些文章，自己模仿支付宝弄了一个键盘，下面是样式的源码：有身份证键盘和纯数字键盘两种:<viewclass="keyboard"> <!--<viewclass="keyboard-line"> <viewbindtap="_cancelNumber"style="width:37%;"> <v
jq和js在移动端页面中调用手机震动

小天天天天　　　前端　　　 158 次　　 2023-03-13 17:49:31

本文介绍利用JQ和JS在移动端页面中调用手机震动，在我们的代码中我们想要让手机振动的地方，只需使用navigator.vibrate(200);即可调用震动，其中200代表振动应该持续的毫秒数。对于一个模式中的多个脉冲，传入一个值数组。该数组定义了手机振动、暂停、振动等的交替时间：navigator.vibrate([200,100,200]);下面来看一下具体的例子，里面包含了对IOS系统的判断，以免在IOS系统下强制调用造成应用崩溃
Javascript 实现复制（Copy）动作方法大全

小天天天天　　　前端　　　 395 次　　 2022-12-10 23:59:23

一、实现点击按钮，复制文本框中的的内容<scripttype="text/javascript">functioncopyUrl2(){varUrl2=document.getElementById("biao1");Url2.select();//选择对象document.execCommand("Copy");//执行浏览器复制命令alert("已复制好，可贴粘。");}</script>&
各大网站CSS代码初始化集合

小天天天天　　　前端　　　 294 次　　 2022-12-09 23:23:49

css代码之所以初始化，是因为能尽量减少各浏览器之间的兼容性问题!腾讯QQ官网 样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}body{font:12px"宋体","ArialNarrow",HELVETICA;background:#fff;-webk
小程序页面跳转的方法

小天天天天　　　前端　　　 246 次　　 2022-12-09 13:39:03

小程序页面之间的跳转方式有很多种，我们下面就来分析一下每种跳转方式的不同已经优缺点。需求：从index.wxml页面,跳转到aaa.wxml页面方法一：WXML页面实现<navigatorurl="/pages/aaa/aaa">跳转到新页面</navigator><navigatorurl="/pages/aaa/aaa"open-type="redirect">跳转到新页面</naviga
jQuery插件jquery.lazyload.js实现图片懒加载

小天天天天　　　前端　　　 230 次　　 2022-12-07 11:06:31

逻辑：引入jquery.js库和jquery.lazyload.min.js插件，在当前页需要懒加载的图片标签里面添加lazy类和data-original属性，在页尾script地方调用$("img.lazy").lazyload();即可。STEP1：引入资源<scripttype="text/javascript"src="/js/jquery.min.js"></sc
js获取url参数值的方法

小天天天天　　　前端　　　 292 次　　 2022-12-07 10:44:00

Location对象是Window对象的一个部分，可通过window.location属性来访问。hash：设置或返回从井号(#)开始的URL（锚）。host：设置或返回主机名和当前URL的端口号。hostname：设置或返回当前URL的主机名。href：设置或返回完整的URL。pathname：设置或返回当前URL的路径部分。port：设置或返回当前URL的端口号。protocol：设置或返回当前URL的协议。search：设置或返回
JS监听手机返回键，回到指定界面

小天天天天　　　前端　　　 250 次　　 2022-12-05 22:55:14

方法1:$(function(){pushHistory();window.addEventListener(“popstate”,function(e){window.location=返回的地址},false);functionpushHistory(){varstate={title:“title”,url:“#”};window.history.pushState(state,“title”,“#”);
js模拟各种按键操作

小天天天天　　　前端　　　 999+ 次　　 2022-10-15 18:44:17

甭废话,直接上代码://监听按键事件document.onkeydown=function(ev){varevent=ev||eventif(event.keyCode==13){alert("按了enter键")}};//模拟触发事件vare=newKeyboardEvent('keydown',{'keyCode':13,'which':13});document.dispatchEvent(e);这个例子是模拟回车的
vue3 父子组件传值详解

小天天天天　　　前端　　　 656 次　　 2022-09-29 00:01:14

这篇文章主要为大家介绍了vue的父子组件传值，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助现在距离vue3的诞生已经过了很长时间了，笔者也是近期才开始学习vue3。对比vue2来看，vue3在写法发生了不小的变化，最典型的例子就是vue3通过ref，或者reactive实现数据的响应式。因为ref和reactive的出现，使得vue3中父子组件的传值方式也发生了变化咱们先看下vue2中的写法:vue2父组件:&
pm2进程管理工具常用命令

小天天天天　　　前端　　　 723 次　　 2022-08-22 21:10:00

#开机自启动pm2startup#启动某个进程pm2startgeth.js#列出所有已经启动的进程pm2listpm2ls#实时监控状态pm2monit#查看指定应用信息，id=0pm2info0#停止gethpm2stopgeth#重运行gethpm2restartgeth#删除gethpm2deletegethpm2stop0//停止进程pm2delete0//中止并删除进程$pm2start
前端开发中，使用base64图片的弊端是什么？

小天天天天　　　前端　　　 999+ 次　　 2022-03-28 10:28:17

弊端主要不在于base64编码后比原图要大，而是因为如果把大图片编码到html/css中，会造成后者体积明显增加，明显影响网页的打开速度。如果用外链图片的话，图片可以在页面渲染完成后继续加载，不会造成阻塞。如果base64是被编码到css/js中，是可以缓存的，因为css/js文件可以缓存。使用base64的另外一个弊端是IE的兼容性问题。IE8以下不支持dataurl，IE8开始支持dataurl，却有大小限制，32k（未测试）。还有
nuxtjs下的axios跨域代理

goldenlee　　　前端　　　 999+ 次　　 2022-03-23 15:14:38

在nuxt.config.js配置文件中，添加如下代码：//Modules:https://go.nuxtjs.dev/config-modules//modules模块，挂载在vue实例上。modules:['@nuxtjs/axios'],axios:{proxy:true,prefix:'/api',//表示给请求的url加个前缀credentials:true,//表示跨域请求时是否需要使用凭证//deb
uniapp增加百度评论组件/动态组件

goldenlee　　　前端　　　 999+ 次　　 2022-03-16 10:11:24

1.manifest.json全局开启动态组件在manifest.json文件中，添加如下代码：{"name":"xxxxxxxx","appid":"",//添加如下代码："mp-baidu":{"usingComponents":true,"appid":"xxxxxxxx","dynamicLib":{"myDynamicLib":{"provider":"swan-interaction"}}}}