webpack能干什么？官网给出的答案就是，一句话，让一切变得简单！各式各样的loader层出不穷，让我们在构建时不知所措，于此，总结下loader的全解析。本文主要介绍webpack3之loader全解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。概念loader，顾名思义，加载器，英文的解释如下：Loaders are transformations that are applied on the source code of a module. They all...
关于jQuery菜单全选,反选,取消功能很普遍，本文小编就为大家带来一篇jQuery菜单实例(全选,反选,取消)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。废话不多说，直接上代码<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> <body><input type="button" value="全选" onclick="checkAll()"><input type="button" value="反选...
我们在用webpack打包是时候，常常想单独提取第三方库，把它作为稳定版本的文件，利用浏览缓存减少请求次数。常用的提取第三方库的方法有两种本文主要介绍了详解webpack提取第三方库的正确姿势，常用的提取第三方库的方法有两种，本文详细的介绍了这两种方法，有兴趣的可以了解一下，希望能帮助到大家。CommonsChunkPluginDLLPlugin区别：第一种每次打包，都要把第三方库也运行打包一次，第二种方法每次打包只打包项目文件，我们只要...
本文主要介绍了深入理解Vue 单向数据流的原理，详细的介绍了Vue 单向数据流的原理和使用，具有一定的参考价值，有兴趣的可以了解一下，希望能帮助到大家。单向数据流是什么单向数据流指只能从一个方向来修改状态。下图是单向数据流的极简示意：单向数据流的极简示意与单向数据流对对应的是双向数据流（也叫双向绑定）。在双向数据流中，Model（可以理解为状态的集合） 中可以修改自己或其他Model的状态， 用户的操作（如在输入框中...
使用 vue-cli 可以快速创建 vue 项目，vue-cli很好用，但是在最初搭建环境安装vue-cli及相关内容的时候，对一些人来说是很头疼的一件事情，本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑，本文主要介绍了手把手教你使用vue-cli脚手架(图文解析)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。vue-cli脚手架的优势：有一套成熟的vue项目架构设计,能够快速初始化一个Vue...
我们知道v-for的基本使用是v-for="item in list" 或者 v-for="item of list" 进行遍历，本文主要介绍了解决vue组件中使用v-for出现告警问题,在文中给大家介绍了v for指令，需要的朋友可以参考下，希望能帮助到大家。在项目中运行v-for代码段时，<flexbox v-if="roleShow" style="padding:15px; box-sizing: border-box;"> <flexbox-item v-for="role in roles " > <x-button mini :type="role.type" style="padding: 0 14px" @cli...
异步处理就是按照不同步的程序处理问题。异步处理与同步处理是对立的，而产生他们的是多线程或者多进程。异步处理的好处就是提高设备使用率，从而在宏观上提升程序运行效率，但是弊端就是容易出现冲突操作和数据脏读。本文我们就和大家分享关于JavaScript中的异步处理。在 JavaScript 的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致 JavaScript 的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函...
JavaScript中有对象当然就少不了，this关键字啦！有了this关键字JavaScript的代码了也会减少点，今天我们就一起来分析一下JavaScript中的this吧！隐式绑定关于this，一般来说，谁调用了方法，该方法的this就指向谁，如：function foo(){console.log(this.a) } var a = 3; var obj = {a: 2,foo: foo }; obj.foo(); // 输出2,因为是obj调用的foo，所以foo的this指向了obj，而obj.a = 2如果存在多次调用，对象属性引用链只有上一层或者...
我们都知道，构造函数需要使用new关键字来调用，那么首字母要大写，但是函数是不使用这样的格式的，下面就给大家举几个小列子看看Js里的堆栈问题。数组中忌讳加入空的值在创建的时候就已经赋值即为初始化Var a = 10;JS会将其中的下标不是数字的值过滤掉，而不会显示在界面上，但实际上还是存在的 // 使用下标赋值,有则覆盖原来的数据项 //使用下标赋值,无则创建新的数据项//下标可以使用变量//非数字下标，不算入数组长度，但...
对于一个web前端来说，面试的时候一定也会遇到一些JS的面试题，今天给大家总结归纳一些最新的JS面试题，每道题都让人印象深刻预解析：在当前作用域下，js运行之前，会把带有var和function关键字的事先声明，但不会赋值（个人见解）对预解析印象深刻，并不是因为难，而是要细心，稍微一粗心，答案就写错了！我遇到预解析的题目不止一道，有两道我现在还能记住，我说下！2-1.预解析1alert(a) a(); var a=3;function a(){alert(10) } ...
在我们前面的两篇的文章中，我们给大家介绍了JavaScript实现提交表单的几种方法，以及验证JavaScript提交表单的方法、在提交表单中还有一定submit提交，那么我们今天就给大家JavaScript提交表单与submit提交的区别解析!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" cont...
在我们工作中很多人说到javascript中的定时器都会想到setTimeout() 和 setInterval() 这两个函数，但是却不知道JavaScript中定时器的原理是什么，那么本文将从事件循环（Event Loop） 的角度来分析定时器函数的工作原理和区别！setTimeout()MDN对 setTimeout 的定义为：在指定的延迟时间之后调用一个函数或执行一个代码片段。语法setTimeout 的语法非常简单，第一个参数为回调函数，第二个参数为延时的时间。函数返回一个数值类型的...
在工作中我们可能会把jQuery选择做自己项目的基础库，因为其提供了简便的DOM选择器以及封装了很多实用的方法，比如$.ajax()，它使得我们不用操作xhr和xdr对象，直接书写我们的代码逻辑即可。更为丰富的是它在ES6没有原生支持的那段时间，提供了Deferred对象，类似于Promise对象，支持done/fail/progress/always方法和when批处理方法，这可能在项目上帮助过你。ES6提供了Promise对象，但由于它是内置C++实现的，所以你也没法看它的设...
基本包装类型基本包装类型是特殊的引用类型。每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而可以调用属性、方法来进行后续操作。ECMAScript还提供了三种基本包装类型：Number、String、Boolean。代码现状我们经常写类似这样的代码，基本类型的变量可以当做对象一样调用属性、方法，但这又不是一个真正的对象只是一个变量而已，那么这是为什么呢？1 var str = "hello world"; 2 console.log...
一、javascript的解析顺序 我们大家所理解的代码的执行顺序都是从上到下的，但是实际上确不是这样的。我们看一下下面的代码。1 alert(a); 2 var a = 1; 如果执行顺序是从上到下的，在上面弹出一个a，浏览器会认为从上到下执行的，那么当它alert（a）的时候，他就会发现没有这个东西，那么他就会报错，但是实际上他弹出来的结果是undefined。返回值是undefined说明a没有被定义也就是没有赋值。下面我来讲解一下javascript的解...