Gypsophila 、-CSDN博客

原创 webpack基础使用和模块化

1.webpack的概念：本质上，webpack是一个现代JavaScript应用程序的静态模块打包器 (module bundler).当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。核心概念：入口(entry)出口(output)Loader插件(plugins)模式(mode)2.webpack的安装：Webpack是一个使用node.js实现的一个模

2020-12-06 20:10:39 206

原创 webpack中出现的问题

执行npx webpack 显示的错误信息原因分析有两种错误写法：错误写法一：错误写法二：解决方法：注意：CleanWebpackPlugin的c要大写，因为clean-webpack-plugin导出的是CleanWebpackPlugin。

2020-12-06 19:53:14 130

原创 Git安装与基础使用

1.什么是版本控制：版本控制是指软件开发过程中各种程序代码，说明文档等文件的变更进行管理，它将追踪文件变化，记录文件的变更时间，变更内容，甚至变更执行人进行记录，同时对每一个阶段性变更(不仅仅只是一个文件的变化)添加版本编号，方便将来进行查阅特定阶段的变更信息，甚至是回滚。2.什么是git(1)人工版本控制器通过人工的复制行为来保存项目的不同阶段的内容，添加适当的一些描述文字加以区分：①繁琐，容易出错②产生大量重复数据。(2)版本控制工具通过程序完成上述人工版本控制行为：方便且功能强大，

2020-12-04 19:41:46 160

原创 jQuery中事件的方法和属性的总结

1:绑定事件方法:bind(事件，函数) 元素绑定事件绑定事件方法的优点就是可以绑定多个事件，可以同时处理2:去除绑定方法： unbind()3：其他事件方法：------------------------------鼠标事件----------------------------------------------------------click() 点击事件dblclick() 双击mousedown() 鼠标按下mouseup() 鼠标弹起m

2020-10-11 19:52:26 133

原创 Dom属性和方法的总结

1：获取值的方法html()text()val() 既可以获取input里面的值/也可以设置值如果是下拉菜单、单选、多选的情况下 val([’’])方法还可以将他们设置成默认选中prop(‘checked’,true) 专属input默认选中方法2：操作属性的方法attr() 获取/设置元素属性的方法attr()还可以设置多个属性设置多个属性采用对象的模式 attr({‘k1’:‘v1’,‘k2’:‘v2’,‘k3’:‘v3’})removeAttr() 移除属性方法ad

2020-10-11 19:48:16 307

原创 jq-ajax的概念，方法和区别

一：概念：jQuery 对 Ajax 做了大量的封装，我们使用起来也较为方便，不需要去考虑浏览器兼容性。对于封装的方式，jQuery 采用了三层封装：最底层的封装方法为：.ajax()，而通过这层封装了第二层有三种方法：.load()、.ajax()，而通过这层封装了第二层有三种方法：.load()、.ajax()，而通过这层封装了第二层有三种方法：.load()、.get()和.post()，最高层是.post()，最高层是.post()，最高层是.getScript()和$.getJSON()方

2020-10-06 15:24:50 206

原创 jq中选择器的几种方法

项目Valuefind()匹配当前元素的后代 == $(‘div p’)后代选择器children()匹配当前元素的子元素 == $(‘div>p’)子选择器next()匹配当前元素的下一个同级元素== $(‘div+p’)下一个同级选择器nextAll()匹配当前元素的下的所有同级元素 == $(‘div~p’)prev()匹配当前元素的前一个同级元素==prevAll()匹配当前元素的前的同级元素==siblings()匹配当前...

2020-10-06 15:24:09 334

原创 jq-入门的基本概念

1:什么是jQuery?它通过封装原生的 JavaScript 函数得到一整套定义好的方法。2：jQuery的作用？1.像 CSS 那样访问和操作 DOM2.修改 CSS 控制页面外观3.简化 JavaScript 代码操作4.事件处理更加容易5.各种动画效果使用方便6.让 Ajax 技术更加完美7.基于 jQuery 大量插件8.自行扩展功能插件3：jQuery的优点？以更少的代码、实现更多的功能4：jQuery的引入方式？1：本地引入（外链接）<!DOCTYPE h

