m0_68271787的博客

在 Javascript 中，作用域分为全局作用域和函数作用域全局作用域：代码在程序任何地方都能访问，window对象的内置属性都属于全局作用域函数作用域：在固定的代码片段才能被访问image.png作用域有上下级关系，上下级关系的确定就看函数是在哪个作用域下创建的。如上，fn作用域下创建了bar函数，那么“fn作用域”就是“bar作用域”的上级。作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。一般情况下，变量取值到 创建 这个变量 的函数的作用域中取值。

CSS 就是这么神奇，将两个几乎不相关的特性组合起来，就能实现完全不一样的功能，这可是在其他语言中做不到的，简单回顾一下CSS检测代码css复制代码/*注意溢出方向*/ } @keyframes check{ from,to { --trunc: true;/*滚动驱动动画*/ } } /*查询溢出状态*/ @container style(--trunc: true) { }是不是非常容易，几乎是无侵入式的，下面总结一下本文重点。

一般来说没有被引用的对象就是垃圾，就是要被清除， 有个例外如果几个对象引用形成一个环，互相引用，但根访问不到它们，这几个对象也是垃圾，也要被清除。

对于前端来说，这是不平凡的一年。我们见证了对服务器端渲染（SSR）市场的争夺和创新的热潮；人工智能的不断渗透；网络渲染器和 JS 引擎的迅猛发展；一大批有志之士试图将知名品牌从宝座上拉下；以及其他各个领域的动向。在预测新一年的传统占卜之前，让我们回顾一下今年到目前为止的大杂烩。

根据这么多天面试的经验，总结出中小厂面试流程：自我介绍+项目+八股+算法+手写。其中Vue的八股在之前的面经里基本都涵盖了，但是我觉得CSS如果要问深一点仍然是我的薄弱点，以及从学长那了解到的JS考点和手写题总结出了这篇文章。仅供学习参考。

随着WebAssembly的普及，前端程序员需要学习并熟练掌握这种新的技术，以便能够进行更高效和复杂的开发。3. Web组件的普及：Web组件是一种独立的、可重用的自定义元素，可以帮助开发者构建更模块化、可维护的前端代码。1. 框架和工具的发展：前端框架和工具的发展将继续，使开发者能够更高效地构建复杂的应用程序。2. 移动端开发的增长：随着移动设备的普及，移动端开发将成为前端程序员的重要领域。前端程序员应该保持学习的动力和能力，不断更新自己的知识和技能，以应对未来的挑战和机遇。

人工智能（Artificial Intelligence，AI）作为一项关于赋予机器智能和自主决策能力的科学技术，已经在现代科技中得到广泛应用，并且具有巨大的未来发展潜力。首先，人工智能在现代科技中的应用非常广泛。在医疗领域，人工智能可以帮助医生进行疾病诊断和治疗方案的制定。在交通领域，人工智能可以实现智能交通管理和自动驾驶技术。在金融领域，人工智能可以用于风险评估和市场预测。在社交媒体领域，人工智能可以进行信息过滤和个性化推荐。

块级元素在页面上占据一个块（矩形）的空间。从新的一行开始，并且在垂直方向上占据尽可能多的可用空间。宽度和高度可以设置。可以包含其他块级或内联级元素。divph1ultable内联级元素在行内占据一个空间，不换行。与文本一起流动，并且不会占据其自己的行。通常用于文本、链接和图像。宽度和高度不能直接设置，但可以通过字体大小和内边距等属性间接影响。spanaimginput区别特征块级元素内联级元素显示从新的一行开始，占据块状空间在行内占据空间，不换行宽度和高度可以设置。

父级元素没有包含浮动元素，因此在正常情况下，父级元素的高度会根据其内容的高度来自动调整，但是因为浮动元素脱离了文档流，父级元素无法正确计算其高度，导致父级元素出现高度塌陷的情况。以上代码是防止外边距合并的案例，在代码中如果一个父元素div里的子元素div需要和父元素一样等级的div一起做操作，子元素div的外边距下和另一个div的外边距上会合并。跨域原理，即是通过各种方式，避开浏览器的安全限制。利用用户在被攻击网站已经获取的注册凭证，绕过后台的用户验证，达到冒充用户对被攻击的网站执行某项操作的目的。

