- 博客(36)
- 收藏
- 关注
原创 数据库的基本概念、安装并配置数据库、MySQL的基本使用、在项目中操作数据库
(一)数据库的基本概念一、什么是数据库二、常见的数据库及分类三、传统型数据库的数据组织结构1、Excle 的数据组织结构2、 传统型数据库的数据组织结构3、实际开发中库、表、行、字段的关系(二)安装并配置 MySQL一、了解需要安装哪些MySQL相关的软件二、MySQL 在 Mac 环境下的安装三、MySQL 在 Windows环境下的安装(三)MySQL 的基本使用一、使用 MySQL Work...
2022-02-14 22:35:54
573
原创 Express路由 、 Express中间件、使用Express写接口
(一)Express 路由一、路由的概念1、什么是路由2、现实生活中的路由3、Express 中的路由4、Express 中的路由的例子5、路由的匹配过程二、路由的使用1、最简单的用法(很少用)const express = require('express')const app = express()// 挂载路由app.get('/' , (req,res )=> { res.send('hello wor...
2022-02-13 22:23:09
820
原创 npm与包、 模块的加载机制、Express
(一)npm 与包一、包管理配置文件1、多人协作问题2、如何记录项目中安装了哪些包3、如何快速创建package.json4、dependencies节点5、一次性安装所有的包6、卸载包7、devDependencies节点二、解决下包速度慢的问题1、为什么下包速度慢2、淘宝NPM镜像服务器3、切换npm 的下包镜像源4、nrm三、包的分类...
2022-02-12 16:09:37
608
原创 HTTP模块、模块化、包(第三方模块)
(四)HTTP模块一、什么是HTTP模块二、进一步理解HTTP模块的作用三、服务器相关的概念1、IP地址2、域名和域名服务器3、端口号四、创建最基本的web服务器1、创建web服务器的基本步骤2、步骤1 —导入HTTP模块步骤2—创建web服务器实例步骤3—为服务器实例绑定request事件,监听客户端的请求步骤4—启动服务器// 1.导入HTTP模块const http = requir...
2022-02-11 16:41:43
1248
原创 初识Node.js与内置模块
(一)初识Node.js一、回顾与思考1、已经掌握了哪些技术2、浏览器中的JavaScript的组成部分3、思考:为什么Javascript可以在浏览器中被执行4、思考:为什么JavaScript开源操作DOM和BOM5、浏览器中的JavaScript运行环境 6、思考:JavaScript能否做后端开发【可以做,但是必须借助于Node.js运行环境】二、Node.js简介1、什么是Node.js如果写的代...
2022-02-09 22:16:11
210
原创 Github 和 Git分支
(一)Github一、Github—了解开源相关的概念1、什么是开源2、什么是开源许可协议3、常见的5种开源许可协议4、为什么要拥抱开源5、开源项目托管平台6、什么是Github二、Github—注册账号1、注册Github账号的流程2、激活Github账号3、完成注册三、Githu—远程仓库的使用1、新建空白远程仓库2、新建空白远程仓库成功3、远程仓库的两种访问方式4、...
2022-01-28 21:27:58
813
原创 起步、Git基础
(一)起步一、起步-关于版本控制1、文件的版本2、版本控制软件3、使用版本控制软件的好处4、版本控制系统的分类(1)本地版本控制系统(现在很少有人用)(2)集中化的版本控制系统(3)分布式版本控制系统【典型代表:Git】二、起步-Git基础概念1、什么是Git2、Git的特性(1)SVN的差异比较(2)Git的记录快照(3)近乎所有操作都是本地执行3、Git中的三个区...
2022-01-26 22:14:40
329
原创 跨域与JSONP、案例:淘宝搜索框与鼠标跟随效果
一、了解同源策略和跨域二、JSONP<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device...
2022-01-23 22:11:37
512
原创 Ajax加强
一、XMLHttpRequest的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in...
2022-01-14 23:54:19
119
原创 Form表单与模板引擎
一、form表单的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi...
2022-01-13 20:26:16
284
原创 初识Ajax
一、客户端与服务器二、URL地址三、客户端于服务器的通信过程四、服务器对外提供了哪些资源五、了解Ajax六、jQuery中的Ajax<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...
2022-01-12 12:12:51
393
原创 jQuery事件
一、jQuery事件注册:二、jQuery事件处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt...
2022-01-05 22:14:34
680
原创 JQuery
5、jQuery属性操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-...
2021-12-29 20:45:57
420
原创 JQuery入门
一、JQuery概述1.1 JavaScript 库1.2 JQuery的概念1.3JQuery 的优点二、jQuery的基本使用1、jQUery的下载2、jQuery 的基本使用步骤3、jQuery 的入口函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met...
2021-12-13 22:44:46
341
原创 缓动动画、轮播图、移动端网页特效
一、动画函数封装1、缓动效果原理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="...
2021-11-21 21:33:13
535
原创 PC端网页特效
一、元素偏移量offset 系列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&.
2021-11-15 22:42:03
337
原创 键盘事件、 BOM(浏览器对象模型)、window对象的常见事件、定时器
常用的键盘事件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
2021-11-13 21:15:44
796
原创 节点操作 事件高级 DOM事件流
删除节点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2021-11-04 22:37:21
116
原创 操作元素 节点层级
一、排他思想<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l.
2021-11-02 22:41:33
177
原创 内置对象 数据类型
一、内置对象查文档1、Math对象:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
2021-10-26 21:02:32
112
原创 JavaScript函数、作用域
一、arguments使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-10-22 22:35:38
182
原创 Javascript 数组和函数
一、数组1、数组的概念2、创建数组3、数组的索引<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt...
2021-10-20 22:02:02
175
原创 JS中的循环
循环的目的:可重复执行某些代码一、for循环:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
2021-10-19 23:00:47
229
原创 CSS布局
CSS三大特性三、优先级PxCook的基本使用盒子模型一、盒子模型的介绍二、内容的宽度和高度三、边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE...
2021-09-29 16:46:07
73
原创 CSS基础
一、复合选择器1、后代选择器:空格作用:根据 HTML 标签的嵌套关系,选择父元素 后代中 满足条件的元素选择器语法:选择器1 选择器2 { css }结果:在选择器1所找到标签的后代(儿子、孙子、重孙子…)中,找到满足选择器2的标签,设置样式注意点:1. 后代包括:儿子、孙子、重孙子……2. 后代选择器中,选择器与选择器之前通过 空格 隔开...
2021-09-29 16:32:49
62
原创 2021-9-22
一、CSS初识CSS(Cascading Style Sheets):层叠样式表作用:给页面中的HTML标签设置样式CSS语法规则:CSS写在Style标签中,Style标签一般写在head标签里面,title标签下面例:<style> p{ color:red;}</style>CSS常见属性:CSS常见属性 作用 color 文字颜色 font-size 字体大小 backgroun..
2021-09-24 16:14:52
132
原创 2021-9-21
一、语义化标签1、没有语义的布局标签——div和span场景:实际开发网页时会大量频繁的使用到div和span这两个没有语义的布局标签div标签:一行只显示一个(独占一行)span标签:一行显示多个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
2021-09-24 14:46:59
76
原创 2021-9-19
一、列表标签场景:在网页中按照行展示关联性的内容,如:新闻列表、排行榜账单等。特点:按照行的方式,整齐显示内容。种类:无序列表;有序列表;自定义列表1、无序列表场景:...
2021-09-20 20:49:29
92
原创 2021-9-18
5、链接标签场景:点击之后,从一个页面跳转到另一个页面称呼:a标签、超链接、锚链接代码:<a href="./目标网页.html">超链接</a>特点:双标签,内部可以包裹内容; 如果需要a标签点击之后去指定页面,需要设置a标签的href属性链接标签的属性1、href属性“属性名:href属性值:点击之后跳转去哪一个网页(目标网页的路径)外部链接:<a href="https://www.baidu.com...
2021-09-19 09:53:59
115
原创 2021-09-17
2、图片标签场景:在网页中显示图片代码:<img src="" alt="">特点:单标签;img标签需要展示对应的效果,需要借助标签的属性进行设置图片标签的属性:src属性:属性名:src属性值:目标图片的路径【注:当前网页和目标图片在同一个文件夹中,路径直接写目标图片的名字即可(包括后缀名)】alt属性:属性名:alt属性值:替换文本【当图片加载失败时,才会显示alt的文本;当图片加载成功时,不会显示alt的文本】<body>
2021-09-18 17:04:49
73
原创 2021-09-16
Web标准概念:让不同的浏览器按照相同的标准显示结果,让展示的效果统一构成:构成 语言 说明 结构 HTML 页面元素和内容 表现 CSS 网页元素的外观和位置等页面样式 行为 JavaScript 网页模型的定义与页面交互 web标准要求实现:结构、表现、行为三层分离。案列:文字变粗案例构建基本网页的步骤:新建文本文档,命名为“文字变粗案例.txt”; 双击此文件,输入代码等内容,ctrl+s; 修改文件后缀为
2021-09-18 16:21:07
83
原创 web前端基础
20210915一、网站是指在因特网上根据一定的规则,使用HTML等制作的用于特定内容相关的网页集合。二、网页1、概念:是网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读,是构成网站的基本元素。2、组成元素:图片、链接、文字、声音、视频。3、背后本质:前端程序员写的代码。三、HTML指的是超文本标记语言(Hyper Text Markup Language),是用来描述网页的一种语言。HTML不是编程语言,而是一种标记语言(Markup Language)。标记语言是一套
2021-09-15 21:35:30
63
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人