- 博客(26)
- 问答 (2)
- 收藏
- 关注
RSS订阅转载 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
921
转载 执行上下文/作用域/闭包/一等公民
1.什么时执行上下文？执行上下文，它是比较抽象的概念，就是当前 JavaScript 代码被解析和执行时所在环境，所以，在 JavaScript 中运行任何的代码都是在执行上下文中运行的。执行上下文有三种类型第一种类型：全局执行上下文，只有一个即一个程序中只有一个全局执行上下文，如果是在浏览器中，那么全局对象就是 window 对象， this 指向就是这个全局对象。第二种类型：函数执行上下文，函数执行上下文可以存在多个，甚至是无数个，只有在函数被调用时才会创建（函数执行上下文），每次调用完函数都
2020-05-23 21:53:05
340
转载 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
3115
转载 前端性能优化（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
519
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
2619
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
264
转载 从URL输入到前端页面显示到底发生了什么?
**总的来说可以分为以下几个过程**DNS解析：将域名解析为 IP 地址TCP链接：TCP 三次握手发送HTTP请求服务器响应并返回HTTP报文浏览器解析报文渲染页面断开链接：TCP 四次挥手一、URL是什么URL（Uniform Resource Locator）,统一资源占位符，用于定位网络上的资源，俗称网址。例如：https://www.csdn.net；遵循以下的...
2020-05-05 23:34:54
533
原创 手动实现完整的Promise
声明：本文是学习珠峰培训视频，模仿实现的对象Promise，通过了 promises-aplus-tests测试，文章最下面有截图。constPENDING='pending';//初始态constFULFILLED='fulFilled';//成功态constREJECTED='rejected';//失败态functionPromise(e...
2020-03-02 00:32:26
257
转载 React、Vue、Angular 对比优劣势之处
前言每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。一、Angular，它两个版本都是强主张的，如果你用它，必须接受以下东西： 必须使用它的模块机制 必须使用它的依赖注入 必须使用它的特殊形式定义组件（这一点每个视图框架都有，难以避免） 所以Angular是带有比较...
2019-09-17 22:25:04
693
转载 初步认识 Babel
Babel 是怎么工作的Babel是一个JavaScript编译器。做与不做注意很重要的一点就是，Babel只是转译新标准引入的语法，比如： 箭头函数 let / const 解构 哪些在 Babel 范围外？对于新标准引入的全局变量、部分原生对象新增的原型链上的方法，Babel 表示超纲了。 全局变量 Promise Symbol...
2019-09-16 22:36:38
153
原创 js运动 小球在页面内回弹
html>html>head lang="en"> meta charset="UTF-8"> title>title> style type="text/css"> #div{ width: 100px;height: 100px;background-color: #ff0000;position: absolute;
2018-01-30 19:12:05
2120
1
原创 JS随机生成一千个数
script type="text/javascript"> var arr=[]; //建一个数组来存 while(arr.length!=1000){ // 一千个数 var a =random(0,2000); if(arr.join().indexOf(a)==-1){ // 如果已经有了 就不加进去了 ar
2018-01-26 10:00:03
2000
原创 利用Position让内容垂直居中
style type="text/css"> *{ margin: 0;padding: 0; } #box{ height: 200px;width: 200px;background: #ff0000;position: absolute; left: 50%;top: 50%;margin-left: -100px;ma
2018-01-26 09:21:38
736
原创 7.函数（function）
7.函数（function）1.函数介绍 Less提供了许多用于转换颜色，处理字符串和进行算术运算的函数，这些函数使用起来非常简单。2.实例—A（最常见的rgb（）函数） ①最常见的rbg函数，将rgb模式的值转换为16进制的值； ②编写Less .bgcolor{
2017-11-08 13:46:35
219
原创 6.Less运算（operations）
6.运算（operations）1.运算说明任何数值，颜色和变量都可以进行运算。2.数值型运算 ①说明：less会为你自动推断数值的单位，所以你不必在每一个值都加上单位。 ②注意：运算符与值之间必须以空格分开，涉及优先级时以0进行优先级运算。 ③实例：Less运算：.wp{ width:450px+450;}
2017-11-08 13:29:29
288
原创 5.Less嵌套规则
5.嵌套规则1.什么是嵌套规则： 嵌套规则他模仿了HTML结构，让我们的css代码更加简洁明了。2.实例 ①传统css写法： #header{ color:black;}#header.navigation{ font-size:20px;}#header .lo
2017-11-08 12:20:22
389
原创 4.Less混合（mixins）
4.混合（mixins）1.普通混合 ①什么是混合：混合就是将一系列属性从一个规则集引入（“混合”）到另一个规则集的方式。 ②实例： Less编写： .bordered{ border-top:1pxsolid black; border-bottom:2pxsolid black;}#menu
2017-11-08 09:22:49
381
原创 3.Less变量
3.Less变量（variables）1.普通的变量 ①变量的定义方式：@ ②实例： Less编写： @blue：#5b83ad； #header{ color：@blue;} 编译结果： #header：{ color：#5b83ad; }
2017-11-07 22:41:43
267
原创 2.正确使用Less
2.正确使用Less1.如何使用LessLess文件只有被编译后才能被浏览器识别访问使用。2.Less编译工具 ①Koala：国人开发的全平台的开发LESS编译工具，网站：http://koala-app.com ②WinLess：Windows平台下得LESS编译工具，网站：http://winless.org ③CodeKit
2017-11-07 21:28:35
280
原创 1.认识Less
1.认识Less1.什么是Less？Less是一个Css预编译器，意思是指它可以扩展Css语言，添加功能，如允许变量（variables）、混合（mixins）、函数（function）和其他许多技术，让Css更具维护性、主题性、扩展性。2.Less官方网站 中文网站：http://www.lesscss.net 英文网站：http://www.less
2017-11-07 20:59:51
297
原创 CSS3新增属性总结
一、选择器1、属性选择器：p[index]{background:red} //只使用属性名，但没有确定任何属性值p[index=1]{background:red} //指定属性名，并指定了该属性的属性值p[index~=pre]{background:red}
2017-10-31 10:17:10
421
原创 动态规划-最长公共子序列、最长公共子串
首先，动态规划是一种算法。那么，何谓算法？计算机书籍中不难找到其严谨的学术定义，大众可以简单理解为“解决某一类问题的核心思想”。先谈动态规划的意义——望文生义，“动态”规划对应“动态”的问题：你并不知道问题的规模会有多大，而不论是个位数还是百万级，都能以较快速度(动态规划是一种泛用性算法，而泛用性算法与特定算法相比往往存在性能差距)将结果正确计算出来。这是对于计算机科学最直观的意义，当然我认为
2017-10-08 23:14:00
258
原创 折半查找，把一个数放到一个有序数组的对应位置
public static int half_searsh(int arr[],int key){ int left = 0, right = arr.length -1，mid; while( left mid = ( left + right ) >> 1; if( key > arr[mid] ) l
2017-10-01 10:55:52
383
原创 两个数交换的三种方法
比如 a=3;b=8;用三种方法来交换两个数的值？第一种 定义一个临时比变量存储 ： int temp = a; a = b; b = temp;第二种 用他们的和互减: a = a
2017-09-30 09:02:15
802
转载 JS中各种this指向问题
论点： this 不是变量，不是属性，不能为其赋值，它始终指向调用它的对象 感觉还TM太虚了，只要记住最重要的一条即可 ”它始终指向调用它的对象“ ，所以找到调用this的对象，就知道this到底指向谁了1、1alert(this);瞅瞅，弹出来的是么子，要么是”object w
2017-09-08 22:57:54
198
转载 稳定排序和不稳定排序之分！
首先，排序算法的稳定性大家应该都知道，通俗地讲就是能保证排序前2个相等的数其在序列的前后位置顺序和排序后它们两个的前后位置顺序相同。在简单形式化一下，如果Ai = Aj，Ai原来在位置前，排序后Ai还是要在Aj位置前。 其次，说一下稳定性的好处。排序算法如果是稳定的，那么从一个键上排序，然后再从另一个键上排序，第一个键排序的结果可以为第二个键排序所用。基数排序就是这样，先按低位排
2017-09-08 18:53:11
254
空空如也
js引入之后就有效果，但是js文件是空的，不引入就没效果？
2017-03-26
我在配置eclipse sdk,不知道要勾选哪些项，请求解答？
2016-05-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人