1. 仓库（Repository）：Git 仓库是存储代码的地方，可以是本地仓库（local repository）或远程仓库（remote repository）。开发者可以将代码推送（push）到远程仓库，也可以从远程仓库拉取（pull）最新的代码。7. 推送到远程仓库：使用 `git push` 命令将本地仓库的修改推送到远程仓库。1. 初始化仓库：使用 `git init` 命令在本地创建一个新的 Git 仓库。6. 合并分支：使用 `git merge` 命令将一个分支的修改合并到当前分支。

随着前端登录场景的日益复杂化和技术思想的不断演进，前端在登录方面的知识结构变得越来越复杂。对于前端开发者来说，在日常工作中根据不同的登录场景提供合适的解决方案是我们的职责所在，本文将梳理前端登录的演变过程，希望能帮助跟我遇到同样问题的开发者。

大概的意思是说：默认不支持改变样式，想要支持改变样式，需要使用它的收费版本。，但是使用起来极其复杂，还需要改 node_modules 源码，这个库最后更新时间也定格在了 6年前。还有一些其他的第三方样式拓展库，质量参差不齐。使用成本和后期的维护成本很高，不得不放弃。

连夜肝文，面试以来最尴尬的一次，事情是这样的，最近有开始面稍微有难度一点岗位，本文的主题出自北京某一小厂的正式岗面试题，薪资水平大概开在10k-12k。之前一直是投的比较小的公司比较简单的实习岗位，这个是无意间投出去的一个，由于是 0 年经验小白*1，结果没想到简历过筛，硬着头皮上了。结果很惨，40分钟的面试有 80% 不会回答，像大文件上传、缓存优化、滑动text-area标签用什么属性（话说为什么有这么冷的题）等等，有一个算一个，都没答出来。重点来了，在两个面试官问到的时候，在我绞尽脑汁。

大家好，我是前端双越老师。先祝大家 2024 开工大吉！！！年前就有和几个同学在和我1v1 面试咨询现在面试都不考基础知识和八股文了，上来就聊项目。其实我也很早就意识到这个问题了，现在和前几年完全不一样了。2021年之前，随便写个简历，背诵 1-2 周八股文就可以去面试了。而现在，每一步都很困难。前端面试减少了基础知识和八股文的考察，更多聊项目经验。我觉得这很好，能筛选出更加专业的候选人，而减少“浑水摸鱼”的人。同时也给了大家更高的要求：做好项目，写好项目。

这是一个使用 Rust 打造的高速、可靠与可编程的网络系统。目前，cloudflare 已使用 Pingora 全面替代 Nginx。经过实战检验，稳定处理每秒超过4000万的互联网请求，持续服务数年，每秒最多可处理一万亿个请求。下面就来了解一下 Pingora 的特别之处！Cloudflare 是一个全球性的网络性能和安全公司，它提供了一系列服务来帮助网站和应用程序改善其在线体验、增加安全性并加速加载速度。

在信息安全越来越受重视的今天，前端的各种加密也变得更加重要。通常跟服务器的交互中，为保障数据传输的安全性，避免被人抓包篡改数据，除了 https 的应用，还需要对传输数据进行加解密。目前常见的加密算法可以分成三类对称加密算法：AES、...非对称加密算法：RSA、...Hash 算法：MD5、...在业务 http 请求中，AES 的密钥在前端随机生成，从服务器获取 RSA 的公钥，对 AES 的密钥进行非对称加密，把加密后的密钥在请求头中传给服务器，用 AES 对 body 进行加密。

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。

以上就是ES6最常用的一些语法，可以说这20%的语法，在ES6的日常使用中占了80%...仅供参考！！

gulp 是基于 node 的自动化构建工具作用：1 自动压缩 JS 文件2 自动压缩 CSS 文件3 自动合并文件4 自动编译 sass5 自动压缩图片6 自动刷新浏览器机制：Unix 操作系统的管道（pipe）思想 前一级输出 后一级输入常用命令：.src 输出（Emits）符合所提供的匹配模式（glob）或者匹配模式的数组（array of globs）的文件。将返回一个 Vinyl files 的 stream 它可以被 piped 到别的插件中。

