ZerlinM

2020年8月19日

摘要：有这样一个数组arr，让每个对象的num1相加， num2相加， num3相加，然后返回得到3个数。即num1的总和，num2的总和， num3的总和。方法如下： let arr = [ {id: 1, num1: 10, num2: 20, num3: 30}, {id: 2, num1: 1 阅读全文

posted @ 2020-08-19 18:33 ZerlinM 阅读(1706) 评论(0) 推荐(0)

页面加载完关闭loading效果

摘要：根据页面是否加载完毕来关闭loading效果：首先，我们要想知道页面是否加载完毕，需要知道以下几点： 1.document.onreadystatechange 页面加载状态改变时的事件 2.document.readyState 页面当前文档的状态 1）.uninitialized 还未开始载入阅读全文

posted @ 2020-08-19 18:21 ZerlinM 阅读(1405) 评论(0) 推荐(0)

移动端实现fixed定位的导航栏选项横向滑动

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

posted @ 2020-08-19 14:27 ZerlinM 阅读(733) 评论(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 阅读(497) 评论(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 阅读(629) 评论(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 阅读(522) 评论(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 阅读(329) 评论(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 阅读(1358) 评论(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 阅读(2233) 评论(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 阅读(842) 评论(0) 推荐(0)

公告