yzyblog的博客

最近写小程序时，遇到了 iPhoneX 底部小黑线与内容重叠的问题，实际上是iPhoneX安全区域的适配问题，了解清楚这个问题花了挺多时间的，也实操出了结果，忍不住来总结总结。本文目录前言 · 内容与小黑线重叠情况说明1.安全区域含义2.微信小程序适配iPhoneX底部小黑条(Home Indicator) （1）适配方案一：使用已知底部小黑条高度34p...

使用<iframe src="./iframe.html" frameborder="0" scrolling="auto" name="iframe"></iframe> 同域的情况下，当前页面获取iframe页面里面的元素的话，必须使用加载事件，window.frames.iframeName.onload = ...，window.frames.iframeN...

<p>请输入手机号</p><input type="tel" novalidate="novalidate" pattern="[0-9]*"/>

// 判断设备类型 var judgeDeviceType = function() { var ua = window.navigator.userAgent.toLocaleLowerCase(); var isIOS = /iphone|ipad|ipod/.test(ua); var isAndroid = /android/.te...

jQuery中data（）解释为可以获取，设置元素自定义的属性，但是尽量不用data（）方法去获取元素的自定义属性;因为会有一些问题。&lt;div class="div" data-id="1"&gt;&lt;/div&gt;&lt;script&gt; var id = $(".div").data("id"); //1 $(".div&qu

 版权声明：本文为 FengCms FungLeo 原创文章，允许转载，但转载必须注明出处并附带首发链接 https://blog.youkuaiyun.com/FungLeo/article/details/80915256修复 iPhone X H5 底部安全区域定位按钮下内容穿透 BUG今日，开发了一个 h5 项目，其中有部分页面使用了底部按钮，采用的是相对于浏览器窗口定位的样式制作的。...

         &lt;div id="verifySms"&gt;            &lt;span&gt;获取验证码&lt;/span&gt;         &lt;/div&gt;var $verifySmsText = $('#verifySms span');    var smsSendable = true;    var countdownStart = 60;    v...

页面加载时需要加载，请求接口也需要loading。在前端loading的需求无处不在，就是为了让用户体验更好。做loading的方式也有很多：下面我处理loading的用一张小的png图，yong            .wgui-message{     position: fixed;     top: 50%;     left: 50%;     z-index: 11010; ...

&lt;div class="scroll_div "&gt;    &lt;ul&gt;        &lt;li&gt;&lt;/li&gt;    &lt;/ul&gt;&lt;/div&gt;function scroll() {        $(".ring_scroll_div ul").animate({            "margin-t

&lt;UL//文字滚动插件(function($){    $.fn.txtscroll=function(index,item){        var _wrap=$(this);        var _interval=2000;        var _moving;        _wrap.hover(function(){            clearInterval(_mo...

onchange触发事件必须满足两个条件：a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效）b）当前对象失去焦点(onblur)；onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的；oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性...

html&lt;div class="square"&gt;    &lt;div class="content"&gt;        Hello!    &lt;/div&gt;&lt;/div&gt;css        .square {     position: relative;     width: 50%;.square {     position: relative;    ...

HTML/CSS/JS编码规范文章是来自掘金的一篇文章。觉得写得很好，很详细。记录一下。目录：一、HTML编码规范二、CSS编码规范三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表达的意思，因为alt是在图片无法加载时显示的文字。如下不太好的写法：&lt;img src="co...