它将功能和数据抽象为资源，并使用标准的HTTP方法和URL来操作这些资源，使得应用程序更加可靠和可用。GET方法用于获取资源，POST方法用于创建资源，PUT方法用于更新资源，DELETE方法用于删除资源。1. 资源：将应用程序中的数据和功能抽象为资源，每个资源都有一个唯一的URL表示。1. 设计资源：确定应用程序中的资源，并为每个资源定义唯一的URL。7. 文档和测试：编写文档来描述API的使用方法和资源的操作方式，并进行API的测试，以确保其正常工作。4. 数据格式：确定如何表示资源的数据格式。

分为几个阶段，创建阶段，挂载阶段，更新阶段，销毁阶段，还有捕获错误的阶段。每个阶段都有对应的钩子函数去执行。然后问我一般用哪个钩子去发请求，我说用onMounted，因为有些数据拿到之后可能会操作dom！！

首先我们要知道，页面打开快不快，不是在电脑或手机上的打开速度说了算，也不是测试同学测试的结果说了算，而是真实用户使用的时候说了算。那么如何去监控用户真实使用时的页面性能呢？本文将做细致介绍。

pnpm又称 performant npm，翻译过来就是高性能的npm。Monorepo是一种项目开发与管理的策略模式，它代表"单一代码仓库"（Monolithic Repository）。在Monorepo模式中，所有相关的项目和组件都被存储在一个统一的代码仓库中，而不是分散在多个独立的代码仓库中，这些项目之间还可能会有依赖关系。

我最直白的感受是实现了项目级别的模块化，把不同项目变成了一个个模块来拼装组合，也就是说模块化从项目内提升到了项目本身缩小项目打包体积(平均每个子项目bundle不到100k)，而整合后的公共资源只需加载一次，性能得到很大提升 (技术角度)用户体验更好，用户感知不到自己在使用多个不同的项目，更加平顺流畅 (产品角度)不同git的项目经过改造后，可以随意以项目内每个路由页面为单元拼装成一个新项目，产品灵活性本质上得到提升 (产品/技术角度)

Websocket实现私聊和群聊。

页面是一个webview,而在切换页面时候，webview没有关闭，只是被其他页面覆盖了而已，需要显示时候就把它显示出现，所以页面是不会重新加载数据的。既然在onLaunch中请求是异步的原因导致这个问题，那改成同步的不就行了，这里利用Promise来解决这个问题。，其本质是代理了所有的生命周期，让生命周期更加可控，这样就可以很好的解决我们面临的问题了。问题：手动赋值是Number，将其转换成字符串类型，则可以校验通过。问题：修改子组件第三方ui库样式，样式不生效。解决方案三：使用全局变量。

Storage 接口用于脚本在浏览器保存数据。和。保存的数据用于浏览器的一次会话（session），当会话结束（通常是窗口关闭），数据被清空；保存的数据长期存在，下一次访问该网站的时候，网页可以直接读取以前保存的数据。除了保存期限的长短不同，这两个对象的其他方面都一致。保存的数据都以“键值对”的形式存在。也就是说，每一项数据都有一个键名和对应的值。所有的数据都是以文本格式保存。这个接口很像 Cookie 的强化版，能够使用大得多的存储空间。

随着科技的不断进步和消费者对于智能化设备需求的日益增长，操作系统作为连接硬件与软件的核心平台，其重要性愈发凸显。HarmonyOS（鸿蒙系统），作为华为自主研发的分布式操作系统，自诞生以来便备受瞩目。本文将详细探讨HarmonyOS未来五年的市场展望，结合当前市场趋势、技术特点、生态建设、合作伙伴以及面临的挑战与机遇等多个方面，为读者呈现一个清晰、全面的市场预测。HarmonyOS未来五年的市场前景广阔。随着华为在生态建设、市场推广和技术创新方面的不断努力鸿蒙系统有望在全球市场上实现更大的突破和发展。

封装、代码复用、设计模式……这些都是方法，业务才是目的。技术始终是为业务服务的。能够满足业务需求，并且用起来舒服的，都是好方法。不存在一套适用于所有项目的最佳代码组织方法，你需要结合业务，去不断地演进。就像你不会用造汽车的方法，去造火箭，或是自行车。这里分享一些我自己觉得比较舒服的方法。

