-
Vite 和Webpack 的核心对比？
全方位对比vite和webpack 一. webpack原理 1. webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.最终形成打包后的代码 2. webpack打包原理 1.先逐级递归识别依赖，构建依…- 677
- 0
-
js 继承的是什么？如何实现继承？
继承的含义： 继承是面向对象编程中的一个重要概念，通过继承可以使子类的实例使用在父类中定义的属性和方法。 JavaScript继承是一种允许我们在已有类的基础上创建新类的机制；它为子类提供了灵活性，可以重用父类的方法和变量。 一、 原型继承 function Animal(name = 'animal'){ this.name = name } Animal.prototype…- 556
- 0
-
2021年web前端面试集锦
一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…- 1.1k
- 0
-
对于 fetch 和 axios 和 Ajax 区别 ？
1.Ajax Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 用法： $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function() {}, error: …- 947
- 0
-
vue实现路由懒加载几种方式
一、为什么需要路由懒加载 vue在项目打包之后，会生成一个dist文件夹。在dist文件夹里面又有一个js/app.js文件，这里主要存放的是整个项目的业务逻辑代码。随着项目不断的开发迭代，业务逻辑越来越多，app.js文件也会越来越大。在线上就会容易出现进入首页时所需时间过长或者出现白屏的问题。 使用路由懒加载可以分割代码，提高初始页的加载效率。 二、路由懒加载的方式 1、使用ES6的impor…- 806
- 0
-
VSCode打造成为开发神器
VSCode现在是世界上最为常用的编辑器之一，为什么被称为编辑器，是因为它不像IDE一样集成了大量开发环境的配置，必须你手动配置很多东西，才能将它打造成为一个趁手的生产工具。 VSCode最大的优势就在于它是完全免费的，你不需要支付任何费用，就可以得到一个开发各种代码的编辑器，也正因为它具有高拓展性，它可以用来编写Python、C++、C#、GO、Dart等一系列语言。 你可以通过下面的插件将VS…- 1k
- 0
-
ES6中的Iterator 和for of循环
一、Iterator（遍历器）的存在 1、迭代器模式 迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。 2、Iterator的概念 ES6语法中表示“集合”的数据结构有很多，比如 Array、Map、Set、String、arguments、NodeList等。这样就需要一种…- 724
- 0
-
var，let，const三者的特点和区别
一、var的特点 1、存在变量提升 console.log(a); // undefined var a = 10; // 编译过程 var a; console.log(a); // undefined a = 10; 2、一个变量可多次声明，后面的声明会覆盖前面的声明 var a = 10; var a = 20; console.log(a); // 20 3、在函数中使用var声明变量的时…- 808
- 0
-
微信小程序mpvue+Vant Weapp初始化
准备工作： 1.安装Node.js nodejs官网 //可查看node版本 $ node -v $ npm -v 2.安装淘宝镜像cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue-cli脚手架构建工具 $ cnpm install -g vue-cli 第一步、创建一个基于 mpvue-qu…- 985
- 0
-
Vue.js快速入门-Vue实例详解与生命周期
Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 1.1. Vue实例初始化的选项配置对象详解 前面我们已经用了很多次 new Vue({...})的代码，而且Vue初始化的选项都已经用了data、methods、el、co…- 736
- 0
-
forEach、for in 、 for of三者的区别
在开发过程中经常需要循环遍历数组或者对象，forEach、for in 、 for of这三种方法使用最多 但却一值傻傻分不清楚。。今天来一个大区分。。 for循环 其实除了这三种方法以外还有一种最原始的遍历，自Javascript诞生起就一直用的 就是for循环，它用来遍历数组 var arr = [1,2,3,4] for(var i = 0 ; i forEach 从ES5开始 Javasc…- 792
- 0
-
从0到1搭建webpack2+vue2自定义模板详细教程
前言 webpack2和vue2已经不是新鲜东西了，满大街的文章在讲解webpack和vue，但是很多内容写的不是很详细，对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates，基于vue-cli用的最多，不过对于很多人来说，vue-cli 的配置还是过于复杂，对于我们了解细节实现不是很好，所以想自己从零开始搭建一个模板工程，也顺便重新认识一下webpack和vu…- 1k
- 0
-
彻底弄懂JavaScript执行机制
之前介绍了进程与线程，知道渲染进程都有一个主线程，并且主线程工作很多，要处理DOM、计算样式、布局、还有鼠标、键盘等各种JS任务 我们都知道 JS是单线程 ，任务只能一件一件地执行，那么浏览器是怎么让这么多类型的任务在主线程上有条紊地执行的呢？ 这就需要任务队列和事件循环了 任务队列(消息队列) 什么是任务队列呢？ 它是一种数据结构，存放要执行的任务。然后事件循环系统再以先进先出原则按顺序执行队列…- 341
- 0
-
webpack介绍、配置、使用
一、webpack介绍 1、由来 由于前端之前js、css、图片文件需要单独进行压缩和打包，这样团队人员处理很繁琐，然后 Instagram 团队就想让这些工作自动化，然后webpack应运而生。 2、介绍 webpack是一个模块打包器（module bundler），webpack视HTML，JS，CSS，图片等文件都是一种 资源 ，每个资源文件都是一个模块（module）文件，webpack…- 785
- 0
-
深入理解async和await
async和await要搭配Promise使用, 它进一步极大的改进了Promise的写法 来看一个简单的场景: //假设有4个异步方法要按顺序调用 new Promise(function(resolve){ ajaxA("xxxx", ()=> { resolve(); }) }).then(function(){ return new Promise(functio…- 984
- 0
-
ESET防病毒软件企业版本 v6.5.2132.6 长期版
ESET防病毒软件企业版，ESET工作站防护版v6.5正式版于2018年发布，近日更新至v6.5.2132.6，v6.5可解锁永久激活。ESET Endpoint 版本UI变化很大，主流趋势的界面设计风格，简洁清新美观的界面看着舒服。 ESET NOD32 防病毒软件以“轻、快、狠、准”而闻名，全球唯一通过26次VB100%测试的权威防病毒软件，高据众产品之榜首！ESET NOD32 安全杀毒软件…- 1.5k
- 0
-
Gulp和Webpack对比
前言 在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5、 CSS3、 ES6 等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应…- 676
- 0
-
Node之父重构的Deno终于发布了，它终究会取代Node吗？
Node之父是谁？ 没错！就是这个叫Ryan Dahl的男人在2009年创造了Node。你看，其实也不是说大神就都没头发，这位大神毛发不是挺旺盛的嘛！ 不过既然是在2009年缔造的Node，那么就不得不吐槽那时候的JS了。在2009年的JavaScript啥样大家都知道(大家那时候入行了没)，ES5.0(不成熟的ES5)在09年年底才刚刚发布，而ES5.1(咱们现在用的ES5)在2011年6月才开…- 1k
- 0
-
js 代码常规的一些骚操作
曾经，我接手了一份大佬的代码，里面充满了各种“骚操作”，还不加注释那种，短短几行的函数花了很久才弄懂。 这世上，“只有魔法才能对抗魔法”，于是后来，翻阅各种“黑魔法”的秘籍，总结了一些比较实用的“骚操作”，让我们装X的同时，提升代码运行的效率（请配合健身房一起使用）。 位运算 JavaScript 中最臭名昭著的 Bug 就是 0.1 + 0.2 !== 0.3，因为精度的问题，导致所有的浮点运算…- 996
- 0
-
轻松学会微信小程序的反编译
以一个简单的例子介绍下小程序反编译操作流程 实验环境 操作系统:MacOS10.13.6 node:v10.8.0 微信开发者工具:Stable v1.02.1910120 前置准备 需要安装pc端模拟器工具可以选择网易MuMu,或者其它模拟器 模拟器设置中配置共享文件夹 下载反编译工具wxappUnpacker 模拟器内软件安装 需要安装以下两个软件 安装APP RE文件管理器(查看小程序压缩包…- 1k
- 0
-
JSONP原理及promise封装
在我们想要获取其他网站数据的时候，浏览器的同源策略（Same origin policy）会禁止此项行为，但有时不得不实现这一操作，就会涉及跨域的问题。解决跨域也就成了前端必须掌握的技能，其中JSONP就是一种解决该问题的好方法。 一、JSONP跨域原理 由于script标签不受浏览器同源策略的影响，允许跨域引用资源。因此可以通过动态创建script标签，然后利用src属性进行跨域，这就是JSON…- 1.2k
- 0
-
ES6新增特性
ECMAScript 6(ES6) 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。 1.let 和 const 在ES6新特性中，增加的两个声明变量和常量的方法，let用于声明变量，const用于声明常量。 ①在JS中是没有块级作用域的，而使用let就可以…- 710
- 0
-
深入浅出ES6的迭代器
迭代器是ES2015中新增的规范，与之相关的for...of也是ES2015新增的。 本文来深入研究一下迭代器是什么，以及迭代器能够干什么？ 或许你对for ... of的执行还不了解，比如什么情况下可以使用for ... of去遍历对象，什么情况下会报错等等，这篇文章应该能帮到你。 迭代器协议 for ... of只能迭代满足【迭代器协议】的对象 可迭代对象的必须存在[Symbol.iterat…- 729
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×