2020-10-06 15:23:27 128

原创 jq中的几种选择器方式

1：基础选择器id #class .标签 div* 通配符群组 #box,pcss() 一个值的时候是找这个元素的值，两个值的时候是设置样式举例找元素的值：alert($(‘p’).css(‘color’))举例设置元素的样式：KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲txt').css('colo…(‘p’).size())2：层次选择器$(‘p>span’) 子选择器$(‘p

2020-10-06 07:43:44 355

原创高级函数的总结

1：基本类型和引用类型基本类型= =简单类型= =number boolean undefined string…引用类型= =复杂类型= =函数和对象基本和引用的区别？1：基本类型存储在栈内存里面，引用类型存储堆内存里面2：基本类型是值的传递，引用类型是地址的传递2：栈内存和堆内存浏览器的内存分为2种1：一种是栈内存，存储的基本类型，也就是基本变量2：一种是堆内存，存储的引用类型，也就是函数和对象3：浏览器解析js代码的顺序(预解析)1：先看全局js代码里面是否有语句错误。2：提前

2020-10-05 09:37:16 552

原创总结数组方法和属性

1.概念(什么叫数组)：数组是一个可以存储一组或一系列相关数据的容器。2.数组元素（数组的内容）：是指存储在数组中并赋予唯一索引号（下标）的数据段。数组元素的数据类型可以不相同。通过下标或者索引号能获取到数组相对应得内容。3.作用：为了解决大量相关数据的存储和使用的问题。4：创建数组的方法：格1：通过关键字new 创建数组var arr=new Array(0,1,2,3)格2：通过字面量创建数组（通过中括号创建数组）var arr=[0,1,2,3];5:获取

2020-10-05 09:36:10 159

原创 js中的日期对象方法

