前端
文章平均质量分 94
晨兮神
前端爱好者
展开
-
Webpack面试题总结
1. 有哪些常见的Loader?你用过哪些Loader?raw-loader:加载文件原始内容(utf-8)file-loader:把文件输出到一个文件夹中,在代码中通过相对 URL 去引用输出的文件 (处理图片和字体)url-loader:与 file-loader 类似,区别是用户可以设置一个阈值,大于阈值时返回其 publicPath,小于阈值时返回文件 base64 形式编码 (处理图片和字体)source-map-loader:加载额外的 Source Map 文件,以方便断点调试sv转载 2020-05-24 23:13:04 · 901 阅读 · 0 评论 -
执行上下文/作用域/闭包/一等公民
1.什么时执行上下文?执行上下文,它是比较抽象的概念,就是当前 JavaScript 代码被解析和执行时所在环境,所以,在 JavaScript 中运行任何的代码都是在执行上下文中运行的。执行上下文有三种类型第一种类型:全局执行上下文,只有一个即一个程序中只有一个全局执行上下文,如果是在浏览器中,那么全局对象就是 window 对象, this 指向就是这个全局对象。第二种类型:函数执行上下文,函数执行上下文可以存在多个,甚至是无数个,只有在函数被调用时才会创建(函数执行上下文),每次调用完函数都转载 2020-05-23 21:53:05 · 317 阅读 · 0 评论 -
Deno 和 Node 的区别
Deno VS NodeNodeDenoAPI 引入方式模块引入全局对象模块系统CommonJS & 新版 node 实验性 ES ModuleES Module 浏览器实现安全无安全限制默认安全Typescript第三方,如通过 ts-node 支持原生支持包管理npm + node_modules原生支持异步操作回调Promise包分发中心化 npmjs.com去中心化 import url入口pac转载 2020-05-18 19:01:24 · 3064 阅读 · 0 评论 -
前端性能优化(JavaScript 篇)
1.优化循环如果现在有一个 data[] 数组,需要对其进行遍历,应当怎么做?最简单的代码是:for(let i = 0; i < data.length; i++){}这里每次循环开始都需要判断 i 是否小于 data.length, JavaScript 并不会对 data.length 进行缓存,而是每次比较都会进行一次取值,如我们所说,JavaScript 数组其实是一个对象,里面有一个 length 属性,所以这里实际上就是取得对象的属性,如果直接使用变量的话就会少一次索引对象,如转载 2020-05-17 17:07:50 · 500 阅读 · 1 评论 -
2020前端近期面试题整理
1. DIV+CSS 布局的好处代码精简,且结构和样式分离,易于维护代码量少了,减少大量的带宽,页面加载的更快,提升了用户体验对 SEO 搜索引擎更加友好,且 H5增加了许多语义化的标签也是如此可以更好的丰富页面效果符合 W3C 标准,保证网站不会因升级而被淘汰缺点:容易出现浏览器的兼容性问题2. 点击一个 input 依次触发的事件const text = document.getElementById('text');text.onclick = function(){ con转载 2020-05-16 21:41:03 · 2600 阅读 · 2 评论 -
前端开发面试基础总结
1.如何在 ES5 环境下 实现 let实际上主要的区别在于,var 声明的变量由于不存在块级作用域所以可以在全局环境中调用,而 let 声明的变量由于存在块级作用域所以不能在全局环境中调用。function(){ for(var i = 0; i < 5; i ++){ console.log(i); // 0 1 2 3 4 }}()console.log(...转载 2020-05-10 22:48:10 · 258 阅读 · 0 评论 -
从URL输入到前端页面显示到底发生了什么?
**总的来说可以分为以下几个过程**DNS解析:将域名解析为 IP 地址TCP链接:TCP 三次握手发送HTTP请求服务器响应并返回HTTP报文浏览器解析报文渲染页面断开链接:TCP 四次挥手一、URL是什么URL(Uniform Resource Locator),统一资源占位符,用于定位网络上的资源,俗称网址。例如:https://www.csdn.net;遵循以下的...转载 2020-05-05 23:34:54 · 513 阅读 · 0 评论 -
手动实现完整的Promise
声明:本文是学习珠峰培训视频,模仿实现的对象Promise,通过了 promises-aplus-tests测试,文章最下面有截图。constPENDING='pending';//初始态constFULFILLED='fulFilled';//成功态constREJECTED='rejected';//失败态functionPromise(e...原创 2020-03-02 00:32:26 · 240 阅读 · 0 评论 -
React、Vue、Angular 对比优劣势之处
前言每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。一、Angular,它两个版本都是强主张的,如果你用它,必须接受以下东西: 必须使用它的模块机制 必须使用它的依赖注入 必须使用它的特殊形式定义组件(这一点每个视图框架都有,难以避免) 所以Angular是带有比较...转载 2019-09-17 22:25:04 · 680 阅读 · 0 评论 -
初步认识 Babel
Babel 是怎么工作的Babel是一个JavaScript编译器。做与不做注意很重要的一点就是,Babel只是转译新标准引入的语法,比如: 箭头函数 let / const 解构 哪些在 Babel 范围外?对于新标准引入的全局变量、部分原生对象新增的原型链上的方法,Babel 表示超纲了。 全局变量 Promise Symbol...转载 2019-09-16 22:36:38 · 138 阅读 · 0 评论 -
CSS3新增属性总结
一、选择器1、属性选择器:p[index]{background:red} //只使用属性名,但没有确定任何属性值p[index=1]{background:red} //指定属性名,并指定了该属性的属性值p[index~=pre]{background:red}原创 2017-10-31 10:17:10 · 414 阅读 · 0 评论