Flyoungbuhu-CSDN博客

原创 VueRouter

认识插件VueRouter，掌握VueRouter的基本使用步骤：修改地址栏路径时，切换显示匹配的组件：Vue官方的一个路由插件，是一个第三方包。

2024-03-03 15:40:33 972

原创 JavaWeb学习（1）数据库相关概念，mysql数据库管理系统，SQL语句

insert into 表名(列名1,列名2,...) values(值1,值2,....),(值1,值2,....),(值1,值2,....)...;insert into 表名 values(值1,值2,....),(值1,值2,....),(值1,值2,....)...;select 字段列表 from 表名 order by 排序字段名1[排序方式1]，排序字段名2[排序方式2]...;insert into 表名(列名1,列名2,....) values(值1,值2,.....)；

2024-02-18 19:35:40 1134

原创前端框架学习 Vue(3)vue生命周期,钩子函数,工程化开发&脚手架CLI,组件化开发,组件分类

Vue CLI 是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础1.开箱即用,零配置2.内置babel等工具3.标准化// 文件核心作用:导入App.vue,基于App.vue创建结构渲染index.html// 1.导入 vue核心包// 2.导入App.vue 根组件// 提示:当前处于什么环境(生成/开发)// 3.Vue实例化,提供render方法 - > 基于App.vue创建结构渲染index.htmlnew Vue({

2024-02-04 17:31:48 1662

原创前端框架Vue学习(2)指令修饰符,计算属性,watch监听器

通过"."指明一些指令后缀,不同后缀封装了不同的处理操作 ->简化代码->键盘回车符监听->去除首尾空格->转数字->组织冒泡等同于给函数设定 e.stopPropagandation()->组织默认行为。

2024-01-29 11:23:58 764

原创前端框架学习 Vue (1) 概念,常用指令

Vue是一个用于的框架:基于数据动态渲染页面循序渐进的学习(学一点就能用一点)(1)Vue核心包开发场景:局部模块改造(2)Vue核心包&Vue插件工程化开发场景:整站开发一套完整的项目解决方案,提升开发效率(理解记忆规则)优点:大大提升开发效率(70%以上)缺点:需要理解记忆规则->官网。

2024-01-21 10:42:55 1396

原创前端框架前置学习Webpack(1) 常用webpack配置

内容分发网络,指的是一组分布在各个地区服务器。

2024-01-17 17:27:23 1495

原创前端框架前置学习Node.js(2)npm使用,Node.js总结

每个文件当做一个模块,独立作用域,按需加载采用特定的标准语法导出和导入进行使用一般应用在Node.js项目环境中一般应用在前端工程化项目中。

2024-01-15 17:43:55 736

原创前端框架前置课Node.js学习(1) fs,path,模块化,CommonJS标准,ECMAScript标准,包

Node.js是一个跨平台js运行环境,使开发者可以搭建服务器的js应用程序开发项目直到上线,过程中集成的所有工具和技术CommonJS模块是为Node.js打包JavaScript代码的原始方式.Node.js还支持浏览器和其他JavaScript运行时使用的ECMAScript模块标准.在Node.js中,每个文件都被视为一个单独的模块.概念项目是由很多个模块文件组成的好处提高代码复用性,按需加载,独立作用域.使用需要标准语法导出和导入进行使用CommonJS标准。

2024-01-15 11:50:02 1500

原创前端框架前置学习(4) AJAX 同步代码和异步代码,async和await,事件循环,宏任务和微任务

async函数是使用async关键字声明的函数.async函数是AsyncFunction构造函数的实例,并且其中允许使用await关键字.async和await关键字让我们可以使用一种更简洁的方式写出基于Promise的异步行为,而无需刻意地调用Promise在执行代码和手机异步任务的模型,在调用栈空闲,反复调用任务队列里回调函数的执行机制,就叫事件循环。

2023-12-25 15:32:45 2538 1

原创前端框架前置学习(3) AJAX原理 XMLHttpRequest,Promise,简易axios函数封装

对象用于表示一个异步操作的最终完成(或失败)及其结果。

2023-12-18 20:01:03 1002

原创前端框架前置学习(2) ajax 图书管理事件(增删改查)

button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭弹窗标题绑定点击事件(获取图书id)---->调用删除接口------->刷新图书列表。新增图书-表单---->收集数据&提交保存----->刷新-图书列表。编辑图书-表单------>表单(数据回显)来控制弹窗显示和隐藏。

2023-12-15 20:07:24 919

原创前端框架前置学习（1） AJAX axios初体验