1:创建日期对象的方法:日期对象被创建以后，会获得本地（电脑上的时间）系统时间var dat=new Date();document.write(new Date())2:to开头的方法是将时间转换为字符串toString() 将日期时间转换为普通字符串toUTCString() 将日期时间转换为世界时间格式的字符串toLocaleString() 将日期时间转换为本地时间格式的字符串var dat=new Date();document.write(dat.toString

2020-10-05 09:29:40 518

原创 jQuery中继承的案例--鞍数

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>刷新页面直到桉树出现为止</h1> </body> <script type="text/javascript"> var obody = document.getE

2020-10-05 09:28:52 133

原创原生ajax的概念和方法

1：ajax的概念AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。*AJAX 异步请求数据。什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

2020-10-05 09:28:07 171

原创 jQuery中的继承的几种方法

1：什么是继承，继承的概念：继承是指一个对象直接使用另一对象的属性和方法，继承可以使得子类具有父类的各种属性和方法。2：继承的称呼：父类 == 超类型 == 基类子类 == 派生类3：继承的方法：1：原型链继承原型链继承的缺点：1：创建子类实例时不能向超类传参2：引用类型不能保持独立2：构造继承借用构造函数的继承解决了：1：引用保持独立2：可以传参借用构造函数的继承（又叫：冒充继承）方法：call()构造继承缺点：对象冒充只能继承构造实例中的属性和方法，不能继承原型中的属性

2020-10-05 08:10:26 1262

原创 jQuery中的面向对象

1：什么是对象？a:对象就是由若干个键值对，无须组成的数据类型，被称之为对象。b:简单理解，提供了特有的方法和属性就是对象！c:“对象”是一个容器，封装了“属性”（property）和“方法”（method）。举例：var o={name:‘tom’,age:12,fun:function(){alert(1)}}2:键值对？花括号里面冒号前被称之为键，冒号后被称之为值，通过键获取值。3：什么是面向对象？面向对象是一种编程思想，通过这种思想来完成代码的编程。(oop==Obje

2020-10-04 20:34:51 549

原创 jQuery中的运动属性

1：获取css的属性样式的兼容写法 function getstyle(DOM,name){if(DOM.currentStyle){ IE的兼容return DOM.currentStyle[name];}else{其他浏览器的兼容return getComputedStyle(DOM,false)[name];}}小球<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &lt

2020-10-04 20:27:51 144

原创 jQuery中的拖拽

1：鼠标在元素上的坐标位置offsetXoffsetY2:鼠标在浏览器（可视窗口）上的坐标位置clientXclientY3：事件onmousedown 鼠标按下onmousemove 鼠标移动onmouseup 鼠标弹起4:可视窗口的宽度和高度document.documentElement.clientWidthdocument.documentElement.clientHeight5:获取元素的宽高offsetWidthoffsetHeight6:获取元素到浏览

2020-10-04 20:23:24 600

原创 jQuery中的函数封装

1.函数封装的概念：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。用函数把重复的代码块包裹起来就是函数封装。2.封装的作用：其实就是为了减少代码的冗余，增加代码的可读性与易维护性，将实现同一功能的代码封装起来，在需要实现这一功能时调用即可。举例1 删除dom对象的空白节点：function removeNode(nodee) {for (var i = 0; i < nodee.length; i ++) {if (nodee[i].nodeType === 3 &am

2020-10-04 20:20:37 670

原创 computed与watch的区别和属性

1.computed：（多个值变化，影响到一个结果）属性会被缓存，除非依赖的响应式属性变化才会重新计算，主要当作属性来使用，原来没有属性（结果），可创建可计算属性（get/set，一个默认体）；计算属性computed的特点：计算属性会依赖于它使用的data中的属性，只要它所依赖的这些属性值没有改变，那么计算属性的值是从缓存中来的，而不是重新编译，那么性能要高一些，所以vue中尽可能使用computed代替watch<div id="app"> <label>&lt

2020-10-04 20:11:00 192

原创 vue中过滤器的方法

1.定义：过滤就是一个数据经过了这个过滤之后出来另一个东西，可以是从中取得你想要的或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具过滤器可以用在两个地方：双花括号插值或v-bind表达式vue中的过滤器分为两种：局部过滤器和全局过滤器2.代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten

2020-10-04 19:54:00 730

原创 vue中的事件的属性和方法

1.在 vue中，事件通过指令 v-on 进行绑定，v-on 缩写 @<组件 v-on:事件名称="表达式" /><组件 @事件名称="表达式" />2.this：在vue中methods中的this，永远指向vue实例对象事件对象：a:如果有其他的参数时，需传递实参$event；b:如果没有其他的参数时，默认为第一个参数<组件 @事件名称="fn('kaikeba', $event)" /><script>new Vue({ ...,

2020-10-04 19:44:27 752

原创 :key的绑定

1.:key的绑定：默认情况下，在渲染DOM过程中使用原地复用这样一般情况下，会比较高效，但是对于循环列表，特别是依赖某种状态的列表，会有一些问题，我们可以通过:key属性来给每个循环节点添加一个标识<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini

2020-10-04 19:36:24 773

原创 vue中的data

1.data：数据可以在当前模块中直接使用（不需要加this）；data中的数据命名不要使用$,下划线（_）开头因为vue解析data以后，会把当前数据挂载到实例对象上<div id="app"> <h1>{{name}}</h1> </div> let app = new Vue({ el:'#app', data:{ name:"小赵",

2020-10-04 19:25:27 857

原创 vue-指令的属性和方法

1.v-text和v-html的区别：相同点：都覆盖掉所在元素的子节点都可以去渲染数据不同点：text不能解析HTML标签html可以解析html标签 <h1>Hello {{name}}</h1> <div v-text=" name + '说好热呀' "> <p>我是v-text</p> <input type="text"&gt

2020-10-04 19:07:58 217

原创放大镜的效果

css: *{ margin: 0; padding: 0; } .min_img{ /*1920 x 1080*/ width: 480px; height: 270px; background-image: url(img/large.jpg); background-size: 100%; position: relative; } .fdj{ width: 140px; height: 10

2020-09-28 16:20:56 149

原创 js中对象的概念和属性方法

1:对象的概念：对象的定义大致如下：对象（object）是 JavaScript 的核心概念，也是最重要的数据类型。JavaScript 的所有数据都可以被视为对象。简单说，所谓对象，就是一种无序的数据集合，由若干个“键值对”（key-value）构成2:对象的两种创建方式：（1）使用 Object 构造函数来创建一个对象，下面代码创建了一个 person 对象，并用两种方式打印出了 Name 的属性值 var person = new Object(); person.name="kev

2020-09-28 10:45:29 684

原创 js数组中的数组去重和多维数组

1.数组去重思路：新建一数组，遍历传入数组，若元素不在新数组中就添加到新数组中。注意：判断值是否在数组的方法“indexOf”是ECMAScript5方法，IE8以下不支持，需多写兼容低版本浏览器代码。 function quchong(arr){ var b = []; for (var i = 0; i < arr.length; i++) { if (b.indexOf(arr[i]) == -1) { b.push(arr[i]); }} return

2020-09-28 10:03:30 327

原创 js中的数组遍历和检测数组

1.数组遍历：（1）：普通for循环： for（i=0;i<arr.length;i++）{ } 简单来说：最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间 Eg:var a = new Array("first", "second", "third") for(var i = 0;i < a.length; i++) { document.write(a[i]+","); } 输出的结果：fitst,

2020-09-28 09:50:34 583

原创 js中数组的concat(),slice(),splice(),的方法

concat（）concat()合并两个数组，并返回合并后的新数组eg: var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" var arr2 = new Array(3) arr2[0] = "James" arr2[1] = "Adrew" arr2[2] = "Martin" document.write(arr.concat(arr2))eg: var arr1 = new Arr

2020-09-28 09:37:46 357

原创 js数组中的join(),reverse(),sort(),方法

join（）join(）方法将数组中所有元素都转化为字符串并且连接在一起，返回最后生成的字符串。可以指定一个可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符，默认使用逗号。Eg:<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join()) &

2020-09-28 09:16:25 525

原创 js中的数组元素的删除方法

数组元素的删除（1）使用delete运算符，只删除元素的值，元素的位置仍保留 var arr = [1,2,3,4,5]; eg: delete arr[2];（2）pop（）方法用于删除并返回数组的最后一个元素。返回：删除的元素语法：rr.pop() //返回值 arr的最后一个元素。 eg: var arr = new Array(3) arr[0] = "1" arr[1] = "2" arr[2] = "3" document.write(arr

2020-09-28 09:01:11 314

原创 js中的数组元素的添加方法

1.数组元素的添加（1）用索引元素添加 a = []; //开始是一个空数组 a[0] = “zero”; //然后向其中添加元素 a[1] = “one”;（2）也可以使用push( )方法在数组末尾增加一个或多个元素，并返回新的长度。 a = []; a.push(“zero”); a.push(“one”,”two”) ==>a=[“zero”,”one”,”two”]（3）unshift()在数组的头部而非尾部进行元素的插入。unshift()在数组的头部添加一个或多个元

2020-09-28 08:54:16 1385

原创 JavaScript中的函数的知识归纳

1.函数：一堆一堆的代码封装在一起2.函数作用：重复调用3.参数： a:形参：在定义函数时,函数名后的小括号里的参数 b:实参：在调用函数时，函数后小括号里的参数4.返回值： 1）：函数中有返回值，有return 2）：函数中没有返回值，没有return 3）：没有明确的返回值，有return，underline，没有return 返回值最终返回的位置是函数的调用处5.有参数，有返回值的函数 function a(x){ return x; } document.writ

2020-09-27 20:37:26 127

原创 JavaScript中数组的基本知识

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-09-27 20:03:56 82

空空如也

空空如也