是个小白的小李-CSDN博客

原创 webpack加载器的使用方法

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

2021-05-30 23:31:33 151

原创前端工程化 ES6模块化规范

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

2021-05-28 17:56:48 182

原创 JS中map() some() every()的用法

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

2021-05-04 16:34:19 600

原创 chrom调试工具

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

2021-04-19 15:53:45 191

原创页面布局的相关内容

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

2020-11-19 00:53:16 996 1

原创跨域访问

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

2020-11-17 00:20:25 2014

原创 JSON的相关内容

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语法

2020-11-16 08:06:30 130

原创 Ajax相关概念

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

2020-11-15 07:58:43 82

原创 jQuery核心方法的参数

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

2020-11-09 08:24:31 130

原创 lazyload插件是什么以及使用的步骤

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

2020-11-08 00:24:50 949 1

原创 jQuery动画的几种方法

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

2020-11-07 00:26:06 6435

原创单事件绑定与解绑及对比

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

2020-11-06 08:16:49 134

原创查找，获取，创建，插入节点

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

2020-11-04 19:52:51 769

原创 Object常用的几种方法

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

2020-11-01 11:14:08 2091

原创 JavaScript错误与异常的解决方法

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

2020-10-29 00:07:32 1357

原创原型和原型链

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

2020-10-27 23:51:00 222

原创 Function 类型中包含的特殊函数

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

2020-10-27 00:51:31 257 1

weixin_46081459的博客