摘要：
by caix in 深圳 前端性能优化最佳实践 客户端性能、服务器端、网络性能 1、页面内容 减少 HTTP 请求数 减少 DNS 查询 避免重定向 缓存 Ajax 请求 延迟加载 预先加载 减少 DOM 元素数量 划分内容到不同域名 尽量减少 iframe 使用 避免 404 错误 2、服务器 阅读全文
posted @ 2023-04-05 22:46
caix-1987
阅读(44)
评论(0)
推荐(0)
摘要：
by caix in 深圳 可维护性 在早期网站中，JavaScript 主要用于实现一些小型动效或表单验证。今天的 Web 应用则动辄成千上万行 JavaScript 代码，用于完成各种各样复杂的处理。这些变化要求开发者把可维护能力放到重要位置上。正如更传统意义上的软件工程师一样，JavaScri 阅读全文
posted @ 2023-04-05 22:46
caix-1987
阅读(46)
评论(0)
推荐(0)
摘要：
by caix in 深圳 高级技巧 - 高级函数 在 JavaScript 里面，函数拥有非常高的特权，甚至是一等公民，因此也跟Kotlin一样支持多种编程范式 一些写函数时的高级技巧 纯函数 高阶函数 函数缓存 懒函数 柯里化 函数组合 纯函数 纯函数要满足两个条件： 1、给相同的参数返回相同的 阅读全文
posted @ 2023-04-05 22:45
caix-1987
阅读(38)
评论(0)
推荐(0)
摘要：
by caix in 深圳 离线应用 支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用，就是在设备不能上网的情况下仍然可以运行的应用 开发离线Web 应用需要几个步骤。首先是确保应用知道设备是否能上网，以便下一步执行正确的操作。然后，应用还必须能访问一定的资源（图像、J 阅读全文
posted @ 2023-04-05 22:44
caix-1987
阅读(45)
评论(0)
推荐(0)
摘要：
by caix in 深圳 Ajax是一种从页面向服务器请求数据的技术，Comet是一种服务器向页面推送数据的技术，能够让信息近乎实时的被推送到页面上。 实现 Comet方式：长轮询，流 主流的 Web端 即时通讯方案大致有4种：传统Ajax短轮询、Comet技术、WebSocket技术、SSE（S 阅读全文
posted @ 2023-04-05 22:44
caix-1987
阅读(19)
评论(0)
推荐(0)
摘要：
by caix in 深圳 JSON 定义 JSON：JavaScript Object Notation 【JavaScript 对象表示法】 JSON（JavaScript Object Notation，JS 对象标记）是一种轻量级的数据交换格式，目前使用特别广泛。 JSON 是存储和交换文本 阅读全文
posted @ 2023-04-05 22:43
caix-1987
阅读(60)
评论(0)
推荐(0)
摘要：
by caix in 深圳 常见的错误类型 错误类型 Error：基类型，其他错误类型都继承自该类型 EvalError：使用 eval() 函数发生异常时被抛出 RangeError：在数值超出相应范围时触发 ReferenceError：在找不到对象的时候发生该错误(object expecte 阅读全文
posted @ 2023-04-05 22:43
caix-1987
阅读(29)
评论(0)
推荐(0)
摘要：
by caix in 深圳 跨文档消息传递 跨文档消息传送（cross-document messaging），有时候简称为 XDM，指的是在来自不同域的页面间 传递消息。例如，www.wrox.com 域中的页面与位于一个内嵌框架中的 p2p.wrox.com 域中的页面通信 跨文档消息传递简称 阅读全文
posted @ 2023-04-05 22:42
caix-1987
阅读(18)
评论(0)
推荐(0)
摘要：
by caix in 深圳 表单的基础知识 在 HTML 中，表单是由 <form> 元素来表示的，而在 JavaScript 中，表单对应的则是 HTMLFormElement 类型 HTMLFormElement 具有下列独有的属性和方法 acceptCharset：服务器能够处理的字符集；等价 阅读全文
posted @ 2023-04-05 22:42
caix-1987
阅读(37)
评论(0)
推荐(0)
摘要：
by caix in 深圳 事件对象 DOM 中发生事件时，所有的相关信息都会被收集并存储在一个名为event的对象中 这个对象包含了一些基本的信息，比如导致事件的元素，发生的事件类型，以及可能与特定事件相关的任何其他数据，所有的浏览器都支持这个对象，尽管支持的方式不同 DOM 在触发某个事件的时候 阅读全文
posted @ 2023-04-05 22:39
caix-1987
阅读(82)
评论(0)
推荐(0)
摘要：
by caix in 深圳 事件 JavaScript 与 HTML 之间的交互通过事件实现 事件 就是用户或浏览器自身执行的某种动作，比如点击、加载，鼠标移入移出等等 可以使用侦听器来预订事件 事件流 DOM (文档对象模型) 结构 是一个树形结构，当一个 HTML元素 产生一个事件时，该事件会在 阅读全文
posted @ 2023-04-05 22:39
caix-1987
阅读(65)
评论(0)
推荐(0)
摘要：
by caix in 深圳 虚拟 DOM （ Virtual DOM ） 什么是 虚拟 DOM （ Virtual DOM ） 虚拟DOM 是⽤ JavaScript 对象 表示的 DOM 信息和结构；当 DOM 更新后 通过 diff 算法 使之与真实 dom 保持同步 虚拟DOM 是一个 Jav 阅读全文
posted @ 2023-04-05 22:38
caix-1987
阅读(48)
评论(0)
推荐(0)
摘要：
by caix in 深圳 DOM 常用方法 获取节点 1、通过id号来获取元素，返回一个元素对象 document.getElementById("idName") 2、通过 name属性 获取元素，返回元素对象数组 NodeList document.getElementsByName("nam 阅读全文
posted @ 2023-04-05 22:37
caix-1987
阅读(271)
评论(0)
推荐(0)
摘要：
vue2 和 vue3 不同点汇总 1、生命周期 2、多根节点 3、Composition Api 4、异步组件 5、响应式原理 6、Teleport 7、虚拟 Dom 8、事件缓存 9、Diff 算法优化 10、打包优化 11、TypeScript 支持 生命周期 1、Vue3 生命周期 整体上变 阅读全文
posted @ 2023-04-05 17:32
caix-1987
阅读(130)
评论(0)
推荐(0)
摘要：
动画技巧 Vue 提供了 <Transition> 和 <TransitionGroup> 组件来处理元素进入、离开和列表顺序变化的过渡效果。但除此之外，还有许多其他制作网页动画的方式在 Vue 应用中也适用。这里我们会探讨一些额外的技巧 基于 CSS class 的动画 对于那些不是正在进入或离开 阅读全文
posted @ 2023-04-05 17:31
caix-1987
阅读(42)
评论(0)
推荐(0)
摘要：
Vue 与 Web Components Web Components 是一组 web 原生 API 的统称，允许开发者创建可复用的自定义元素 (custom elements) Vue 和 Web Components 是互补的技术。Vue 为使用和创建自定义元素提供了出色的支持。无论你是将自定义 阅读全文
posted @ 2023-04-05 17:30
caix-1987
阅读(243)
评论(0)
推荐(0)
摘要：
渲染函数 & JSX 在绝大多数情况下，Vue 推荐使用模板语法来创建应用。然而在某些使用场景下，我们真的需要用到 JavaScript 完全的编程能力。这时渲染函数就派上用场了 基本用法 1、创建 Vnodes Vue 提供了一个 h() 函数用于创建 vnodes import { h } fr 阅读全文
posted @ 2023-04-05 17:30
caix-1987
阅读(276)
评论(0)
推荐(0)
摘要：
渲染机制 Vue 是如何将一份模板转换为真实的 DOM 节点的，又是如何高效地更新这些节点的呢？我们接下来就将尝试通过深入研究 Vue 的内部渲染机制来解释这些问题 虚拟 DOM 你可能已经听说过“虚拟 DOM”的概念了，Vue 的渲染系统正是基于这个概念构建的 虚拟 DOM (Virtual DO 阅读全文
posted @ 2023-04-05 17:29
caix-1987
阅读(62)
评论(0)
推荐(0)
摘要：
响应式系统 Vue 最标志性的功能就是其低侵入性的响应式系统。组件状态都是由响应式的 JavaScript 对象组成的。当更改它们时，视图会随即自动更新。这让状态管理更加简单直观，但理解它是如何工作的也是很重要的，这可以帮助我们避免一些常见的陷阱。在本节中，我们将深入研究 Vue 响应性系统的一些底 阅读全文
posted @ 2023-04-05 17:29
caix-1987
阅读(114)
评论(0)
推荐(0)
摘要：
什么是组合式 API ？ 组合式 API (Composition API) 是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语，涵盖了以下方面的 API 1、响应式 API 例如 ref() 和 reactive()，使我们可以直接创建响应式状 阅读全文
posted @ 2023-04-05 17:27
caix-1987
阅读(111)
评论(0)
推荐(0)
浙公网安备 33010602011771号