定义：统一资源定位符（Uniform Resource Locator，缩写：URL，或称为统一资源定位符，定位地址，url地址等），俗称网址，是因特网上标准的资源的地址（Address），如同在网络上的门牌号。URL就是统一资源定位符，简称网址，用于访问网络上的资源http协议：超文本传输协议，规定浏览器和服务器之间传输数据的格式资源路径：标记资源在服务器下的具体位置域名：标记服务器在互联网中的方位。

2023-12-07 21:39:01 922

原创前端学习 js高级（2）解构语法，遍历数组forEach，筛选数组filter

const [a,b, ,d] = [1,2,3,4] // a= 1,b=2,d=4跳过了3。赋值运算符 = 左侧的[]用于批量声明变量，右侧数组的单元值将被赋值给左侧变量。被遍历的数组.forEach(function(当前数值元素,当前数组元素的索引号)){filter（）方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法。主要使用场景：筛选数组符合条件的元素，并返回筛选之后的新数组。有几个传几个，按顺序传入。

2023-10-15 10:30:05 160

原创前端学习 js进阶（1）作用域，垃圾回收机制，闭包，变量提升，函数提升，函数参数，箭头函数

作用域（scope）规定了变量能够访问的“范围”，离开了这个“范围”变量便不能被访问，

2023-10-02 23:51:49 172

原创前端学习 js-api（4）本地存储，map和join数组方法，正则表达式

随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案1.数据存储在用户浏览器中2.设置，读取方便，甚至页面刷新不丢失数据3.容量较大，sessionStorage和LocalStorage约5M左右。

2023-09-29 11:10:09 315

原创前端学习 js-api（3）日期对象，节点，M端事件，插件，BOM，location，navigator，history，js执行机制，延时函数

是指1970年01月01日00分00秒起至现在的毫秒数，它是一种特殊的计量事件的方式。

2023-09-28 15:29:20 267 1

原创前端 js-api（2）事件监听（事件对象，环境对象，回调函数），事件流（事件捕获，事件冒泡，阻止事件流动传播，鼠标事件），其他事件（页面加载，页面滚动，页面尺寸，元素尺寸与位置）

当一个元素的事件被触发时，同样的事件将会在该元素的所以祖先元素中依次触发。就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为绑定事件或者注册事件。给父元素注册事件，当我们触发子元素的时候，会冒泡到父元素身上，从而触发父元素的事件。什么事事件对象，存储鼠标点击位置，用户按下的那个键，鼠标点了哪个元素等内容的对象。获取元素自身宽高，包含元素自身设置的宽高，padding，border。说明：假设页面里面有个div，当触发事件时，会经历两个阶段，分别是捕获阶段，冒泡阶段。

2023-09-26 23:01:22 603

原创前端学习 js APIs（1）变量声明，DOM（css选择器获取dom对象，innerText和innerHTML属性，className操作css，js标签修改样式属性），操作元素属性

标准属性：标签天生自带的属性比如class id title等，可以直接使用点语法操作比如：disabled ， checked ，selected ，在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取。

2023-09-25 16:52:37 273 1

原创前端学习 js(4)对象，内置对象，生成随机数

Math.random() 随机数，返回0-1之间，并且包括0不包括1的随机小数[0,1)声明对象，并添加了若干属性后，可以使用。4.方法名可以使用“”或‘’，一般情况下省略，除非名称遇到特殊符号如空格，中横线等。对象里面是无序的键值对，没有规律，不像数值里面有规律的下标。查的另一种写法：对象名[‘属性名’] （属性名是字符串的时候使用）数据行为性的信息称为方法，如跑步，唱个歌，一般是动词性的，其本质是函数。for in 语法中的k是一个变量，在循环的过程中依次代表对象的属性名。

2023-09-22 21:10:45 86

原创前端学习 js（3）函数，函数传参，作用域，匿名函数，立即执行函数

function 是被设计为执行特定任务的代码块函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。比如我们所使用的alert（），prompt（），console.log（）都是一些js函数，只不过已经封装好了，我们直接使用的。

2023-09-22 04:30:00 299 1

原创前端学习 js（2）js基础知识，关键字，标识符，保留字，运算符，表达式，语句，if，for，数组

计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具，被称为翻译器翻译器翻译的方式有两种：一个是编译，另一个是解释。两种方式之间的区别在于翻译的时间点不同编译器是在代码执行之前进行编译，生成中间代码文件解释器是在运行时进行及时解释，并立即执行（当编译器从解释方式运行的时候，也称之为解释器）

