- 博客(77)
- 收藏
- 关注
RSS订阅原创 vue方法中获取event对象
前提：通过导航定位位置时，点击事件 用到a的href的hash，但需要取消a的默认动作，需要得到点击元素的event对象html 代码<li v-for="(item,i) in navList" :key="i" @click="navPosition(item)"> <a :class=item.className :href=item.href> <span>{{item.name}}</span>
2020-12-31 11:28:16
3589
原创 webpack 加载器
1.下载加载器npminstallstyle-loader css-loader -D //处理css下载的相关文件npm install less-loader less -D //处理less下载的相关文件npm install sass-loader node-sass -D //...
2020-10-16 10:05:12
270
1
原创 webpack学习
1、如何安装和配置webpack？安装webpack：npm install webpack webpack-cli -D 创建一个 webpack.config.js 并进行配置 module.exports = { mode:"development"//可以设置为development(开发模式)，production(发布模式) } 修改项目中的package.json文件添加运行脚本dev "scripts":{ "dev":"webpack" } 运行...
2020-10-15 18:38:36
231
原创 express-art-template模版引擎
模版引擎为了art-template模版引擎能够更好的和Express框架配合，模版引擎官方在原art-template模版引擎的基础上封装了express-art-template。使用npminstallart-templateexpress-art-template命令进行安装...
2020-04-23 19:26:48
174
原创 Express请求处理
构建模块化路由 创建路由的基础代码GET参数的获取Express框架中使用req.query即可获取GET参数，框架内部会将GET参数转换为对象并返回POST参数的获取Express中接收post请求参数需要借助第三方包body-parser注意 ：extended值为false时 ，方法内部会使用querystring系统模块对参数的格式进行处...
2020-04-21 23:06:02
225
原创 中间件以及应用
中间件中间件就是一堆方法，可以接受客户端发来的请求，可以对请求做出响应，也可以将请求继续交给下一个中间件继续处理中间件主要由两部分构成，中间件方法以及请求处理函数中间件方法由express提供，负责拦截请求，请求处理函数由开发人员提供，负责处理请求app.use中间件用法app.use匹配所有的请求方式，可以直接传入请求处理函数，代表接收所有的请求app.us...
2020-04-21 22:08:50
690
原创 Express 框架 以及特性
Express框架Express框架是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。我们可以使用npminstallexpress命令进行下载Express框架特性提供了方便简洁的路由定义方式 对获取HTTP请求参数进行了简化处理 对模版引擎支持程度高，方便渲染动态HTML页面 提供了中间件机制有效控制HTTP请求...
2020-04-21 20:03:55
2697
原创 模版引擎（art-template）的基础概念
模版引擎模版引擎是第三方模块让开发者以更加友好的方式拼接字符串，使项目代码更加清晰，更加用于维护art-template模版引擎1.在命令行工具中使用npminstall art-template命令进行下载2.使用consttemplate =require(' art - template ' )引入模版引擎3.告诉模版引擎要拼接的数据和模版在哪c...
2020-04-18 19:36:32
363
2
原创 MongoDB增删改查操作 mongoose验证+集合关联
mongoose验证在创建集合规则时，可以设置当前字段的验证规则，验证失败就输入插入失败mongoose内部提供的常用的验证规则：required：true必传字段或者[true , ' 请输入××' ] minlength : 字符串最小长度 maxlength字符串最大长度 （也可以自定义错误信息）trim ：去除字符串两边的空格min：2数值最...
2020-04-15 20:06:02
335
原创 MongoDB增删改查操作
创建集合创建集合分为两步，一是对集合设定规则，二是创建集合，创建mongoose.Schema构造函数的实例即可创建集合创建文档创建文档实际上就是向集合中插入数据方法一：分为两步： ①创建集合的实例 ②调用实例对象下的save方法将数据保存到数据库中 方法2：create方法可以...
2020-04-15 16:23:25
351
原创 数据库mongoDB
使用数据库的原因动态网站中的数据都是存储在数据库中的 数据库可以用来持久存储客户端通过表单收集的用户信息 数据库软件本身可以数据进行高效的管理数据库 数据库即存储数据的仓库,可以将数据进行有序的分门别类的存储,它是独立于语言之外的软件,可以通过API去操作它常见的数据库软件有:mysql mongoDB oracle ....
2020-04-14 16:20:35
108
原创 Node.js 异步编程
同步API ,异步API同步 API : 只有当前API执行完成后,才能继续执行下一个API 结果: before after异步API:当前API的执行不会阻塞后续代码的执行 结果: before after last同步API 和异步API的区别(获取返回值)同步API可以从返回值中拿到API执行的结果,但是异...
2020-04-11 21:07:56
207
原创 node(慕课网学习)
npm 常用得命令npm init //初始化npm install ××× //安装简写:npm i××× //安装npm uninstall ××× //删除npm un××× //删除npm update ××× //更新npm i //把packjson里所有得依赖都下载node模块1.全局模块(对象) process ...
2020-04-11 15:52:23
121
原创 node HTTP请求与响应处理
请求参数客户端向服务器端发送请求时,有时需要携带一些客户信息,客户信息需要通过求情参数得形式传递到服务器端,比如登录操作GET请求参数参数被放置在浏览器地址栏中,例如:http://localhost:3000/index?name=zhangsan&age=20POST请求参数参数被放置在请求中(请求报文)进行传输 获取POST参数需要使用data事件和end事件...
2020-04-10 17:19:28
364
原创 node 创建web服务器 + HTTP协议
创建Web服务器HTTP协议HTTP协议的概念超文本传输协议(HTTP) 规定了如何从网站服务器传输超文本到本地浏览器,它基于客户端服务器架构工作,是客户端(工作)和服务器端(网站)请求和应答的标准.报文在http请求和响应的过程中传递的数据块就叫报文,包括要传送的数据和一些附加信息,并且要遵守规定好的格式.请求报文1.请求方式(Request Met...
2020-04-09 13:55:12
83
原创 node 服务器端基础概念
网站的组成网站应用程序主要分两大部分,客户端和服务器端客户端:在浏览器中运行的部分,就是用户看到并与之交互的界面程序,使用HTML ,CSS.JavaScript构建服务器端:在服务器中进行的部分,负责存储数据和处理应用逻辑Node网站服务器能够提供网站访问服务的机器就是网站服务器,它能够接收客户端的请求,能够对请求做出响应IP地址互联网中设备的唯一标识IP是...
2020-04-07 21:52:19
584
原创 Node.js 中的模块的加载机制(模块查找规则)
模块查找规则-当模块拥有路径但没有后缀时require('./find.js');1.require方法根据模块路径查找模块,如果是完整路径,直接引入模块require('./find');2.如果模块后缀省略,先找同名js文件 ,再找同名js文件夹 如果找到同名文件夹,就找文件夹中的index.js 如果文件夹中没有index.js就会去当前文件夹(find文件夹...
2020-04-07 21:15:23
345
1
原创 Node package.json文件
package.json 文件的作用项目描述文件,记录了当前项目信息,例如项目名称,版本,作者,github地址,当前项目依赖了哪些第三方模块等.使用 npm init -y 命令生成.项目依赖在项目的开发阶段和线上运营阶段,都需要依赖第三方包,称为项目依赖使用 npm install 包名命令下载的文件会默认被添加到package.json文件的dependencies字段中...
2020-04-07 20:34:22
239
原创 Node 第三方模块(Gulp)
第三方模块 Gulp基于node平台开发的前端构建工具将机械化操作编写成任务 ,想要执行机械化操作时执行一个命令行命令任务就能自动执行了用机器代替手工,提高开发效率Gulp 的作用项目上线,HTML ,CSS JS文件压缩合并 语法转换 (es6 ,less ...) 公共文件抽离 修改文件浏览器自动刷新Gulp使用1.使用 npm install gulp 下载g...
2020-04-07 16:20:22
202
原创 Node 第三方模块(nodemon nrm)
第三方模块 别人写好的,具有特定功能的,我们直接使用的模块即第三方模块,由于第三方模块通常都是由多个文件组成并且被放置在一个文件夹中,所以又名包.第三方模块有两种存在形式:以js文件的形式存在,提供实现项目具体功能的API接口 以命令行工具形式存在,辅助项目开发获取第三方模块npmjs.com :第三方模块的存储和分发仓库该网站提供了一个命令行工具 npm (nod...
2020-04-06 20:22:27
299
原创 Node 系统模块
Node系统模块Node运行环境提供的API，因为这些API都是以模块化的方式进行开发的，所以又称Node运行环境提供的API为系统模块系统模块fs文件操作f : file文件 ，s ：system系统，文件操作系统constfs =require（' fs '）;读取文件内容fs . reaFile ('文件路径/文件名称' [ , '文件编码 ' ]，ca...
2020-04-06 18:43:38
154
原创 Node.js 模块化开发
JavaScript开发弊端JavaScrpt在使用存在两大问题，文件依赖和命名冲突软件中的模块化开发一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行Node.js中的模块化开发规范Node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数默认情况下在外部无法得到 模块内部可以使用exports对象进行成员导出...
2020-04-04 22:45:07
153
原创 Node基础
Node是一个基于ChromeV8引擎的JavaScript代码运行环境运行环境浏览器（软件）能够运行JavaScript代码，浏览器就是JavaScript代码的运行环境 Node（软件）能够运行JavaScript代码，Node就是JavaScript代码运行环境Node.js组成JavaScript由三部分组成ECMAScript，DOM，BOM Node....
2020-04-04 22:07:06
66
原创 JavaScript高级——Set数据结构
Set数据结构ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值Set本身是一个构造函数，用来生成数据结构consts =newSet（）；Set函数可以接受一个数组作为参数，用来初始化。constset =newSet（ [ 1, 2 ,3,4,4] ）实例方法：add（value）：添加某个值，返回Set结构本身 del...
2020-04-04 19:49:37
156
原创 JavaScript高级——模版字符串（startWith（）+endsWith（）+repeat（））
模版字符串ES6新增的创建字符串的方式，使用反引号定义1.模版字符串可以解析变量2.模版字符串可以换行3，在模版字符串可以调用函数实例方法：startsWith（）和endsWith（）startsWith（）：表示参数字符串是否在原字符串的头部，返回布尔值endsWith（）：表示参数字符串是否在原字符串的尾部，返回布尔值实例方法：repeat...
2020-04-04 19:24:35
97
原创 JavaScript高级——构造函数方法Array.form()+实例方法find（），findindex（），includes（）
构造函数方法Array.from（）将类数组或可遍历对象转换为真正的数组。该方法还可以接收第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理的值放入返回的数组实例方法find（）用于找出第一个符合条件的数组成员，如果没有找到返回undefind实例方法：findIndex（）用于找出第一个符合条件的数组成员的位置，如果没有找到返回-1...
2020-04-04 17:30:29
240
原创 JavaScript高级——剩余参数 +扩展运算符
剩余参数剩余参数语法允许我们将一个不定数量的参数表示为一个数组。剩余参数和解构配合使用扩展运算符（展开语法）1.扩展运算符可以将数组或者对象转为用逗号分隔得参数序列2.扩展运算符可以应用于合并数组3.将类数组或可遍历对象转换为真正的数组...
2020-04-04 17:09:36
365
原创 JavaScript高级——解构赋值（数组，对象解构）+箭头函数
解构赋值ES6中允许从数组中提取值，按照队形位置，对变量赋值，对象也可以实现解构数组解构 如果解构不成功，变量的值为undefined对象解构箭头函数ES6中新增的定义函数的方式（ ）=> { }const fn =（ ）=> { }1. 函数体只有一句代码，且代码的执行结果就是返回值，可以省略大括号//传统方式func...
2020-04-04 15:59:35
839
原创 JavaScript 高级—— ES6新增语法 const（let const var区别）
const作用：声明常量，常量就是值（内存地址）不能变化的量具有块级作用域 声明常量时必须赋值 常量赋值后，值不能修改 基本数据类型值不能更改 复杂数据类型。数据结构内部的值可以更改，数据值本身不可更改 letconstvar区别使用var声明的变量，起作用域为该语句所在的函数内，且存在变量提升现象 使用let声明变量，其作...
2020-04-04 15:19:06
481
原创 JavaScript 高级—— ES6新增语法 let
ES6简介ES的全称是ECMAScript ，它是由ECMA国际标准化组织指定的一项脚本语言的标准化规范使用ES6的原因每一次标准的诞生都以为着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方变量提升特性增强了程序运行时的不可预测性 语法过于松散，实现相同的功能，不同的人可能会写出不同的代码letES6中新增的用于声明变量的关键字l...
2020-04-03 22:19:30
363
原创 JavaScript 高级——正则表达式
正则表达式正则表达式 （RegularExpression）用于匹配字符串中字符组合的模式。在javaScript中，正则表达式也是对象正则表达式的作用：1.通常用来检索，替换那些符合某个模式（规则）的文本，例如表单验证 2.用于过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）等正则表达...
2020-04-03 18:05:01
164
原创 JavaScript 高级----高阶函数 + 闭包 +递归函数
高阶函数高阶函数 是对其他函数进行操作的函数,它接收函数作为参数或将函数作为返回值输出此时fn就是一个高阶函数函数也是一种数据类型,同样可以作为参数,传递给另外一个参数使用,最典型的就是作为回调函数闭包变量作用域变量根据作用域的不同分为两种:全局变量和局部变量 1.函数内部可以使用全局变量 2.函数外部不可以使用局部变量闭包指有权访问另一...
2020-04-03 00:27:51
168
原创 JavaScript 高级 ---- 严格模式
严格模式JavaScript 除了提供正常模式外,还提供了严格模式.ES5的严格模式是采用具有限制性,JavaScript 变体的一种方式,即在严格的条件下运行JS代码.严格模式在IE10 以上的版本的浏览器中才会被支持,旧浏览器中会被忽略.严格模式对正常Javascript语义做了一些更改:1.消除了Javascript语法的一些不合理,不严谨之处,减少了一些怪异行为.2.消...
2020-04-02 21:48:17
97
原创 JavaScript 高级 ——this指向
函数内this的指向这些this的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同。一般指向调用者。 改变函数内部this指向javaScript为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部this的指向问题，常用的有bind（），call（），apply（）三种方法；1.call方法call（）方法调用一个对象...
2020-04-02 20:21:40
198
原创 JavaScript 高级 ——函数的定义和调用
函数的定义方式1.函数声明方式function关键字（命名函数）functionfn（）{}2.函数表达式（匿名函数）varfun =function（）{}3.newFunction（'参数1' '参数2 ' '函数体'）varf =newFunction（）；function里面的参数都必须是字符串格式 第三种方式执行效率低，也不方便...
2020-04-02 18:50:49
129
原创 javaScript高级 —— ES5中的新增方法（数组方法 ， 字符串方法，对象方法）
数组方法（）迭代（遍历）方法：forEach（），map（），filter（），some（），every（）；array.forEach( function( currentValue ,index ,arr))currentValue:数组当前项的值 index ：数组当前项的索引 arr：数组对象本身array.filter( function( currentValue ,...
2020-04-01 21:06:50
103
原创 JavaScript 高级 ———继承
继承 ES6之前是没有提供extends继承，我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。call（） 调用这个函数，并且修改函数运行时的this指向 fun.call(thisArg，arg1,arg2,...) thisArg :当前调用函数this的指向对象 arg1 ，ar...
2020-04-01 16:38:18
83
原创 JavaScript 高级 ——构造函数和原型
构造函数和原型概述：在典型的OOP的语言中（如java），都存在类的概念，类就是对象的模版，对象就是类的实例，但是在ES6之前，JS中并没有引入类的概念。ES6全称ECMAScript 6.0 2015.06发版 、但是目前浏览器的JavaScript是ES5版本，大多数高版本的浏览器也支持ES6，不过只是实现了ES6的部分特性和功能。在ES6之前 ，对象不是基于类创建的，而是...
2020-04-01 15:48:50
129
原创 JavaScript----面向对象编程介绍 + ES6中的类的对象
JavaScript面向对象 编程介绍面向过程编程POP (Process-oriented programing) 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候在一个一个的依次调用就可以了. 面向过程,分析步骤按步骤解决问题面向对象编程OOP(Object Oriented Programming) ...
2020-03-26 20:00:57
195
原创 jQuery尺寸 ,位置操作
jQuery 尺寸 1. 以上参数为空,则是获取相应值,返回的是数字型 2. 如果参数为数字 ,则修改相应值 3. 参数可以不必写单位jQuery 位置位置主要有三个 : offset() ,position() ,scrollTop / scrollLeft()1 ....
2020-03-26 17:26:24
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人