代码编织梦想

webgl/threejs面试题扫描与总结-爱代码爱编程

什么是 WebGL?什么是 Three.js?请解释three.js中的WebGL和Canvas的区别? WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML

webpack的构建流程_webpack构建流程是什么-爱代码爱编程

一、运行流程 webpack 的运行流程是一个串行的过程,它的工作流程就是将各个插件串联起来 在运行过程中会广播事件,插件只需要监听它所关心的事件,就能加入到这条webpack机制中,去改变webpack的运作,使得整个系统扩展性良好 从启动到结束会依次执行以下三大步骤: 初始化流程:从配置文件和 Shell 语句中读取与合并参数,并初始化需要

vue生命周期的理解?_谈谈对vue生命周期的理解-爱代码爱编程

一、生命周期是什么? 生命周期的概念应用很广泛,特别是在政治、经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗的理解为“从摇篮到坟墓”的整个过程在vue中实例从创建到销毁的过程就是生命周期,即指的是从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程我们可以吧组件比喻成工厂里面的一条流水线,每一个工人(生命周期)站

阿里-爱代码爱编程

       最近公司变故,忙于找工作,一直没有更新博客,打算把几个大厂的面试经历写下来,虽然没有被录用,但是能去面试已经很开心了。为什么说开心呢,因为阿里的岗位是高德地图的web前端高级开发工程师/前端专家,说实话,我刚刚接触前端三个月,技术上不是很到位,连中级开发工程师都不敢投,所以说能去感受一下大佬们的工作氛围已经知足了。        进入正题,

浏览器内置对象-爱代码爱编程

浏览器内置对象 一、BOM 和 DOM JavaScript 在浏览器环境下一般有三部分组成:ECMAScript、BOM、DOM,(IE 浏览器多了 ActiveXObject 类)。 浏览器环境是 JavaScri

js 模块化基本认识-爱代码爱编程

JS 模块化基本认识 背景 js 本身定位: 开始只是简单的页面设 + 基本的表单提交,前后端不分离并无模块化或者命名空间的概念 JS 的模块化需求日益增长 幼年期:无模块化(委婉的辩解),不同功能的 js

异步与 promise-爱代码爱编程

异步与 promise 计算机原理:进程与线程 进程:CPU 资源分配的最小单位线程:CPU 调度的最小单位解读:每一辆车代表我们日常用的每个程序,洗车场代表电脑的内存空间。每个停车位就代表了每个进程,小轿车占用小车位,

web前端面试-- 面试被问懵逼了,记录一下~~~-爱代码爱编程

今天面试web前端开发岗位,哎,基础太差了,记录一下。 岗位要求 答的不好的 1. forEach、for in、for of三类循环原理和性能 打不出来,这个只能说出区别,比如for in 可以遍历不可

面向对象编程/原型及原型链-爱代码爱编程

面向对象编程/原型及原型链 面向对象 为什么要面向对象? 优势:简化我们对行为岔路的预备。特点:逻辑迁移更加灵活,代码复用性高,高度模块化的体现。 对象是什么? 对单个物体的简单抽象。对象是一个容器,封装了属性和方

this/闭包/作用域-爱代码爱编程

this/闭包/作用域 #mermaid-svg-PEpg6PI5mV8CKMED {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size

谈谈你对websocket的理解-爱代码爱编程

一、什么是websocket WebSocket是HTML5下一种新的协议(websocket协议本质上是一个基于tcp的协议) 它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到实时通讯的目的 Websocket是一个持久化的协议 二、websocket的原理 websocket约定了一个通信的规范,通过一个握手的机制,客户

说说webpack的热更新是如何做到的?原理是什么?-爱代码爱编程

一、是什么 HMR全称 Hot Module Replacement,可以理解为模块热替换,指在应用程序运行过程中,替换、添加、删除模块,而无需重新刷新整个应用 例如,我们在应用运行过程中修改了某个模块,通过自动刷新会导致整个应用的整体刷新,那页面中的状态信息都会丢失 如果使用的是 HMR,就可以实现只将修改的模块实时替换至应用中,不必完全刷新整

什么是http? http 和 https 的区别?_justiniscool的博客-爱代码爱编程

一、HTTP HTTP (HyperText Transfer Protocol),即超文本运输协议,是实现网络通信的一种规范 在计算机和网络世界有,存在不同的协议,如广播协议、寻址协议、路由协议等等...... 而HTTP是一个传输协议,即将数据由A传到B或将B传输到A,并且 A 与 B 之间能够存放很多第三方,如: A<=>

说说对webpack的理解?解决了什么问题?_justiniscool的博客-爱代码爱编程

 一、背景 webpack最初的目标是实现前端项目的模块化。旨在更高效的管理和维护项目中的每一个资源 模块化 最早的时候,我们会通过文件划分的形式实现模块化,也就是将每个功能及相关状态数据各自单独放到不同的JS文件中 约定每个文件是独立的模块,然后再将这些js文件引入到页面,一个script标签对应着一个模块,然后调用模块化的成员 <s

xss攻击与csrf攻击_染t_t的博客-爱代码爱编程

XSS攻击 什么是XSS Cross-Site Scripting(跨站脚本攻击),简称XSS,是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本,使之在用户的浏览器上运行。利用这些恶意脚本,攻击者可获取用户的敏感信息如Cookie、SessionID等,进而危害数据安全 XSS的注入方法 简单来说,任何可以输入的地方都有可能引起XSS攻击,包

v-show和v-if有什么区别?使用场景分别是什么?_justiniscool的博客-爱代码爱编程

一、v-show与v-if的共同点 我们都知道在 vue 中 v-show 与 v-if 的作用效果是相同的(不含v-else),都能控制元素在页面是否显示 在用法上也是相同的 <Model v-show="isShow" /> <Model v-if="isShow" /> 当表达式为true的时候,都会占据页面的位

标签上有什么defer和async属性?<script>_紫微前端的博客-爱代码爱编程

如果两个属性都不存在,则脚本会同步下载并执行,并且会暂停文档的解析,直到它完成执行(默认行为)。脚本按照遇到的顺序下载和执行。 该defer属性在文档仍在解析时下载脚本,但要等到文档完成解析后再执行,相当于在DOMContentLoaded事件侦听器中执行。defer脚本将按顺序执行。 该async属性在解析文档期间下载脚本,但会在解析器完全完成解析之

将 javascript 源文件的全部内容包装在立即调用的函数中的原因是什么?_紫微前端的博客-爱代码爱编程

这种技术在 JavaScript 库中很常见。它围绕文件的全部内容创建了一个闭包,从而创建了一个私有命名空间,从而有助于避免不同 JavaScript 模块和库之间潜在的名称冲突。立即调用该函数,以便为命名空间(库名称)分配函数的返回值。 const myLibrary = (function() { var privateVariable =

如何检测函数是否被称为构造函数_紫微前端的博客-爱代码爱编程

您可以使用new.target伪属性来检测函数是作为构造函数调用(使用 new 运算符)还是作为常规函数调用。 如果使用 new 运算符调用构造函数或函数,则 new.target 返回对构造函数或函数的引用。对于函数调用,new.target 是未定义的。 function Myfunc() { if (new.target) {

如何在不修改原始数组的情况下反转数组?_紫微前端的博客-爱代码爱编程

该reverse()方法颠倒了数组中元素的顺序,但它改变了原始数组。我们举一个简单的例子来论证这个案例, const originalArray = [1, 2, 3, 4, 5]; const newArray = originalArray.reverse(); console.log(newArray); // [ 5, 4, 3, 2,