- 博客(36)
- 收藏
- 关注
RSS订阅原创 数据库的基本概念、安装并配置数据库、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 网页模型的定义与页面交互 ｗｅｂ标准要求实现：结构、表现、行为三层分离。案列：文字变粗案例构建基本网页的步骤：新建文本文档，命名为“文字变粗案例．ｔｘｔ”； 双击此文件，输入代码等内容，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关注的人