weixin_46081459的博客

webpack中的加载器通过loader打包非js模块在实际开发过程中，webpack默认只能打包处理以 .js 后缀名结尾的模块，其他非 .js后缀名结尾的模块，webpack 默认处理不了，需要调用 loader 加载器才可以正常打包，否则会报错！loader 加载器可以协助 webpack 打包处理特定的文件模块，比如:less-loader 可以打包处理 .less 相关的文件sass-loader 可以打包处理 .scss 相关的文件url-loader 可以打包处理

前端工程化 模块化相关规范模块化概述传统开发模式的主要问题 1》命名冲突2》文件依赖通过模块化解决上述问题模块化 就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护大一统模块化规范 - ES6模块化规范ES6模块化规范中定义：每个 js 文件都是一个独立的模块导入模块成员使用 import 关键字暴露模块化成员使用 export关键字

JS中map() some() every()的用法map(数组，函数) map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。(注意这里返回的是一个新数组，原来数组内存地址不改变，map不会改变原数组，map不会检查空数组）接收一个数组和函数，利用函数里边的表达式改变接收到的数组，赋值给另一个新的数组const map =(array,fn) =>{ // 创建一个空数组 let number =[] //遍历传进来的array数组放到value

Chrom 调试工具Chrom 浏览器提供了一个非常好用的调试工具，可以用来调试我们的HTML结构和CSS样式。使用调试工具1> Ctrl + 滚轮 可以放大开发者工具代码大小。2> 左边是HTML元素结构，右边是CSS样式。3> 右边CSS样式可以改动数值（左右箭头或者直接输入）和查看颜色。4> Ctrl + 0 复原浏览器大小。5> 如果点击元素，发现右侧没有样式引入，机油可能是类名或者样式引入错误。6> 如果有样式，但是样式前面有黄色叹号提示，则是样

相对定位开启相对定位: 不脱离文档流。如果把当前元素设置为脱离流的话，margin实现的水平居中失效。由于父级容器没有设置height属性，父级元素出现高度塌陷的问题。可以让menu元素相对于当前元素设置定位，只需要为当前元素开启定位。注意：软件开发的基本原则：低耦合。软件开发最理想的状态：零耦合。耦合度：简单来说，就是指很多值之间的关联大不大。固定定位固定定位: 设置当前元素相对于浏览器窗口定位。继承这里所说的继承，指的是 CSS 中的样式属性的继承。所谓继承，就是指当前样式属性不仅能作

跨域访问是什么同源策略1995年，同源政策由Netscape公司引人浏览器。目前，所有刘览器都实行这个政策。同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。随着互联网的发展，“同源政策”越来越严格。目前，如果非同源，共有三种行为受到限制:Cookie、LocalStorage和lndexDB无法读取DOM无法获得AJAX请求不能发送虽然这些限制是必要的，但是有时很不方便，合理的用途也受到影响。所谓“同源”指的是“三个相同”:协议相同、域名相同以及端口相同。域

JSON的相关内容JSON是什么JSON是JavaScript Object Notation的缩写，是一种轻量级的数据交换格式。JSON是基于JavaScript Prograrnming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。JSON是独立于任何语言的文本格式。易于程序员阅读和编写，同时也易于计算机解析和生成。JSON的中文官网地址: http://www.json.org/ison-zhhtmnlJSON语法

Ajax是什么Ajax是Asynchronous JavaScript XML的缩写，被译为异步JavaScript和XML。Ajax本身并不是一个新技术，而是一个在2005年被Jesse James Garrett提出的新术语，用例描述一种使用现有技术集合的“新”方法。当使用Ajax模型，HTML页面能够快速地将数据逐步更新显示在用户界面上，不需要重载（刷新）整个页面，这使得HTML能更快速地对用户的操作进行反馈。尽管Ajax中的“X”代表XML，但由于JSON的许多优势，目前JSON的使用比XML

核心方法的参数lazyload插件的核心方法lazyload()方法，具有options`参数，具体说明如下：属性名称默认值描述备注threshold0临界点设置大于零的数值，让图片距离屏幕一定像素时提前加载failure _limit0当图像不存在时滚动页面的时候，lazyload会循环为加载的图片，在循环中检测图片是否在可视域内。默认情况下在找到第一张不在可见区域的图片时停止循环。图片被认为是流式分布containerwindow触发可滚动的容器

lazyload插件是什么以及使用的步骤lazyload插件是什么lazyload懒加载插件用于在较长HTML页面中延迟加载图片。在浏览器窗口之外的图片不会被加载，直到用户操作滚动条滚动到这些图片时才会被加载。lazyload插件的优点：可以提高HTML页面加载速度可以帮助减少服务器负载lazyload插件的官网地址：https://appelsiini.net/projects/lazyload如何使用lazyload插件1.lazyload插件的使用是依赖于jQuery的，所以必须按

动画显示与隐藏show()方法和hide()方法是jQuery中最基本的动画方法，具体语法如下：$element.show([speed],[easing],[fn]);$element.hide([speed],[easing],[fn]);speed:三种预定速度之一的字符串（"show","normal"或者"fast")或表示动画数值。easing:用来指定切换效果，默认是"swing",可用参数"inear".fn:在动画完成时执行的函数，每个元素执行一次。滑动式动画sli

单事件绑定与解绑及对比单事件绑定jQuery提供了bind()方法完成事件绑定功能，具体语法如下：$element.bind(type,data,callback);type:含有一个事件类型的字符串。data: 作为event.data属性值传递给时间对象的额外数据对象。callback：绑定到每个匹配元素的事件上面的处理函数。$("h5.head").bind("click",function(){ var $content=$(this).next("div.con

查找，获取，创建，插入节点查找元素节点使用jQuery中的选择器用法即可完成查号元素节点的功能，相对于DOM中的查找元素节点jQuery 选择器的方式更便捷。var $li = $('ul li:eq(2)');查找文本节点通过jQuery的选择器查找到元素节点后，可以利用text()方法获取其文本节点的文本内容。text()方法的用法类似于DOM中的textContent属性。console.log($('p').text());查找属性节点通过jQuery的选择器查找到元素节点后，可

Object常用的几种方法描述JavaScript原生提供Object对象。JavaScript的所有其他对象都继承自Object对象，即那些对象都是Object的实例。Object对象的原生方法`分成两类：Object本身的方法与Object的实例方法`。本身方法Object,print = function(o){console.log(o)};Object的实例方法所谓示例方法苦事定义在Object原型对象Object.prototype上的方法。它可以被Object实例直接使用。Ob

错误与异常错误与异常的概念错误，指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并跑车一个Error对象，其中包含错误的描述信息。通过使用JavaScript提供的异常处理语句，可以用结构化的方式来捕捉发生的错误，让异常处理代码与核心业务代码实现分离。错误 与异常处理在应用中的重要性是毋庸置疑的。任何有影响力的web应用都需要一套完善的错误处理机制。try…catch语句try…catch语句作为JavaScript中处理异常的一种标准方式。try语句

原型链和原型构造函数或构造器具有prototype属性，对象具有_ proto _ _属性 这就是之前学的原型。如果构造函数或对象A，A的原型指向构造函数B或对象B，B的原型再指向构造函数或对象C，以此类推，最终的构造函数或对象的原型指向Object的原型。由此形成一条链状结构，被称之为原型链。按照上述的描述，在B中定义的属性或方法，可以直接在A中使用并不需要定义。这就是继承，它允许每个对象来访问其他原型链上的任何属性或方法。为了更好的帮助大家理解记忆原型链的结构，以下是我所学到的代码，希望可以帮到大

Function 类型中包含的特殊函数***特殊函数有两种类型： 匿名函数 ，自调函数。匿名函数：（没有名的函数(没有名，也就无法调用)）JavaScript可以将函数作为数据使用。作为函数本体，它像普通的数据一样，不一定要有名字。默认名字的函数被称为匿名函数。如下示例：function(a){return a;}匿名函数的两种用法：可以将匿名函数作为参数传递给其他函数。这样，接收方函数就能利用锁传递的函数来完成某些事情。可以定义某个匿名函数来执行某些一次性任务。（用于自调函数和回调函.