全部文章

2024年3月3日

一、简答题 当我们点击按钮的时候动态给 data 增加的成员是否是响应式数据，如果不是的话，如何把新增成员设置成响应式数据，它的内部原理是什么。 let vm = new Vue({ el: "#el", data: { o: "object", dog: {}, }, method: { clickHandler() { // 该 name 属性是否是响应式的 this.dog.name = "Trump"; }, }...

2024年3月3日

一、简答题 1、Webpack 的构建流程主要有哪些环节？如果可以请尽可能详尽的描述 Webpack 打包的整个过程。 根据用户在命令窗口输入的参数以及 webpack.config.js 文件的配置，得到最后的配置。 根据上一步得到的最终配置初始化得到一个 compiler 对象，注册所有的插件 plugins，插件开始监听 webpack 构建过程的生命周期的环节（事件），不同的环节会有相应的处理，然后开始执行编译。 根据 webpack.config.js 文件中的 entry 入口...

2024年3月3日

简答题 1、谈谈你对工程化的初步认识，结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。 答：前端工程化课题提高开发效率，避免人工操作失误。可以开发业务工程脚手架，自动化构建，以及组件化、模块化等；可以使用工程化在发布生产前添加代码质量检查工具，提升开发时的效率以及在开发中不必要的错误； 2、你认为脚手架除了为我们创建项目结构，还有什么更深的意义？ 提升效率，可以快速搭建一个基础项目架构；规范化 对技术选型、项目结构等做一些规范，以降低沟通成本 编程题 1、概述脚手架实现的过程...

2024年3月3日

简答题 一、请说出下列最终的执行结果，并解释为什么。 var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); 最终结果是在控制台输出 10；for 循环中使用 var 定义变量没有块级作用域，在 a[6]方式执行的时候会根据 js 的词法作用域向上查找找到的 i 是已经经过++操作的 10； 二、请说出下列最终的执行结果，并解释为什么。 var tm...

2024年3月3日

简答题 谈谈你是如何理解 JS 异步编程的，EventLoop、消息队列都是做什么的，什么是宏任务，什么是微任务？ javascript 为了实现浏览器页面的交互，不得不使用单线程的方式渲染页面，以保证 dom 可以被正确的渲染。然而单线程就以为着浏览器有多个任务的时候需要排队依次执行，这样就会造成阻塞。event loop 主线程从消息队列中读取事件，这个过程是一直重复循环的，所以整个机制被称作 event loop。消息队列是暂时存放异步任务的地方，我们的异步代码会存放到消息队列中，等到...

2024年3月3日

什么是流媒体 流媒体（英语：Streaming media）是指将一连串的多媒体数据压缩后，经过互联网分段发送数据，在互联网上即时传输影音以供观赏的一种技术与过程，此技术使得数据数据包得以像流水一样发送，如果不使用此技术，就必须在使用前下载整个媒体文件。 视频文件格式 视频文件格式被称为容器格式 编码格式则为容器中视频流的压缩编码格式 编码格式 没有编码的数字视频数据量很大储存困难、传输困难 国际上制定视频编码技术的组织有两家：国际电联（ITU-T）、国际标准化组织（ISO） 国际电联：H2...

2024年1月14日

翻译自：https://socket.io/get-started/chat/ 开始：聊天应用 这个教程里我们会建立一个聊天应用，这个教程几乎没有用到Node.js与Socket.io的基本前置知识，因此它适合于所有知识水平的用户。 介绍 利用像LAMP（PHP）的通用的网络应用程序堆栈创建一个聊天应用是非常困难的，它涉及了服务器的轮询，跟踪时间戳，因此它就会比websocket慢了很多。 Sockets是很多即时聊天系统的解决方案，它在客户端与服务器之间提供了一个双向交流的渠道。 这意味着服...