petite-vue源码剖析-逐行解读@vue-reactivity之effect
当我们通过effect将副函数向响应上下文注册后,副作用函数内访问响应式对象时即会自动收集依赖,并在相应的响应式属性发生变化后,自动触发副作用函数的执行。 // ./effect.ts export funciton effect<T = any>( fn: () => T, options?: R ... »
当我们通过effect将副函数向响应上下文注册后,副作用函数内访问响应式对象时即会自动收集依赖,并在相应的响应式属性发生变化后,自动触发副作用函数的执行。 // ./effect.ts export funciton effect<T = any>( fn: () => T, options?: R ... »
还在使用 createChild 来创建元素吗 使用 insertAdjacentHTML 来创建多简单啊 ... »
一、Math 方法 1、Math.round(x) 的返回值是 x 四舍五入为最接近的整数: Math.round(7.8); // 返回 8 Math.round(3.3); // 返回 3 2、Math.random() 返回介于 0(包括) 与 1(不包括) 之间的随机数: Math.rand ... »
http响应response headers中会有一个cache-control,这个参数就是用来做强制缓存的 一、什么是强制缓存 强制缓存就是服务端告诉客户端某些资源(JS CSS IMG)需要按照某种方法存在客户端本地,下次请求时直接从本地缓存中获取资源,不用再通过服务器,提高了网页加载速度。 ... »
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一个下载链接,但有时候我们只想导出前端页面上已经有了的数据,不想再调后端导出接口浪费服务器资源,学习本文demo例子,我们踹掉后端,直接在前端导出Excel! 代码实现 1、利用Blob对象构造一个a标签的href链接,从而实现文件下载,E ... »
本篇我们会继续探索reactive函数中对Map/WeakMap/Set/WeakSet对象的代理实现。 Map/WeakMap/Set/WeakSet的操作 由于WeakMap和WeakSet分别是Map和Set的不影响GC执行垃圾回收的版本,这里我们只研究Map和Set即可。 Set的属性和方法 ... »
定义 call和apply:函数调动call()方法在执行的时候,函数的里面的this会指向第一个参数值,除第一个参数值后面的若干支都是传进该函数,简而言之就是改变函数运行时的this指向。 使用示例: fn.call(obj, args1, args2...), fn.apply(obj, [ar ... »
一、 »
大家好,今天分享的主题为 JavaScript 内存管理机制,本次分享将从以下三部分进行讲述: js 内存管理与 js 垃圾 常见的 GC 算法 V8 引擎的垃圾回收 js 内存管理与 js 垃圾 关于 JavaScript 内存管理机制,相信大家都有所了解。我们就简单看一下 js 内存管理与 js ... »
1. JavaScript程序的文本 JavaScript区分大小写 JavaScript将换行符、回车符、回车/换行序列识别为行终止符。 2. 注释 // ⇒ 单行注释 /*与 */ 之间是多行注释,可以换行,但不能嵌套 3. 字面量 字面量是一种直接出现在程序中的数据值。第3章详解。 4. 标识 ... »
document.getElementById("commit").style.display = "none";//隐藏document.getElement »
开发过程中总会遇到dom节点尺寸变化,去做一些相应的逻辑,第一想到的应该是用$(window).resize()去做,但是这个是监听浏览器窗口的所以这个时候要用 ResizeObserver ResizeObserver可以帮助我们监听一个DOM节点的变化 1.节点的显示和隐藏 2.节点的size变 ... »
起因 即使我完全没有系统学习过JavaScript的事件循环机制,在经过一定时间的经验积累后,也听过一些诸如宏任务和微任务、JavaScript是单线程的、Ajax和Promise是一种异步操作、setTimeout会在最后执行等这类的碎片信息,结合实际的代码也可以保证绝大多数情况下代码是按照我希望 ... »
之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。 核心是利用了 CSS 中一个很有意思的属性 -- image-rendering,它可以用于设置图像缩放算法。 何为 image-rendering? CSS 属性 image-rendering 用于设置图像 ... »
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。 如果外链不能访问,关注公众号「前端每周看」,里面有解决办法 大事件 Veni,vidi,formatae! 宣布Rome Formatter:超快速的 JavaScript 格式化 ... »
讲基础不易,本文通过 9 个 demo、18 张 图、2.4k 文字串讲声明提升、JavaScript 编译和执行、执行上下文、调用栈的基础知识。 ... »
结论:Java和JavaScript的所有(函数)参数传递都是按值传递! 1.什么是函数参数的传递是按引用传递? 什么是引用?这个概念多见于C++中,在C++中,引用解释为变量的别名。 1 #include <cstdio> 2 3 class Item 4 { 5 private: 6 int i ... »
一、3个语句的基本使用 try 语句使您能够测试代码块中的错误。 catch 语句允许您处理错误。 throw 语句允许您创建自定义错误。 附加语句: finally 使您能够执行代码,在 try 和 catch 之后,无论结果如何。 二、try与catch语句的联系 JavaScript 语句 t ... »
关于event对象 在触发的事件的函数里面我们会接收到一个event对象,通过该对象我们可以得到需要的一些参数,比如说我们需要知道此事件作用到谁身上了,就可以通过event的属性target来获取到(IE暂且不谈),或者想阻止浏览器的默认行为可以通过方法preventDefault()来进行阻止 e ... »
背景 由于DEF工程体系的历史原因,很多工程服务并未注册至开放网关而是私自开放接口,每个服务都维护一个client身份表,同一个client在不同开放服务间同步身份数据困难。 在使用过程中,调用方申请client流程割裂、服务认证功能后置导致每个服务提供方认证逻辑同质化、无开放接口权限管控等功能影响 ... »