文章 2023-02-21 来自:开发者社区

浏览器原理 06 # 变量提升:JavaScript代码是按顺序执行的吗?

说明浏览器工作原理与实践专栏学习笔记例子使用过 JavaScript 开发的程序员应该都知道,JavaScript 是按顺序执行的。若按照这个逻辑来理解的话,那么:下面的例子当执行到第 1 行的时候,由于函数 showName 还没有定义,所以执行应该会报错;同样执行第 2 行的时候,由于变量 myname 也未定义,所以同样也会报错。showName() console.log(myname)....

浏览器原理 06 # 变量提升:JavaScript代码是按顺序执行的吗?
文章 2023-02-21 来自:开发者社区

浏览器原理 05 # 渲染流程:HTML、CSS和JavaScript,是如何变成页面的?2

4、分层页面中有很多复杂的效果,如一些复杂的 3D 变换、页面滚动,或者使用 z-indexing 做 z 轴排序等,为了更加方便地实现这些效果,渲染引擎还需要为特定的节点生成专用的图层,并生成一棵对应的图层树(LayerTree)。图层效果如下:(可以通过谷歌浏览器的开发者工具选择 Layers 标签查看可视化页面分层)布局树和图层树通常情况下,并不是布局树的每个节点都包含一个图层,如果一个节....

浏览器原理 05 # 渲染流程:HTML、CSS和JavaScript,是如何变成页面的?2
文章 2023-02-21 来自:开发者社区

浏览器原理 05 # 渲染流程:HTML、CSS和JavaScript,是如何变成页面的?

说明浏览器工作原理与实践专栏学习笔记准备工作渲染流程示意图下图的 HTML、CSS、JavaScript 数据,这些数据经过中间渲染模块的处理,最终输出为屏幕上的像素。渲染流水线示意图由于渲染机制过于复杂,所以渲染模块在执行过程中会被划分为很多子阶段,输入的 HTML 经过这些子阶段,最后输出像素。我们把这样的一个处理流程叫做渲染流水线。按照渲染的时间顺序,流水线可分为如下几个子阶段:1、构建 ....

浏览器原理 05 # 渲染流程:HTML、CSS和JavaScript,是如何变成页面的?
文章 2023-02-10 来自:开发者社区

js基础笔记学习157-闭包的原理1

js基础笔记学习157-闭包的原理1

js基础笔记学习157-闭包的原理1
文章 2023-02-06 来自:开发者社区

JS之跨域方式实现原理(超详细)

什么是跨域?当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域。不同域之间相互请求资源,就算作“跨域”。同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。所谓同源是指 协议+域名+端口 三者相同,即便两个不同的域名指向同一个ip地址,也非同源。1. 同源策略限制内容有:●Cookie、LocalStorage、Inde....

JS之跨域方式实现原理(超详细)
文章 2023-01-18 来自:开发者社区

JavaScript闭包从概念、原理到应用

何为闭包?闭包的概念:有权访问另一个函数作用域中的变量的函数;一般情况就是在一个函数中包含另一个函数。从官方定义我们知道闭包是一个函数,只不过这个函数有[特殊权限],可以访问到另一个函数的作用域。特殊权限?因为我们知道函数作用域是独立的、封闭的,外部的执行环境是访问不了的,但是闭包具有这个能力和权限。我们先来看一段普普通通的函数。网络异常,图片无法展示|控制台输出结果:1 2 3再来看一段局...

JavaScript闭包从概念、原理到应用
文章 2023-01-09 来自:开发者社区

JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法

柯里化的实现原理:接下来我们就自己手动实现柯里化。1.目标:编写一个myCurring的函数,参数接收一个函数,调用自动实现柯里化。2.思路步骤:创建一个名字为myCurring的函数,接受的参数为 那个需要变为柯里化的函数,这里用fn 表示函数内部返回一个名字为 curried 的函数,接收参数的个数为 fn 中参数的个数,这里使用剩余参数 ...args 接收curried 函数内部 需要去....

文章 2023-01-08 来自:开发者社区

JS数据类型在内存上的储存原理

js的变量在内存中是怎样储存的,这个问题之前真的困扰我很久很久,我也是之前在B站某IT教程网站上解惑,该视频还是17年的老视频,不得不说真的没后悔花费我一整天看2017年的node.js教程。一.基本数据类型的储存方式首先思考下面代码的输出结果,没错,太简单了A ,B两个变量互不影响二.引用数据类型的储存方式接下来思考下面的代码首先obj2肯定是xxx,那么obj呢?没错,答案也是xxx,这是因....

JS数据类型在内存上的储存原理
文章 2022-12-17 来自:开发者社区

Bpmn.js 进阶指南之原理分析与模块改造(下)

5. Toolbar在画布与属性面板都创建好之后,我们就得到了一个完整的流程图编辑器了。网络异常,图片无法展示|但是,这个模式下的编辑器没有绑定键盘快捷键,也没有导入导出的按钮和入口,并且也不能支持一键对齐等等功能。所以我们可以在此基础上,实现一个工具栏,来优化用户体验。5.1 Import And Export导入首先,我们先实现文件导入的功能。利用 Modeler 实例本身的 importX....

Bpmn.js 进阶指南之原理分析与模块改造(下)
文章 2022-12-17 来自:开发者社区

Bpmn.js 进阶指南之原理分析与模块改造(上)

前言由于 bpmn.js 内部各个模块相互独立,很难编写出全面且流畅的使用教程,之前写的文章也常常是写到一半便没了头绪,所以看起来和没看没什么区别。现在在了解了 bpmn.js 与 diagram.js 的源码,并对相关模块和插件进行了 dts (typescript declare) 的编写之后,心里大致明白如何在原来的基础上进行扩展与重置,所以希望这篇文章能写的尽量全面和清晰,减少大家入坑时....

Bpmn.js 进阶指南之原理分析与模块改造(上)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注