随笔分类 - Javascript
摘要：我坚信很多开发者依旧与这些基本的全局对象打交道：numbers，strings，objects，arrays 和 booleans。 大部分业务场景，以上这些已经够用了。但是，如果你想让你的代码运行的尽可能快、可扩展性尽可能的好，那么这些基本类型并不够优秀。 在这篇文章，我们将要讨论如何利用 JS
阅读全文
摘要：在许多编程语言中，switch语句存在 - 但是它应该更长吗？如果你是一个JavaScript程序员，你经常跳进和跳出对象，创建，实例化和操作它们。对象非常灵活，它们是JavaScript中几乎所有内容的核心，使用它们代替switch语句是我最近一直在做的事情。 什么是switch语句？ 如果您以前
阅读全文
摘要：一般我们在页面渲染时间的时候都是 xx年-xx月-xx日，这种格式的日期在ios系统里是无法显示的， 将xx年-xx月-xx日的时间格式改为xx年/xx月/xx日就可以解决这个问题。 //获取时间戳 function formatTimeStamp(date,time='0:0:0'){ retur
阅读全文
摘要：JS获取当前时间戳的方法 获取当前毫秒时间戳有以下三种方法： var timestamp = Date.parse(new Date()); 结果：1598924276000 //不推荐; 毫秒改成了000显示 var timestamp = new Date().valueOf(); 结果：159
阅读全文
摘要：需求 当用户在a页面点击按钮时跳转到b页面，如果b页面还未打开，则在新窗口中打开b页面；如果b页面已经打开，则刷新b页面。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti
阅读全文
摘要：遍历map对象 遍历map对象时适合用解构,例如： for (var [key, value] of phoneBookMap) { console.log(key + "'s phone number is: " + value); } 当你为对象添加myObject.toString()方法后，
阅读全文
摘要：一、for in和for of for in for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。 for in遍历数组的问题 index索引并不是一个数字,而是一个String,不能直接进行几何运算,容易误操作为字符串计算。 遍历顺序有可能不是按照实际数组的内部顺序。 使用
阅读全文
摘要：方法一 Object.keys() 通过ES6新增的一个Object.keys()方法 该方法会返回一个由给定对象自身的（不含继承的）可枚举（enumerable ）属性组成的数组，数组中属性名的排列顺序和使用 for...in.. 循环遍历该对象时返回的顺序一致 。即可以通过返回数组的长度来判断是
阅读全文
摘要：例如我们希望输出的数字长度是固定的，假设为5，如果数字为123，则输出00123，不够位数就在之前补足0，这里提供了三种不同的方式实现JS代码给数字补0 的操作。 方法一 function PrefixInteger(num, length) { return (num/Math.pow(10,le
阅读全文
摘要：1.返回控制与函数结果的情况 return 表达式; 该语句结束当前函数执行，返回调用的函数，而且把表达式的值作为函数的结果输出。 2.返回控制ture和false的情况 无函数结果 return true; 相当于执行符。 return false; 相当于终止符。它的作用一般是用来取消默认动作的
阅读全文
摘要：本文实例为大家分享了js实现列表向上无限滚动的具体代码，供大家参考，具体内容如下： 在项目中有用到需要无限向上滚动，循环中奖手机号码，实现代码如下： html： <h5>恭喜以下中奖用户！</h5> <div class="list_bg"> <ul class="customer_list"></
阅读全文
摘要：window的location对象 window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) window.location.protocol URL 的协议部分。返回值：http: window.location.host URL 的主机部分(带端口号) windo
阅读全文
摘要：什么是伪元素 伪元素用于向某些选择器设置特殊效果。 已存在元素是指DOM中存在的，伪元素则是虚拟的一种，样式也是给这个虚拟的元素使用的。 比如伪元素 :before和:after，用于在CSS渲染中向元素的头部或尾部插入内容，它们不受文档约束，也不影响文档本身，只影响最终样式。这些添加的内容不会出现
阅读全文
摘要：forEach() 用于遍历数组，无返回值 1.基础点 forEach的使用频率很高，多用于对数组自身的改变和各元素相关统计性的计算，重要特性如下： 可以改变数组自身，没有返回值； 中途不能用常规操作跳出循环，可以用抛出异常（try/catch）的方式，但不推荐这样做； 2.易错点 forEach(
阅读全文
摘要：原文： 切换选项卡时，保留复选框勾选(1) 更新内容：将选项卡显示隐藏做了封装等，考虑了更多选项卡的情况，有待更优解~~ 更新后代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti
阅读全文
摘要：前几天写过一篇 用js将HTML重新排序 的文章，其中用到sort来排序。 那么，我们先来回顾下sort的用法： 回顾 Array.prototype.sort() 方法 用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是先将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的
阅读全文
摘要：在开发的过程中，经常遇到获取到的是类数组对象，比如DOM集合,nodeList，以及classList也是类数组。 有时我们需要类数组去调用数组的方法，怎么办？ 1.遍历类数组，将元素依次放入空数组 var data=document.querySelectorAll("li"); var divL
阅读全文
摘要：问题 最近一个页面中用到appendChild来追加内容，此时发现当多次添加相同的li标签时，页面上却只出现了一个li标签。 <ul id="mylist"></ul> <script> const mylist = document.getElementById('mylist'); const
阅读全文
摘要：问题 下面代码中，使用js将li按照data-id来重新排序。 <ul id="mylist"> <li data-order="2">item2</li> <li data-order="3">item3</li> <li data-order="1">item1</li> </ul> 方法一 c
阅读全文
摘要：需求 项目中遇到一个需求，点击不同的选项卡，显示不同的数据，显示的数据为多个复选框不等， 如图所示，点击“数据1”即显示data1中的数据，点击“数据2”即显示data2中的数据，且要求两个选项卡中的复选框勾选互不影响。 问题 最初采用的方式为，点击“数据1”使用data1的数据渲染到class为c
阅读全文
浙公网安备 33010602011771号