xxc_yc的博客

ECMAScript（简称 ES）是由ECMA 国际（前身为欧洲计算机制造商协会）制定的标准，定义了 JavaScript 的核心语法规则和行为规范。最初，ECMAScript 是为了确保不同浏览器之间的 JavaScript 代码兼容性。它不仅仅规范了 JavaScript 语言，还影响了其他编程语言，如 JScript（Microsoft）和 ActionScript（Adobe）。ECMAScript 是一个抽象的语言规范，不直接提供实现，而是为 JavaScript 和其他脚本语言提供统一的标准。

通过本案例，我们展示了如何运用现代 JavaScript 技术（如 Fetch API、Intersection Observer API）来实现高效、灵活的网页设计。结合响应式布局、异步加载、懒加载和动画效果等现代设计理念，我们不仅提升了页面的性能，还增强了用户的交互体验。无论是优化加载速度、改善用户体验，还是提高代码的可维护性和扩展性，这些实践都为现代 Web 开发提供了宝贵的参考。

点击我

本篇文章深入探讨了前端性能优化的全方位策略，包括关键渲染路径、缓存策略、资源优化、代码分割与懒加载、图片与视频优化、CSS与JavaScript优化、第三方服务管理、网络性能监控以及持续性能改进。通过详细的代码示例和图片说明，帮助前端开发者全面提升网页加载速度和用户体验。

Node.js 版本管理工具

对非首屏图片或视频添加 decoding=“async” 可以允许浏览器在后台处理图片、视频解码，而不阻塞主线程，继续处理和渲染页面的其余部分，这样可以有助于改善页面的加载性能，减少用户感知到的延迟，并提供更加平滑的用户体验。减少HTTP请求的数量，这在HTTP/1.1时代是提升页面加载速度的常用方法。在用户首次访问居多的场景，网络建连时间是一个被大部分人忽略，但至关重要的因素，也许我们的性能优化输在了起跑线上，这部分介绍的内容不止对图片加载有效，对于所有静态资源乃至 HTML、异步接口等道理相似。

三个点的loading动画。

业务场景： 使用ueditor编辑器生成的HTML代码在移动端无法显示设置的楷体字体，需要手动引入替换一下，所以就用匹配样式的方法处理。

对于传统的 for 循环，循环变量的声明部分是在父级作用域中，而循环体内部是一个单独的子作用域。这意味着，在 for 循环中声明的循环变量会被绑定到父级作用域中，而不是循环体的作用域中。是异步的，当这些函数执行时，循环已经结束，i 的值被修改为 3。在这个例子中，我们使用一个立即执行的函数表达式创建了一个闭包，并将当前循环变量的值作为参数传递给该函数。在这个例子中，每次循环都会创建一个新的 i 变量，而不是共享同一个变量。设置循环变量的部分是父级作用域，而循环体内部是一个单独的子作用域。

Google可以借助结构化数据了解网页上的内容，并据此优化网页在搜索引擎上的排名。搜索引擎优化(SEO)是通过提高网站在搜索引擎上的曝光度，以吸引更多相关流量的过程。添加结构化数据前需要进行一些配置准备，如设置移动网站和优先将移动版网站编入索引。添加结构化数据的具体步骤包括定义结构化数据的类型，并在网页代码中添加相应的标记。验证结构化数据的方法可以使用Google的检查工具，确保数据被正确地搜索到。如果验证失败，可以检查错误类型、数据配置、元数据等方面的问题，并进行相应的排查和修改。SEO优化

业务场景：在vue中监听el-input 中的字数有没有超过60，如果超过60字时将60后面的字变为 “会自动截取前60个字符并在末尾添加 “>>” 符号。如果输入的文本长度不超过60，将显示完整的文本。” 符号，以此实现预览苹果手机推送摘要场景。中输入的文本长度超过60时，计算属性。错误：开始的逻辑是使用。

前端静态化是指将动态生成的内容在构建期间或服务器端预先处理成静态文件，以便在运行时能够更快的加载和呈现给用户。

【代码】js监听当前设备是pc还是移动端，禁止pc访问跳转。

CSS Grid 布局是 CSS 中最新的布局方式，它提供了一种更加灵活的方式来定义网页布局。通过使用 CSS Grid 布局，可以更快速、更灵活地实现网页布局，而不用像以往那样靠繁琐的设置和排版手段来实现。在本文中，我们将深入讨论 CSS Grid 布局，包括它的基本概念以及实际应用中的实用技巧。

业务场景： 执行 npm run build 打包部署的时候自动生成版本号，方便部署后客户端提示更新。

报错内容： Uncaught TypeError: 没有为播放器指定容器。

前端js处理富文本

将网站整体置灰，悼念