搞懂jsBridge的运行机制
我司的APP是一个典型的混合开发APP,内嵌的都是前端页面,前端页面要做到和原生的效果相似,就避免不了调用一些原生的方法,jsBridge就是js和原生通信的桥梁,本文不讲概念性的东西,而是通过分析一下我司项目中的jsBridge源码
ECMAScript 11 新特性
matchAll 用于字符串批量匹配正则, 返回一个 可迭代对象;类的私有属性;Promise.allSettled()不管参数中的promise是fulfilled还是rejected,都会等参数中的实例都返回结果,包装实例才会结束。
32个JavaScript工作中常用的代码片段
初衷: 整理一下工作中常用的JavaScript小技巧分享给大家,希望能帮助到各位小伙伴们,在工作中提升开发效率。适合人群: 前端初级开发,大佬绕道。
IntersectionObserver的rootMargin使用注意
rootMargin设置不一定会有效,有效的几个情况如下:1.设置了overflow的父级节点+rootMargin,如下,2.如果不设置root,即想要交叉对象是窗口的时候,需要去除滚动的父级节点,将html、body的overflow也去除(也去除的意思是不要设置),如下
为什么变量在函数内部修改后没有改变?【Js异步代码】
让我们首先追踪常见的行为。在所有示例中,outerScopeVar都在函数内部被修改。该函数显然不会立即执行,而是被分配或作为参数传递。这就是我们所说的回调。
如何访问和处理嵌套对象、数组或 JSON?
JavaScript 只有一种可以包含多个值的数据类型:Object。一个阵列是对象的一种特殊形式。数组和对象都公开一个key -> value结构。数组中的键必须是数字,而任何字符串都可以用作对象中的键。键值对也称为“属性”。
Vue3核心Typescript类解析
与使用JavaScript不同的是,用Typescript写Vue程序要需要了解Vue的相关类型。Vue核心的类型,大部分写在@vue/runtime-core包中。Vue页面是由一个个组件组成的,组件在Vue中的类是Component,继承了ComponentOptions
12种console相关的方法,帮你快速提高调试效率
我现在在调试代码的时候基本用的都是console.log() 调试法,虽然低级,但好用呀。当然,遇到复杂点的就会借助其它工具,但日常开发中 console.log() 基本够用了。
Object.keys与Object.hasOwnProperty的使用
hasOwnProperty()方法会返回一个布尔值,指示对象自身属性 (忽略原型链) 中是否具有指定的属性,语法: obj.hasOwnProperty(prop),参数prop: 要检测的属性的 String 字符串形式表示的名称,或者 Symbol