- 博客(23)
- 收藏
- 关注
原创 git和github
gitGit是一个版本管理控制系统(缩写VCS),它可以在任何时间点,将文档的状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来。git基本工作流程git使用项目文件夹下打开git bashgit使用前的配置在使用 git 前,需要告诉 git 你是谁,在向 git 仓库中提交时需要用到。配置提交人姓名:git config --global user.name 提交人姓名配置提交人邮箱:git config --global user.email 提交人邮箱查看git配
2021-09-03 20:35:00 125
原创 Ajax 笔记
Ajax概述它是浏览器提供的一套方法,可以实现页面无刷新更新数据,增强用户体验感,比如上拉显示更多内容,搜索框提示文字下拉列表,用户登录离开焦点验证表单等场景均用到了ajax技术ajax的运行环境:需要运行在网站环境中ajax的运行原理:ajax相当于浏览器向服务器发送请求和接收响应的代理人,在不影响用户浏览页面的情况下,局部更新页面数据,提高用户体验。Ajax基本实现步骤<script> // 实例化ajax对象 var xhr = new XML
2021-08-09 14:53:04 317
原创 Express 框架
ExpressExpress是一个基于Node平台的web应用开发框架,提供了一系列强大的功能,帮助创建各种web应用用npm install express 下载安装Express框架的特性:用express框架创建web服务器中间件app.use 中间件用法匹配所有请求传入请求地址,但不区分请求方式错误处理中间件其中:res.status()方法用于设置状态码同步API中发生错误,可以自动捕获,错误处理中间件就会进行处理异步API发生错误,错误处理中间件
2021-07-29 17:05:49 173
原创 模板引擎 art-template
模板引擎art-template简介art-template是node.js的一个第三方模块,用于字符串拼接,使得字符串拼接相关代码更简洁,易于维护基本使用方法:npm install art-template 下载安装const template = require(‘art-template’) 导入模块,返回一个方法template(‘模板路径’,{ 用到的数据 }) 调用该方法进行字符串拼接,返回拼接好的字符串模板一般是一个.art文件,在里面根据模板引擎的语法,让模板内容和数据进行拼
2021-07-29 15:52:44 377
原创 MongoDB数据库 笔记
数据库基本概念Node.js对数据库的相关操作需要用mongoose第三方模块数据库的启动和关闭启动数据库:在命令行中用net start mongoDB命令启动数据库,数据库启动成功才能被连接关闭数据库:net stop mongoDB连接数据库使用mongoose.connet()方法可以连接数据库,若要连接的数据库不存在,则会创建该数据库。该方法是一个异步函数,返回的是一个promise对象,mongoose中的大多方法都是异步函数,因此可以用then和catch接收返回内容和错误
2021-07-28 15:22:16 113
原创 node.js 异步编程
同步(sync)API和异步(async)API同步API:顺序执行,上一个API执行完再执行下一个API异步API:当前API执行不会阻塞后续代码执行同步和异步API获取结果的方式同步API可以直接通过返回值(return)获取代码执行结果异步API无法通过返回值获取结果,可以通过回调函数的参数获取API执行结果回调地狱当前异步API后面的代码需要用到当前API的返回结果,比如要依次读取a.txt,b.txt,c.txt三个文件的内容由于readFile是异步API,
2021-07-24 19:33:47 206
原创 请求响应原理,Http协议,服务器搭建基于node.js
服务器端基本概念客户端和服务器IP地址互联网中设备的唯一标识本地ip:标识本机:127.0.0.1域名IP地址很难记忆,就产生了域名,用户通过域名访问网站,最终域名会被转换成ip地址本地IP对应的域名:localhost端口用来区分服务器电脑中不同服务,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。URL统一资源定位符,标识internet的资源位置...
2021-07-24 17:42:57 114
原创 Node.js-学习笔记
Node概述Node是一个基于Chrome V8引擎的JavaScript代码运行环境。Node.js 的组成:Node.js 是由ECMAScript 以及 Node环境提供的一些附加API组成的,包括网络、路径、文件等一些更加强大的APINode.js 基础语法ECMAScript的所有语法在Node环境中都适用在node环境下执行js代码: 在命令行中用[node js文件名] 即可注意,打开js文件所在的目录,按住shift键,点击鼠标右键,选择“在此处打开powershell窗口”,
2021-07-23 11:45:47 125
原创 JS-ES6
ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散,实现相同的功能,不同的人可能会写出不同的代码ES6新增语法let声明变量let a = 12;let声明的变量具有块级作用域,也就是{}里面,比如for循环里,if else判断里;传
2021-07-18 17:40:00 546
原创 JS-正则表达式
正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。JavaScript中使用正则表达式的方法创建正则表达式,JS中正则表达式也是一个对象,是RegE
2021-07-17 21:11:46 114
原创 JS-学习笔记-面向对象
js 面向对象类和对象:对象:对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物对象的创建:// 1. 字面量var zhang = { name : 'zhang', age : 18}// 2. 构造函数创建对象function Stu(name, age) { this.name = name; this.age = age;}var zhang = Stu('zhang' , 18);类:ES6新增加了类的概念,可以使用 c
2021-07-17 16:32:48 125
原创 JS-函数进阶
函数声明和调用// 1. 命名函数function fn() {}fn();// 2. 匿名函数 函数表达式var fn = function() {}fn();// 3. 通过new Functionvar fn = new Function('参数1', '参数2', ... , '函数体');fn();一般不使用第三种方式,因为函数体要写成字符串,不方便而且效率低,通过第三种方式可以理解函数其实是Function这个构造函数的的实例对象,任何一个函数都有__proto__属性,指
2021-07-17 16:31:41 74
原创 ES5新增方法
Array数组方法遍历数组的方法:forEach(), filer(),some()arr.forEach(function(currentValue, index, arr) {}) ,遍历数组,currentValue表示当前元素的值,index表示元素索引,arr是遍历的数组arr.filer(function(currentValue, index, arr) {}) ,筛选出符合条件的元素,返回一个新数组arr = [1,23,22,4,6,8];var newArr = arr
2021-07-16 18:25:42 67
原创 jQuery 笔记01
jQuery是JavaScript库,是一个js文件,封装了常用的方法,能够更加快速方便的操作domjQuery对象‘$’或者jQuery是顶级对象,相当于原生js的window使用jQuey获取dom元素得到的是jQuey对象,dom元素是以伪数组的形式存储jQuery对象和Dom对象相互转换// dom对象转换成jQuery对象 ,用$封装就可以var div = document.querySelector('div');$(div) // jQuery对象转换成dom对象$("d
2021-07-15 10:19:29 68
原创 本地存储sessionStorage 和 localStorage
本地存储随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。本地存储的特性1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大,sessionStorage约5M、localStorage约20M4、只能存储字符串,可以将对象JSON.stringify() 编码后存储window.sessionStorage1、生命周期为关闭浏览器窗口2、在同一个窗口(页
2021-07-10 18:18:57 84
原创 Web API 学习笔记 06 移动端
移动端触屏事件touchstart 手指触摸触发事件touchmove 手指放在元素上滑动时触发touchend 手指移出元素时触发触摸事件对象TouchEventTouchEvent对象中常用的属性:touches:正在触摸屏幕的所有手指的列表targetTouches:正在触摸当前DOM元素的手指的列表changedTouches:手指状态发生了改变的列表 从无到有 或者 从有到无列表中存放的是手指对象,描述手指的坐标等信息:clientX、clientYpageX、pageY
2021-07-10 17:43:58 89
原创 Web API 学习笔记 04
元素偏移量offset系列使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等element.offsetParent 获取带有定位的父元素,如果没有返回bodyelement.offsetTop 相对于父元素上方的偏移element.offsetLeft 相对于父元素左方的偏移element.offsetWidth 元素自身宽度,包括padding、边框、内容element.offsetHeight 元素自身高度,包括padding、边框和内容注意offset系列属性
2021-06-26 16:43:32 86
原创 Web API 学习笔记 03
BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。 BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏览器标准的一部分。DOM和BOM比较BOM比DOM更大,它包含DOMDOM:文档对象模型。把文档当成对象主要对象是document
2021-06-15 15:30:51 93
原创 Web API 学习笔记 02
事件注册事件注册事件:给元素添加事件注册事件的两种方式:1.传统注册方式。 element.onclick = 事件处理函数。特点:事件唯一性,同一个元素的同一个事件只能注册一个,如果注册多个,后面的会覆盖前面的2. 坚挺注册方式。addEventListener(), 是一个方法,IE9+支持,IE9之前的IE可以用attachEvent()...
2021-06-11 22:49:49 149 1
原创 Web API 学习笔记 01
dom文档结构 dom树文档:一个页面就是一个文档 即document节点:网页中的所有内容,在文档树中都是节点(标签、属性、文本、注释等),使用node表示标签节点:网页中的所有标签,通常称为元素节点,又简称为“元素”,使用element表示dom把以上内容都看做是对象!如何获取页面元素?通过id获取元素element = document.getElementById('id'); // 返回id名为id的元素对象console.dir(element); // 可以查看元素对象
2021-06-10 10:44:23 145
原创 Javacript基础笔记03
基本数据类型 和 引用数据类型基本数据类型:number、string、boolean、null、undefined没有属性和方法,存放在栈中,有操作系统自动分配回收存储空间复杂(引用)数据类型对象,一般由程序员分配释放存储空间,存储在堆中,栈中变量存储的内容实际上是对象在堆中存放的地址基本数据类型和引用数据类型传参基本数据类型作为实参传递给函数,在栈中复制了一份变量的值传递给形参,在函数中对形参的值修改,不会影响函数外面实参的值引用数据类型作为实参传递给函数,是将栈中存储的对象在堆中的地
2021-06-09 15:31:48 135 1
原创 JavaScript基础笔记02
内置对象JS中对象有三种:自定义对象、内置对象、浏览器对象前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发JS中的内置对象有:Math,Date,String,Array等Math对象注意:Math对象不是构造函数,math对象的属性和方法跟数学中的常熟和运算相关
2021-06-07 17:54:32 150 1
原创 JavaScript基础笔记01
JS基础笔记输入输出:console.log() 控制台输出alert() 弹出警示框prompt() 输入变量声明变量:var声明并赋值(变量初始化):var a = 23,b=12数据类型简单数据类型:1.Number 数字类型 有整数和浮点数注意浮点数精度问题Number.MAX_VALUENumber.MIN_VALUEinfinity-infinityNaN 非数字类型isNaN() 用来判断一个变量是否是NaN2.String字符串字符串长度:str.le
2021-06-07 16:57:50 206 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人