2023-09-21 15:40:16 192

原创前端学习 js（1）初始js，数据类型，数据类型转换

变量就是一个装东西的盒子变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改在计算机中，不同的数据所需要占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。

2023-09-20 20:54:13 129 1

原创前端学习 js背景知识，学前了解

1.计算机可以帮助人类解决某些问题2.程序员利用编程语言编写程序发出的指令来控制计算机来实现这些任务3.编程语言有机器语言，汇编语言，高级语言。

2023-09-20 10:49:17 56 1

原创前端学习 css3（2）2D转换，动画

转换transform 我们简单理解就是变形有2D和3D之分我们暂且学了三个分别为位移旋转哥缩放2D移动translate（x,y）最大的优势是不影响其他盒子，里面参数用%，是相对于自身宽度和高度来计算的可以分开写比如translateX（x）和translateY（y）2D旋转rotate（度数）可以实现旋转元素度数的单位是deg2D旋转sacle（x，y）里面的参数是数字不跟单位可以是小数，最大的优势不影响其他盒子。

2023-09-19 23:49:44 59

原创什么是Web服务器

web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以想浏览器等Web客户端提供文档，也可以放置网站文件，让全世界浏览；在网络环境下，根据服务器提供的服务类型不同，服务器又分为文件服务器，数据库服务器，应用程序服务器，本地服务器主要在局域网中访问，如果想要在互联网中访问，可以把网站上传到远程服务器。是通常是别的公司为我们提供的一台电脑（主机），我们只要把网站项目上传到这台电脑上，任何人都可以利用。2.服务器可以分为本地服务器和远程服务器。以下服务器我们主要指的是Web服务器。

2023-09-19 11:13:01 127

原创前端学习笔记 css3（1）属性选择器，结构伪类选择器，伪元素选择器，盒子模型，其他特性

新增的css3特性有兼容性问题，ie9+才支持移动端支持由于pc端不断改进中应用相对广泛和以及。

2023-09-18 00:00:20 93

原创前端笔记 HTML5的新特性语义化标签，多媒体标签（视频video，音频audio，新增input属性新增，新增表单元素）

音频标签和视频标签使用方式基本一致浏览器支持情况不同谷歌浏览器把音频和视频自动播放禁止了我们可以给视频标签添加muted属性来静音播放视频，音频不可以（可以通过Js来解决）视频标签是重点，我们经常设置自动播放，不使用controls控件，循环和设置大小属性。

2023-09-17 22:52:43 219 1

原创前端学习计划与学习心得(自用)（随学习进度更新）（最近更新时间：9.17）

过一遍网课，记笔记，明白css html的特性，有什么标签等，能够完成简单的静态页面。网课资源：pink老师19年课程预计学习时间：一周。

2023-09-17 21:25:49 74 2

原创前端笔记 css（8）css初始化

不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对html文本呈现的差异，照顾浏览器的兼容，我们需要对css初始化。把中文字体的名称用相应的Unicode编码来替代，这样就可以有效的避免浏览器解释Css代码的时候出现乱码的问题。简单理解：css初始化就是指重设浏览器的样式。（也成css reset）每个网页必须首先进行css初始化。

2023-09-17 15:52:14 1683 1

原创前端笔记，css（7）元素的显示于隐藏，精灵图，css用户界面样式

一个网页中玩玩会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。字体图标可以为前端工程师提供一种方便高效的图标使用方法，展示的是图标，本质属于文字。官方解释：用于设置一个元素的垂直对齐方式，但是它只针对于行内元素或者行内块元素有效。核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。灵活性：本质其实是文字，可以很随意的改变颜色，产生阴影，透明效果，旋转等。

2023-09-17 14:31:19 216 1

原创前端笔记 css（6）ps切图，css书写顺序，页面布局整体思路，导航栏注意事项，定位

4.psd图像格式 PSD格式是photoshop的专用格式，里面可以存放图层，通道，遮罩等多种设计稿，对我们前端人员来说，最大的优点，我们可以直接从上面复制文字，获取图片，还可以测量大小和距离。3.png图像格式是一种新兴的网络图形格式，结合了gif和jpeg的优点，具有存储形式丰富的特点，能够保持透明背景，如果想要切成背景透明的图片，请选择png格式。这个“子绝父相”太重要了，是我们学习定位的口诀，是定位中最常用的一种方式，这句话的意思是：子级是绝对定位的话，父级要用相对定位。

2023-09-16 22:12:37 188 1