![](https://img-blog.csdnimg.cn/direct/0b75f9bf0f2944a7b9a0be17e354b8fe.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术
文章平均质量分 67
前端技术知识整理
0cfjg0
唤起一天明月,照我满怀冰雪
展开
-
Pinia:状态管理库
为vue设计的一个现代化的状态管理库,vue3生态系统中的一个核心组件,专为利用Vue3的新特性设计,替代Vuex称为Vue应用的状态管理标准,提供了更简洁的API,更好的类型安全,以及易于调试的功能。原创 2024-05-17 15:07:48 · 225 阅读 · 0 评论 -
TypeScript:基础语法+综合案例
Generics,是在定义接口,函数等类型时,不预先指定具体类型,在使用时再指定类型的一种特性.联合类型,类型别名,接口(interface),字面量类型,泛型,枚举,void,any等。变量被注解为any类型后,TS会忽略类型检查,检查的类型赋值不会报错也不会有任何的提示。TS中存在类型推断机制,在没有给变量添加类型注解的情况下,TS也会给变量提供类型。给变量添加类型约束,使变量只能被赋值为约定好的类型,同时可以有相关的类型提示。限制变量的类型和数组成员的类型(ts会自动推断类型注解)原创 2024-05-16 21:22:10 · 655 阅读 · 0 评论 -
Vue3:分类管理综合案例实现
实现分类管理功能在main.js中引入router访问根路径’/'后跳转到布局容器加载布局容器后重定向到’/nav/manage’加载我们需要的组件这样可以在布局容器中切换功能模块时,只对需要修改的组件进行重新加载封装组件数据列表组件查询组件外层父组件(分页组件)在引入时给子组件传递数据和方法,实现组件间通信功能实现向后端发送请求返回一个对应链接和超时参数的axios对象数据列表请求通过工具类的axios对象向后端对应资源链接发送get请求和传递参数,get方法的第二个参数传递一个co原创 2024-05-15 20:23:54 · 563 阅读 · 0 评论 -
Vue3基础
在setup(){}中定义,使用return返回后可以在组件中直接使用1,在watch的参数中,如果读取的是ref对象,无需添加value会自动读取2,watch可以侦听多个数据3,可以通过开启deep方式进行深层侦听,来检测嵌套属性是否被修改4,不开启deep的情况下可以在第一个参数中写一个返回需要监听属性的函数,这样也能对这个属性进行监听子组件通过接受数据接受函数跨层组件通过实现跨层级的通信。原创 2024-05-14 19:38:49 · 666 阅读 · 0 评论 -
HTML2:列表和表格
注意:dl中放的不是li列表而是dt列表和dd表项dt代表术语标题dd代表术语内容一个dt可以对应多个dd。原创 2024-04-07 17:24:23 · 455 阅读 · 0 评论 -
html表单1:表单基础
网页中的一个交互区域。原创 2024-04-07 17:59:03 · 698 阅读 · 0 评论 -
HTML1:html基础
运算器控制器存储器输入设备输出设备c/s(client客户端) 客户端架构软件需要安装,更新麻烦,不跨平台b/s(browser浏览器) 网页架构软件无需安装,无需更新,可跨平台。原创 2024-04-01 08:32:59 · 1351 阅读 · 0 评论 -
IP地址和子网
提供的一种统一的地址格式,它为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址的差异。B类:128-191默认子网掩码:255.255.0.0 1+0+网络号14位,主机号16位。C类:192-223默认子网掩码:255.255.255.0 1+1+0网络号21位,主机号8位。A类:1-126默认子网掩码:255.0.0.0, 0+网络号7位,主机号24位。划分子网时,借用主机位,与原有的网络位组成新的网络位。子网掩码为1代表此位为网络位,为0代表此位是主机位。原创 2024-04-01 08:32:04 · 366 阅读 · 0 评论 -
JavaScript:js实现在线五子棋人机(人人)对弈
一个不难的小游戏,逻辑存在一定漏洞,主要是对js也不熟悉,包括对var和let的理解等等都比较欠缺,以现在的知识储备应该是改不明白了,再多学点把这个做成线上人人对战.原创 2024-04-24 13:58:19 · 543 阅读 · 0 评论 -
JSON基础
"age":20,JSON格式中的键必须使用双引号括上因为其语法格式简单,层次结构鲜明,多作为数据载体在网络中进行数据传输var 变量名 = {"key":"value","key":value};//json中的值类型确定数字:直接写字符串:双引号包裹布尔值:true/false数组:方括号包裹对象:大括号包裹null。原创 2024-04-23 09:18:32 · 222 阅读 · 0 评论 -
HTML:表单
网页中的一个交互区域。原创 2024-04-22 09:26:23 · 237 阅读 · 0 评论 -
Ajax和axios基础
异步的JavaScript和XML。原创 2024-04-24 13:32:07 · 440 阅读 · 3 评论 -
JavaScript:js基础1
var 对象名称={属性名:属性值,函数名:function(形参列表){function关键字可以省略调用时直接使用对象名.属性名和对象名.方法名调用即可js对象可以嵌套,即js对象中的属性可以是js对象。原创 2024-04-23 09:16:55 · 944 阅读 · 1 评论 -
Vue:vue的工程化
即前端人员开发前端工程,将开发好的前端工程打包部署在前端服务器上后端开发人员开发后端工程,再将后端工程打包部署在后端服务器上,这种模式称为前后端分离开发而前后端要顺利对接的关键就是要遵循一定的开发规范。原创 2024-04-24 20:03:32 · 1249 阅读 · 0 评论 -
Vue2:vue基础
一套前端框架,用于免除原生js中的DOM操作,简化书写基于MVVM思想,实现数据的双向绑定.双向绑定:当数据模型数据发生变化时,页面展示的内容也会随之发生改变,如果表单数据发生变化,绑定的模型数据也随之发生变化.原创 2024-04-23 09:19:59 · 188 阅读 · 0 评论 -
JavaScript:js基础2
即通过window对象可以直接调用获得其他的的BOM对象。js对浏览器地址栏封装对象,操作该对象可以跳转到任意页面。Browser Object Model浏览器对象模型。document object model文档对象模型。window对象中包含了获取其他BOM对象的属性。可以通过操作BOM对象来实现操作浏览器中的部分。Navigator:浏览器对象(基本不使用)js将HTML文档的各个组成部分封装为对象。Js将浏览器的各个组成部分封装为对象。window:浏览器窗口对象。针对HTML文档的标准模型。原创 2024-04-23 09:17:56 · 340 阅读 · 0 评论 -
CSS:css简介
给html设置样式,美化css,实现结构和样式的分离。原创 2024-04-28 17:46:18 · 381 阅读 · 0 评论