- 博客(28)
- 收藏
- 关注
RSS订阅原创 【Web前端学习之路】Vue3.0 前端必会框架 （黑马课程笔记01）
模块化(JS的模块、css的模块、其他资源的模块化)组件化（复用现有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）自动化（自动化构建、自动部署、自动化测试）2、webpack基础什么是webpackwebpack是前端项目工程化的具体解决方案，提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器JavaScript的兼容性、性能优化等强大功能。提高了前端开发效率和项目的可维护性。webpack 的安装webpack 的配置。
2022-12-01 22:22:52
764
原创 【Web前端学习之路】 Node.js 学习笔记（黑马课程）
为了简化向外共享成员的代码，Node 提供了 exports 对象，默认情况下，exports 和 module.eports 指向同一个对象，最终的共享结果，还是以 module.exports 指向的对象为准。npm 默认在国外服务器上下载， 淘宝在国内搭建了一个 镜像服务器，专门把国外官方服务器上的包同步到国内的服务器，极大提高了包的下载速度。下载包之后，会自动创建 package.json 文件，记录了下载的包的信息。，用module.exports 对象定义的成员，可以被共享出去。
2022-09-23 20:19:42
439
原创 【Web前端学习之路】 Node.js 初识 （黑马课程笔记）
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。①浏览器是 JavaScript 的前端运行环境②Node.js是 JavaScript 的后端运行环境③ Node.js 中无法调用 DOM 和 BOM 等浏览器内置 APINode.js 的学习路径：JavaScript 基础语法 + Node.js 内置 API 模块（fs、path、http等）+ 第三方 API 模块（express、mysql等）
2022-09-22 12:57:58
318
原创 【前端学习之路】 Ajax 高级阶段02 （黑马课程学习笔记）
如果两个页面的协议、 域名、 端口都相同，则说明两个页面具有相同的源 （同源）。同源策略实际上是浏览器提供的一个安全功能，用于限制不同源网页之间的资源交互。通俗理解是，浏览器规定，A 网站的 JavaScript不允许与非同源网站B之间进行资源交互，例如：无法读取非同源网页的 Cookie、 LocalStorage、IndexedDB；无法接触非同源网页的DOM；无法向非同源地址发送 Ajax 请求。当两个URL的协议、域名、端口任一不一样，则称作跨域。跨域请求。
2022-09-20 16:55:00
248
原创 【前端学习之路】Ajax 加强阶段 （黑马课程笔记）
XMLHttpRequest （简称xhr）是浏览器提供的Javascript对象，通过它可以请求服务器上的数据资源，Ajax 函数就是基于 xhr 对象封装出来的。所以，xhr 对象也可以通过get\post函数请求服务器上的资源，不过相对麻烦一些xhr 对象的 readyState 属性查询字符串查询字符串是指在URL的末尾加上用于向服务器发送信息（数据）的字符串格式：将英文的?放在URL 的末尾，然后加上 参数=值 的键值对形式，若想传递多个参数，则用 & 符号分隔。URL 编码。
2022-09-14 20:12:29
372
原创 【前端学习之路】Ajax 基本概念 （黑马课程笔记）
二者的区别在于，get值会将提交的数据显示在地址栏， 而post不会。post 方式适合用来提交大量的、复杂的、或包含文件上传的数据。，在涉及文件上传的操作时，必须将 enctype 的值设置为 multipart/form-data。action 属性的值应该是后端提供的一个URL地址，若未指定，则默认提交地址为当前页面。把表单提交到 action URL，有两个可选值，get 和 post，默认值为get。使用Ajax 请求数据时，被请求的URL地址，就叫做数据接口（简称接口）。
2022-08-19 20:21:12
590
原创 【前端学习之路】ES6新特性 Promise基本方法 、async函数（阮一峰老师、小马哥_老师 课程笔记）
Promise 实例具有 then 方法，其第一个参数是 resolve 状态的回调函数，第二个参数是 reject 状态的回调函数，它们是可选的。then 方法，因此可以采用链式写法，即then 方法后面再调用另一个then方法。...
2022-08-14 22:08:23
635
原创 【前端学习之路】 ES6语法 （黑马前端课程笔记）
ES的全称是ECMAScript，它是由ECMA国际标准化组织制定的一项脚本语言的标准化规范。
2022-08-02 18:06:59
270
原创 【前端学习之路】 JavaScript高级部分02 （黑马课程笔记）
正则表达式（RegularExpression）是用于匹配字符串中字符组合的模式，在JS中，正则表达式是对象。正则表达式通常被用来检索、替换、获取某些符合某个模式（规则）的文本。预定义类指的是某些常见模式的简写方式。...
2022-07-17 15:39:22
337
原创 【前端学习之路】 JavaScript高级部分 尚硅谷学习笔记
用来保存多个数据的容器便于统一管理多个数据属性：属性名（字符串）和属性值（任意）组成方法：一种特别的属性（属性值是函数）实现特定功能的n条语句的封装体提高代码复用性便于阅读交流①自己定义的 ②不用手动调 ③最终执行的 满足这三点的都是回调函数常见的回调函数：a.dom事件回调函数b.定时器回调函数c.ajax请求回调函数 d.生命周期回调函数作用：①隐藏实现 ②不会污染外部（全局）命名空间 ③用来编写JS模块每个函数都有一个prototype属性（显示原型），这个属性默认指向一个Objec
2022-07-12 21:35:24
2886
原创 [C++高级部分] 泛型编程和STL技术 黑马课程学习笔记
C++的另一种编程思想称为泛型编程，主要利用的技术就是模板；C++提供两种模板机制：函数模板和类模板建立一个通用函数，其函数返回值类型与形参类型不具体制定，而是用一个虚拟的类型来代表 使用函数模板：①自动类型推导 直接像调用函数一样，传入实参即可，编译器自动推导出实参的类型 ②显示指定类型 函数名传入实参值基本语法和函数模板差不多，无非就是模板参数列表中多加了几个模板类型 调用时：Person p1 (“孙悟空”， 999)；...
2022-07-04 00:27:52
217
原创 【c++面向对象】恶补（黑马课程笔记）
变量的作用：给指定的一段内存空间取名，方便操作这段内存。.h后缀名的头文件中编写函数的声明；.cpp后缀名的源文件中编写函数的定义空指针：指针变量指向内存中编号为0的空间（计算机中0~255内存地址是系统占用），故空指针指向的内存不可以访问野指针：指针变量指向非法的（并非自己申请的）内存空间常量指针：int a = 10; int b = 10; int *p = &a;const int *p = &a; 指针的指向可以修改，指针指向的值不可以修改*p = 20; (错误)p = &b; (正确)指针
2022-06-29 00:59:56
159
原创 【Web前端学习之路】JavaScript BOM操作 05（黑马课程笔记）
JavaScript语言的一大特点就是单线程，即同一个时间只能做一件事。也就意味着，所有任务需要排队执行，这样导致的问题是：如果某项任务执行时间过长，会造成页面的渲染不连贯。为了解决这个问题，利用CPU的计算能力，HTML5提出了Web Worker标准，允许JavaScript脚本创建多个线程，于是，JS执行机制出现了同步和异步。同步：多个任务必须顺序执行。异步：若某一任务执行时间长，可先执行其他任务。同步与异步的本质区别：流水线上各个流程的执行顺序不同。同步和异步同步任务都在主线程上执行，形成一个执行栈
2022-06-02 15:50:06
149
原创 【Web前端学习之路】JavaScript必会DOM/BOM操作 BOM部分 04（黑马课程笔记）
1、BOM 浏览器对象模型简介BOM提供了独立于内容，而与浏览器窗口进行交互的对象，其核心对象是window。BOM的构成：window对象是浏览器的顶级对象，具有双重角色：是JS访问浏览器窗口的一个接口 是一个全局对象，任何定义在全局作用域中的变量、函数都会变成window对象的属性和方法，在调用时可以省略window。2、页面加载问题script代码通常写在body标签的底部，即所有页面元素加载完成了之后才可执行，但是若加上(传统方式)window.onload = fu
2022-05-31 23:14:14
169
原创 【Web前端学习之路】JavaScript必会DOM / BOM操作03（黑马课程笔记）
1、动态创建元素document.write（<标签名></标签名>）特点:直接将内容写入页面的内容流,但是当文档流执行完毕时,会导致页面全部重绘,即另起一个页面,页面中其他东西会丢失element.innerHTML = '<a href=" ">'</a>document.creatElement总结:innerHTML创建多个元素效率更高(但是不要用拼接字符串形式,要采取数组形式),结构稍复杂 creatEl...
2022-05-27 12:11:01
183
原创 【Web前端学习之路】JavaScript必会DOM\BOM操作02（黑马课程笔记）
1、排他思想例：一排按钮，点击谁谁变色，但是其他按钮不变思路：获取所有按钮元素，为每一个元素绑定事件，在执行当前元素之前，把所有的按钮颜色去掉，再给自己赋值排他思想：首先排除其他人，再设置自己但是此处有一个小问题，无论点击哪个按钮，最终控制台输出的都是“按钮5”此处插入一个知识点：JS中for循环中的绑定事件（元素伪数组与this不能替换）上述for代码执行流程：1、for那一行是遍历获取每一个元素对象 2、onclick那一行是为每个元素对象绑定onclick事件（只是绑定
2022-05-24 16:57:15
187
原创 【Web前端学习之路】web进阶（移动web）黑马课程笔记04
1、vw/vh使用vw/vh单位设置网页元素的尺寸，完成移动适配。vw/vh也是相对单位，是相对视口的尺寸计算的结果。vw:viewport width，取值为视口宽度的1/100vh：viewport height，取值为视口高度的1/100注：在同一个元素中，宽高的单位不要混用vw/vh单位，最好都用vw，或者都用vh 因为全面屏的影响可能是缩放不是同比例补充：rem与vw/vh的区别在于，rem是相对于页面根标签字号大小而言的单位，需要引入媒体查询视口大小，从而确定根标签字号（
2022-05-19 23:56:14
255
原创 【Web前端学习之路】web进阶（移动web） 黑马课程笔记03
1、移动适配使网页元素大小随着页面大小的改变而改变，要达到移动适配，目前多数企业在用的解决方案是rem方案，未来的解决方案是vw/vh方案。2、rem解决方案rem单位：是相对单位，相对于HTML标签（网页根标签）字号的计算结果，1rem = 1HTML字号 媒体查询（移动适配的原理）：设备大小不同，如何设置不同的HTML标签字号？利用媒体查询，可以检测视口的宽度与设定值是否匹配，若匹配从而编写相适应的根标签字号大小，完成差异化CSS样式。 目前rem布局方案中，HTML标签的字...
2022-05-15 23:26:08
165
原创 【Web前端学习之路】JavaScript必会 DOM \ BOM操作（黑马课程笔记）
1、Web APIs阶段Web APIs 是w3c组织的标准 Web APIs 是JS独有的部分，是JS的应用，主要用于网页交互功能API是一些预先定义的函数，目的是给程序员提供一种工具以便于更轻松实现功能，并不需要了解其内部工作机制，相当于一个接口。Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）...
2022-05-13 00:20:53
377
原创 【Web前端学习之路】JavaScript入门 02 （黑马课程学习笔记）
1、数组数组（Array）：一组数据的集合存放在单个变量下 创建数组：①利用new创建数组（学习对象后常用） ②利用数组字面量创建数组注：JS中的数组元素可以是任意不同数据类型新增数组元素注：JS是动态语言，增加数组元素的时候并不用另外申请空间（数组占用的不是固定的一块空间）...
2022-05-10 14:16:07
273
原创 【Web前端学习之路】web进阶（移动web） 黑马课程笔记02
1、移动端特点PC端屏幕大，网页有版心模块；移动端屏幕小，网页宽度多为100% 使用谷歌模拟器，在电脑中边写代码边调试移动端网页效果右键单击检查后，切换至移动端模拟器：
2022-05-06 12:30:37
360
原创 【Web前端学习之路】web进阶（移动web） 黑马课程笔记
1、字体图标库Iconfont网站上下载字体图标，直接引入样式如果图库中没有想要的图标，则可以自己上传2、平移转换（可以对标回忆一下基础班的“过渡”属性：transition）平面转换属性（位移、旋转、缩放）：transform若x的值为负数，则向左移动；y的值为负数，则向上移动（可以记忆成margin left）translate（x， y）；位移-绝对定位居中使用translate快速实现绝对定位的元素居中双开门效果示例..
2022-04-29 22:05:38
377
原创 【Web前端学习之路】JavaScript入门 （黑马课程学习笔记）
1、编程语言和标记语言的区别编程语言有很强的逻辑和行为能力，通常是主动的指令，如：if、while等。 标记语言不用于向计算机发出指令，常用于格式化和链接，通常是被读取的。2、JavaScript是什么JavaScript是一种运行在客户端（自己的电脑）的脚本语言（脚本语言即不需要编译，运行过程由js解释器逐行来进行解释并执行的语言），现在可以基于Node.js技术进行服务器端编程。3、浏览器执行JS简介浏览器分为两个部分：①渲染引擎：解析HTML和CSS，俗称内核，比如chrome浏览
2022-04-26 18:34:46
1827
原创 【Web前段学习之路】CSS额外补充知识 黑马课程学习笔记
补充前面文章的小知识点：清除浮动：设置浮动时，若子级浮动，且父级没有高度，后面的标准流盒子就会收到影响，显示到上面的位置当将父级标签father的高度注释掉时，（该情况多用于其文本内容不固定，则该盒子的高度由内容多少来决定），下面的标准流标签就会顶替其父级标签的位置，因为两个left、right子标签设置了浮动，此时应该将浮动清除：解决方法：①额外标签法：在父元素内容的最后添加一个块级元素，设置clear:both②单伪元素法：即用伪元素代替额外标签③双伪元素法：...
2022-04-23 22:24:55
421
原创 【Web前端学习之路】CSS基础知识（黑马课程学习笔记）
day3CSS的介绍CSS：层叠样式表，简单来说就是用于美化html网页，给HTML标签设置样式。CSS写在style标签中，style标签是嵌套于head标签内部，title标签下；选择器的作用是选择要修饰的标签。
2022-04-14 23:44:33
377
原创 【Web前端学习之路】HTML基础知识（黑马课程学习笔记）
基础认识前段的代码是通过浏览器转化（解析和渲染）成用户看到的页面，其中解析和渲染的部分是由渲染引擎（浏览器内核）进行，解析和渲染通俗理解就是将代码变成图片、链接等。由此可知，即使是相同的网页，在不同的浏览器中解析效果会存在差异，所以显示效果不一定一样。由此，引入Web标准，可以让不同浏览器按照相同的标准显示结果。...
2022-04-10 23:28:19
349
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人