- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 node
1. 跨域1.1 同源策略编程中的同源，比较的是两个url是否同源。主要看下面三个方面：协议是否相同（http https file）主机地址是否相同（www.xxx.com 127.0.0.1）端口（0~65535）（http默认端口是80；https默认端口是443；MySQL默认端口3306）协议、主机地址、端口组成一个“源”。如果两个url的协议、主机地址、端口都相同，那么这两个url是同源的，否则就是非同源。如果非同源，那么以下三种行为会受到限制：Cookie 无法
2022-05-12 21:53:45
79
原创 node
服务器和Express1.网络通讯概述[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mrZpCEOo-1652363564770)(…/…/…/…/…/AppData/Roaming/Typora/typora-user-images/image-20220111102442830.png)]网络通信三大要素: 协议，域名(IP)，端口号;通过ip找到计算机，再通过端口找到应用程序，符合规则就可进行数据传输。传输协议：规定数据传输的规则，http或https或fi
2022-05-12 21:53:01
71
原创 node
今日笔记内容课程大纲ES6模块化Promise（ES6新对象）async和await（ES2017关键字）async和await读取JSON文件案例JS执行机制（事件循环）微任务和宏任务1. ES6模块化1.1 CommonJS 规范node.js 遵循了 CommonJS 的模块化规范。其中：导入其它模块使用 require()方法模块对外共享成员使用 module.exports 对象1.2 模块化开发好处模块化开发的好处有很多，其中：实现了在JS文件中引用其他文
2022-05-12 21:52:22
73
原创 node NPM
NPM（重点）介绍npm（node package manage）node 包 管理器。管理node包的工具。包是什么？包就是模块。（包约等于模块，一个包可以包括一个或多个模块）npm这个工具，在安装 node 的时候，就已经安装到你的计算机中了。命令行中执行： npm -v ，如果看到版本号，说明安装成功了。什么是第三方模块非node自带的模块。也不是自定义的模块。是别人写的模块，然后发布到npm网站，我们可以使用npm工具来下载安装别人写的模块。第三方模块，都是在node核心模块的
2022-05-08 21:15:35
280
原创 Node 入门及模块系统
初识Node.js与模块◆ 能够知道什么是 Node.js◆ 能够知道 Node.js 可以做什么◆ 能够说出 Node.js 中的 JavaScript 的组成部分◆ 能够使用 fs 模块读写操作文件◆ 能够使用 path 模块处理路径◆ 能够使用 fs 模块操作文件浏览器中的JavaScript浏览器中的JavaScript的组成部分浏览器中的JSECMAScript（核心语法）ES3 --> ES4 --> ES5 --> ES6(2015) --> E
2022-05-08 11:25:33
133
原创 CMS数据可视化
项目介绍应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。项目以黑马班级管理为背景，功能包括学生信息录入，每次成绩录入；并制作可视化看板。我们以班主任老师的角色注册账号，并登录系统。为了方便开发，登录后点击页面顶部的“点我初始化数据”按钮，即可为该账号随机增加56名同学（8个小组，每组7人），并为每位学生模拟了3次考试成绩。后续，可以在学员管理中，增删改学员信息，也可以录入或修
2022-05-02 22:51:46
1268
原创 Git基础
Git版本管理系统简介项目的版本版本和我们平常说的软件、游戏等的版本是一个意思，比如 1.2.8 版本、比如 第1版，比如webstorm2020。所以，版本指的就是代码编写进度当中的一些节点。比如一个项目：搭建好目录结构 — 第1版本完成登录页面布局 — 第2版本完成登录功能 — 第3版本完成分类页面布局 — 第4版本…管理版本【记录】记录代码开发的过程，每一次代码的变化。【回退】将代码回退到之前的版本【查看】查看所有的版本【协作】配合远程仓库，实现多人协作.
2022-04-28 21:10:44
375
原创 Ajax
01-Ajax工作原理(面试用)1.1-HTTP协议原理与ajax工作原理课后学习传送门（一个网站从输入网址到呈现页面完整流程）https://www.jianshu.com/p/c93d47c26a81课后学习传送门： 查看各种响应状态码含义https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status/1001.什么HTTP协议协议指的是规定浏览器跟服务器交互的数据格式2.浏览器请求 必须是：请求报文3.
2022-04-27 15:19:03
182
原创 Ajax
01-综合案例：图书管理/*思路分析 1.页面一加载,ajax请求所有图书列表 * 技术点：数据驱动渲染页面 2.点击添加按钮 ： 添加图书 * 技术点: 获取表单里面的参数 3.点击删除按钮 ： 删除图书 * 技术点: 动态新增按钮无法直接注册事件,需要使用 事件委托 4.页面所有的ajax请求都需要loading效果 * 技术点: axios拦截器使用 */
2022-04-25 19:42:50
619
原创 Ajax
01-axios框架使用axios(阿克休斯) 官网 : http://www.axios-js.com/axios是什么 ： 一个js框架，用于发送ajax请求（底层使用XMLHttpRequest）为什么要学习axios : （1）后面vue课程，我们使用axios发送ajax请求 （2）大家今后实际开发也是使用axios发送ajax请求1.1-axios基本使用官网文档：http://www.axios-js.com/zh-cn/docs/<!DOCTYPE
2022-04-23 19:34:12
1445
原创 Ajax
01-课程大纲介绍1.1-Ajax是什么？Ajax就是让浏览器跟服务器交互的一套API。 它的作用就是可以让浏览器和服务器进行交互。说人话： ajax 是一种 用于向服务器请求数据的 技术MDN官网传送门:https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX1.2-学习Ajax的目标是什么？学会使用ajax 根据 接口文档 和 服务器 交互目前，我们网页所有的数据都是写死的。实际开发中，网页的数据需要从服务器获取。而aja
2022-04-22 19:59:51
137
原创 JS高级
今日学习任务总结01-ES6语法新特性介绍1.ES6全称：ECMAScript-2015, 是2015年推出的全新的js语法2.一定要切记： 语法的更新，其实就是在原有的语法基础上新增了几个新的语法。 而不是说把我们之前学习的js语法给完全替换覆盖。因此，我们学习ES6语法之后，相当于就是在之前的语法基础上，在额外多学几个js语法而已。 现在几乎很少有人会把ES5与ES6分的非常清楚。 基本上直接拿来用就可以了，哪个方便用哪个。ES6文档推荐：https://es6.ruanyi
2022-04-21 14:14:40
128
原创 JS高级
01-函数的三种调用方式(this指向)1.复习函数三种调用方式：普通函数 对象方法 构造函数重点：理解this关键字作用：谁调用这个函数，this指向谁<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-04-21 14:11:20
84
原创 JS高级
01-面向对象三大特征(继承)1.1-面向对象三大特征介绍 a.封装：将某个具体功能封装在对象中，只对外部暴露指定的接口，外界在使用的时候，只考虑接口怎么用，不用考虑内部怎么实现（前面学习的api其实就是一种封装思想） b.继承：一个对象拥有其他对象的属性和方法 c.多态：一个对象在不同情况下的多种状态(java语言使用较多，js语言基本不涉及)<!DOCTYPE html><html lang="en"><head>
2022-04-18 16:18:32
548
原创 JS高级
01-课程介绍1.1-课程特点1.js高级是对js基础语法的一个补充说明，本质上还是对ECMAScript语法的一个延伸与进阶2.js高级所要学习的语法相比而言没有js基础的多，但是会更加晦涩难懂更加侧重的是理解(不求甚解)1.2-课程大纲1.对象进阶 （2天）2.函数进阶 ( 1天 )3.ES6新语法( 1天 )02-面向对象编程1.1-面向对象编程介绍本小节知识点1.理解什么是面向对象编程面向对象不是一门技术，而是一种解决问题的思维方式面向对象的本质是对面
2022-04-18 16:09:06
1137
原创 高频前端面试题汇总
高频前端面试题汇总什么是事件委托给父元素注册事件，委托给子元素处理事件委托原理：事件冒泡事件委托注意点this：指向父元素e.target：指向触发事件的子元素事件委托场景 ：给动态新增元素注册委托事件1.2-localStorage与sessionStorage区别相同点：作用一致：用于存储数据都是只能存储字符串类型数据（上限5MB）不同点： 存储方式不同localStorage：硬盘存储（永久存储，页面关闭还在，...
2022-04-18 15:45:42
471
1
原创 Web APIs
文章目录一、Window对象1. window对象 : 浏览器窗口2. location : 网页地址栏3.history对象: 历史记录4.navigator对象 : 浏览器信息5.screen对象二、定时器二、存储对象1.localStorage作用 : 本地存储2.sessionStorage作用 : 临时存储总结一、Window对象1. window对象 : 浏览器窗口window对象三个特点 (1)window是js中的顶级对象。 所有的全局函数、全局变量都是window对象的
2022-04-16 19:06:47
236
原创 Web APIs
文章目录前言一、日期对象1.实例化2.时间对象方法3.时间戳二、节点操作1.DOM 节点2.查找节点3.增加节点4.删除节点三、M端事件四、JS插件五、综合案例总结前言一、日期对象目标：掌握日期对象，可以让网页显示日期日期对象：用来表示时间的对象作用：可以得到当前系统时间1.实例化在代码中发现了 new 关键字时，一般将这个操作称为实例化创建一个时间对象并获取时间获得当前时间获得指定时间2.时间对象方法**使用场景：**因为日期对象返回的数据我们不能直接使用，所以需要转换为实际
2022-04-11 15:14:39
446
原创 Web APIs
Web APIs 第二天前言一、事件监听（绑定）1.事件监听2.拓展阅读-事件监听版本二、事件类型三、事件对象四、环境对象五、回调函数六、综合案例总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、事件监听（绑定）1.事件监听目标：能够给 DOM元素添加事件监听什么是事件？事件是在编程时系统内发生的动作或者发生的事情比如
2022-04-08 20:22:57
560
原创 点击开始，随机点名
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m
2022-04-08 00:27:06
315
原创 轮播图定时器版
需求：每隔一秒钟切换一个图片分析：①：准备一个数组对象，里面包含详细信息（素材包含）②：获取元素③：设置定时器函数设置一个变量++找到变量对应的对象更改图片、文字信息激活小圆点：移除上一个高亮的类名，当前变量对应的小圆点添加类④：处理图片自动复原从头播放（放到变量++后面，紧挨）如果图片播放到最后一张， 就是大于等于数组的长度则把变量重置为0<!DOCTYPE html><html lang="en"><head> <meta ch
2022-04-06 20:03:55
856
原创 Web APIs
文章目录学习目标一、Web API 基本认知二、获取DOM对象三、操作元素内容四、操作元素属性五、定时器-间歇函数总结学习目标1. 掌握DOM属性操作，完成元素内容设置2. 元素属性设置，控制元素样式一、Web API 基本认知变量声明建议：const优先，尽量使用const，原因是：const 语义化更好很多变量我们声明的时候就知道他不会被更改了，那为什么不用 const呢？实际开发中也是，比如react框架，基本constconst 声明的值不能更改，而且const声明变量的时
2022-04-06 20:02:47
118
原创 随机变换页面的背景颜色
<!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"> <title>Document&l
2022-04-06 18:52:02
413
原创 输入秒数，计算出时分秒
需求： 用户输入秒数，可以自动转换为时分秒 分析： ①：用户输入总秒数 （注意默认值） ②：计算时分秒（封装函数） 里面包含数字补0 ③：打印输出 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo.
2022-04-03 10:43:32
646
原创 JavaScript
文章目录前言一、函数1.为什么需要函数2.函数使用3.函数传参4.函数返回值5.作用域6.匿名函数二、综合案例总结前言一、函数1.为什么需要函数目标： 能说出为什么需要函数⚫ 函数：function，是被设计为执行特定任务的代码块⚫ 说明：函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。比如我们前面使用的 alert() 、 prompt() 和 console.log() 都是一些 js 函数，只不过已经
2022-04-02 19:47:03
177
原创 JavaScript
文章目录前言一、循环1.for循环基本使用1.循环中断1.循环嵌套二、数组1.数组是什么2.数组的基本使用3.操作数组4.数组案例三、总结前言掌握循环语句，让程序具备重复执行能力掌握数组声明及访问的语法一、循环1.for循环基本使用目标：掌握for循环重复执行某些代码1. for循环语法⚫ 也是重复执行代码⚫ 好处：把声明起始值、循环条件、变化值写到一起，让人一目了然⚫ for循环流程图⚫ for循环和while循环在使用上面有什么不同的应用场景呢？➢ 已知循环的次数的时
2022-04-01 19:31:10
106
原创 用户输入四个季度的数据，可以生成柱形图
根据数据生成柱形图需求： 用户输入四个季度的数据，可以生成柱形图分析：①：需要输入4次，所以可以把4个数据放到一个数组里面➢ 利用循环，弹出4次框，同时存到数组里面②：遍历改数组，根据数据生成4个柱形图，渲染打印到页面中➢ 柱形图就是div盒子，设置宽度固定，高度是用户输入的数据➢ div里面包含显示的数字和 第n季度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&
2022-04-01 18:40:13
1324
原创 输入年份和月份，打印出这个月有多少天
用户输入年份和月份，打印出这个月有多少天（★）其中1,3,5,7,8,10,12月有31天4,6,9,11月有30天2月比较特殊，如果是平年就是28天，闰年就是29天（闰年判断条件 ： 能被400整除 或者 能被4整除且不能被100整除）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c
2022-03-31 20:08:02
4699
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人