Javascript中实用的和新鲜的一些小知识

灰太狼 2022-06-05 22:37 220阅读 0赞

# #

### 1.    双位操作符 ###

Math.floor(4.9) === 4 // true ======> ~~4.9 === 4

Math.cell(4.9) === 5 // true ======> ~4.9 === 5

### **2.    MutationObserver-------------------- > 在某个范围内的DOM树发生变化时作出适当反应** ###

**    **new MutationObserver(

function callback

);

详细了解（[https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver][https_developer.mozilla.org_zh-CN_docs_Web_API_MutationObserver]）

### **3.  Object.freeze()  ---------------> 冻结对象（不可改变其属性）, 只冻结一层，若要冻结对象内的全部对象，可使用递归方法** ###

**    **var obj = \{

a: ‘a’,

b: ‘b’,

func: function () \{

console.log(‘func’);

\}

\}

var o = Object.freeze(obj);

obj.a = ‘aa’;

obj.a -------------> ‘a’

### **4. every****方法/some方法** ###

（接受两个参数，第一个是函数（接受三个参数：数组当前项的值、当前项在数组中的索引、数组对象本身），第二个参数是执行第一个函数参数的作用域对象，也就是上面说的函数中this所指向的值，如果不设置默认是undefined。）

*  every()： 该方法对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回true。
 *  some()： 该方法对数组中的每一项运行给定函数，如果该函数对任何一项返回 true，则返回true。

some方法是碰到一个返回true的值时候就返回了，并没有继续往下运行，而every也一样，第一个值就是一个false,所以后面也没有进行下去的必要了，就直接返回结果了。

例：

let arr = \[ 1, 2, 3, 4, 5, 6 \];

console.log( arr.some( function( item, index, array )\{

console.log( 'item=' + item + ',index='+index+',array='+array ); return item > 3;

\}));

console.log( arr.every( function( item, index, array )\{

console.log( 'item=' + item + ',index='+index+',array='+array ); return item > 3;

\}));

[https_developer.mozilla.org_zh-CN_docs_Web_API_MutationObserver]: https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver

发表评论取消回复

表情：

评论列表（有 0 条评论，220人围观）

还没有评论，来说两句吧...

相关阅读

相关 Layui 的一些小知识

目录 lay-verify -------------------- 1.lay-verify ![20200129131910483.png][] [2020

桃扇骨/ 2023年07月02日 10:30/ 0 赞/ 58 阅读

相关 JS的一些小知识

1. 0.1 0.2==0.3？　　结果为false 　　原因：由于计算机是用二进制来存储和处理数据数字，不能精确表示浮点数，而JavaScript是一种弱类型语

悠悠/ 2023年06月05日 05:48/ 0 赞/ 60 阅读

相关 javascript的一些小知识2

在无序列表末尾添加节点实现效果：在页面上显示一个无序列表在列表下方有一个按钮，通过点击按钮，使得无序列表的表项增加实现代码 <html>

一时失言乱红尘/ 2022年08月03日 12:41/ 0 赞/ 55 阅读

相关 javascript的一些小知识1

java和html的结合方式（1）使用script标签 <script type="text/javascript">javascript语句</scri

- 日理万妓/ 2022年08月03日 11:54/ 0 赞/ 70 阅读

相关 Javascript中实用的和新鲜的一些小知识

1. 双位操作符 Math.floor(4.9) === 4 // true ======> ~~4.9 === 4 Math.cell(4.9

灰太狼/ 2022年06月05日 22:37/ 0 赞/ 221 阅读

相关实用小知识

HTML <base> 标签 ● <base> 标签为页面上的所有链接规定默认地址或默认目标，通常放在head标签里面。 html 代码 1

刺骨的言语ヽ痛彻心扉/ 2022年06月03日 02:23/ 0 赞/ 232 阅读

相关 js中一些实用的小工具

js中一些实用的小工具我们在使用js的过程中，会经常使用一些小的控件使我们的页面的功能更为强大和完善。当我们在浏览一些页面的时候，我们会发现许多随着我们的点击而出

古城微笑少年丶/ 2022年05月31日 10:36/ 0 赞/ 371 阅读

相关 Hibernate中的一些小知识点

1：在数据库中保存大文本类型，一般在hibernate中的类型写成：type="text" length="5000" 长度可以按要求写。 2：日期时间类型，type="ti

绝地灬酷狼/ 2022年05月30日 20:14/ 0 赞/ 282 阅读

相关【Word】一些实用的小技巧

目录：一、快速输入上下标文字二、快速输入方框√ × 三、竖向删除每行相同文字一、【Word】快速输入上下标文字有时候在用word处理文本时，不免要用一

ゝ一世哀愁。/ 2022年05月06日 23:58/ 0 赞/ 354 阅读

相关实用小知识

一、苹果电脑　　1. 无法正常开关机：　　　　首先尝试： shift + control + option + 开机键重置 SMC，按住4、5秒松手后等待30秒以上再

电玩女神/ 2021年09月20日 14:22/ 0 赞/ 435 阅读