五大引领AI工程的JavaScript工具，为欲将LLM融入项目的开发者提供关键资源。译自，作者 Alexander T. Williams。传统上以在网页开发中扮演角色而闻名的JavaScript，令许多人惊讶的是，它在开发方面也被证明是无价的。在本文中，我们将探讨五个主要用于AI工程的工具，突出一些对于希望将LLMs纳入其项目的开发人员而言至关重要的资源。

Promise 对象是 JavaScript 的异步操作解决方案，为异步操作提供统一接口。它起到代理作用（proxy），充当异步操作与回调函数之间的中介，使得异步操作具备同步操作的接口。Promise 可以让异步操作写起来，就像在写同步操作的流程，而不必一层层地嵌套回调函数。注意，本章只是 Promise 对象的简单介绍。为了避免与后续教程的重复，更完整的介绍请看《ES6 标准入门》的《Promise 对象》一章。首先，Promise 是一个对象，也是一个构造函数。// 异步代码...上面代码中，

webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。下面进入正题。

MVCC 全称 Multi-Version Concurrency Control（多版本并发控制），在数据库管理系统中通过保存数据的多个版本来避免读写冲突，从而提高并发处理能力。MySQL通过事务隔离、锁机制、MVCC处理并发事务。事务隔离“读未提交”不做并发处理，不保证数据一致性。事务隔离“串行化”通过锁机制进行并发处理，并发性能低下。事务隔离“读已提交”和“可重复读”通过MVCC进行并发处理，并发性能高。

在vue项目里，组件复用是一件很开心的事，可以节省很多时间去排版，达到事半功倍效果，但是昨晚在vue-cli项目里组件复用时发现基于Echarts图表的组件不能够复用，昨晚捯饬了很久，终于还是解决了这个问题，在此记录，加深自己理解。具体来说，问题如下：开发了一个基于Echarts的图表组件，现在我想在一个界面内多次使用这个组件，但是我发现Echarts是通过找id来创建canvas的，这样调用同一个基于Echarts的组件时，这个id就会重复，导致第二个图表不能显示出来。

二者的区别是，对于第一种方式，如果多个模块都加载了同一个JSON文件，那么其中一个改变了 JavaScript对象，其他也跟着改变，这是由 Node.js模块的缓存机制造成的，缓存中只有一个 JavaScript模块对象；Node. js是一个 JavaScript的运行环境，是一个服务器端的“ JavaScript解释器”，用于方便高效地搭建一些响应速度快、易于扩展的网络应用。Nginx抗并发，处理请求的方式是异步非阻塞的，负载能力比 Apache高很多，而 Apache则是阻塞型的。

迭代器是一种特殊的对象。迭代器自带一个next()方法，我们取迭代器中的数据要用next方法。该方法返回一个对象{value:'迭代器元素',done:false}，如果done是false，表示迭代器还有元素，需要继续调用next迭代，如果done是true，则说明没有元素了。取迭代器的内容用for of遍历。

大家好，我是大家的秋本名。坚持阅读，自律打卡，每天一次，进步一点。就像前端开发世界的其他生态一样，2024 Vue 的生态系统也日新月异。在本文中，我们会回顾 Vue 生态的开发现状，且共享关于 Vue 生态 2024 发展趋势的预言。本文属于是语冰的直男翻译了属于是，略有删改，仅供粉丝参考。英文原味版请传送。

Git 是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。是的，我对git的介绍就一条，想看简介的可以去百度一下😘😘😘。

在Fiber架构中，Fiber节点是React元素的一个扩展版本，用于在渲染过程中跟踪更多信息。每个Fiber节点代表了一个React元素，并添加了一些额外的字段，以便React能够更灵活地管理和调度渲染任务。额外信息：Fiber节点不仅包含了React元素的类型、属性和子元素等信息，还添加了一些额外的字段，如优先级、状态、更新队列等。这些字段使得React能够更精确地控制渲染过程，并根据需要中断和恢复任务。双链表结构。

浅拷贝适用于对象结构简单且不需要复制嵌套对象的情况，而深拷贝则适用于对象结构复杂，需要完全独立复制所有层级属性的场景。选择哪种拷贝方式取决于具体需求，但需注意深拷贝因为需要递归处理，所以在性能上相对较低效。仅供参考!!!