ZerlinM

2020年8月19日

摘要：移动端的导航栏需要滑动到一定距离，固定在页面顶部（即fixed定位），此时要让导航栏内的选项卡横向滑动，效果如图代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> 阅读全文

posted @ 2020-08-19 14:27 ZerlinM 阅读(728) 评论(0) 推荐(0)

Math.random生成(n,m]范围随机数

摘要： 1. 开闭区间这个首先我们得弄明白 Math.random() 的范围和开闭区间问题吧？文档是有说明的，它是 [0, 1) 区间的。 2. 区间的移动和缩放平移使用加减，缩放乘以系数。 //取得(n,m]范围随机数 function leftOpen(n,m) { var result = Ma 阅读全文

posted @ 2020-08-19 14:05 ZerlinM 阅读(487) 评论(0) 推荐(0)

2020年8月18日

js中两个对象的比较机制

摘要：看到的一个关于类型转换的题目：对象 ab 是两个字面量函数，在进行比较的时候，可以发现大小和相等的比较结果都是 false： var a = {b: 42}; var b = {b: 43}; a < b; //false a == b; //false a > b; //false a <= b 阅读全文

posted @ 2020-08-18 08:34 ZerlinM 阅读(619) 评论(2) 推荐(0)

2020年8月14日

$().click()和$(document).on("click","selector",function(){})的区别

摘要： jQuery的出现，大大简化了对dom的操作，但是如果不是仔细阅读api和进行操作，就不知道其中最大的优点和使用方式。就拿$().click()和$(document).on('click','要选择的元素',function())来说，都是点击事件的操作，但是也有不同的地方。 1. $(选择器). 阅读全文

posted @ 2020-08-14 18:11 ZerlinM 阅读(510) 评论(0) 推荐(0)

CSS Tree-vscode插件使用

摘要： CSS Tree 功能介绍：将Html 文档结构直接生成对应 css, sass, less 组织结构使用方法：安装 css tree 插件选中对应的html文档结构 ctrl+shift+p 选择Generate css tree 阅读全文

posted @ 2020-08-14 18:10 ZerlinM 阅读(318) 评论(0) 推荐(0)

移动端禁止长按弹出菜单及选中文字

摘要：禁用长按选择文字功能 body { user-select: none; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; } 禁止长按弹出菜单 (未实际验证) node.addEventListener 阅读全文

posted @ 2020-08-14 18:09 ZerlinM 阅读(1340) 评论(0) 推荐(0)

CSS3实现div等宽高比缩放

摘要：需求在做响应式页面的时候有这样的需求，要求div的宽高等比例放大或缩小。我们先放图片：要做一排方形的div，放不下时自动换行。代码 HTML： <div class="container"> <ul> <li> <div class="inner">1</div> </li> <li> <d 阅读全文

posted @ 2020-08-14 18:08 ZerlinM 阅读(2216) 评论(0) 推荐(1)

js使用cookie存值和取值

摘要： 1.cookie中存值 function setCookie (name, value) { if (value) { var Days = 365; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 10 阅读全文

posted @ 2020-08-14 18:07 ZerlinM 阅读(835) 评论(0) 推荐(0)

移动端tap事件无视disabled属性

摘要：移动端项目中获取手机验证码的操作，其中引用到jquery-2.2.4.min.js和jquery.mobile.custom.min.js，先上代码： <input class="code_btn" type="button" value="获取验证码" /> js（问题代码）: /* 点击获取验证阅读全文

posted @ 2020-08-14 10:32 ZerlinM 阅读(318) 评论(0) 推荐(0)

input输入框autofill自动变成黄色

摘要：在做项目的时候发现苹果手机的safari浏览器下如果在点击软键盘上的验证码自动填充之后输入框input就会自动变成黄色查询原因如下：浏览器会自动加上方法一在之前input输入框有记录的情况下，会出现自动填充输入框背景颜色变成如上黄色，最简单的方法是禁止输入框自动填充。 <input typ 阅读全文

posted @ 2020-08-14 09:29 ZerlinM 阅读(838) 评论(0) 推荐(0)

公告