
前端技术
文章平均质量分 68
前端技术知识整理
0cfjg0
唤起一天明月,照我满怀冰雪
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Thymeleaf
插入的内容原创 2025-07-29 17:03:16 · 920 阅读 · 0 评论 -
扩展jQuery库
/ 扩展jQuery工具的方法。// 扩展jQuery对象的方法。原创 2025-07-23 13:27:31 · 191 阅读 · 0 评论 -
JQuery事件
event.target 触发事件的DOM元素。event.offsetX 相对于事件元素左上角。eg: 将选择器选中的元素下的所有li绑定事件,并委托选择器选中的元素进行点击触发。console.log('按钮被单击了');console.log('按钮被单击了');console.log('按钮被双击了');console.log('鼠标左键按下');console.log('鼠标左键松开');当鼠标进入目标元素的时候调用所绑定的函数。当鼠标左键按下的时候调用所绑定的函数。当鼠标离开元素时触发事件。原创 2025-07-23 13:26:12 · 934 阅读 · 0 评论 -
JQuery方法
post请求: 也可以用$.post(url, data, function)get请求: 也可以用$.get(url, data, function)原创 2025-07-23 13:24:04 · 355 阅读 · 0 评论 -
JQuery动画
链式执行一串动画,以css形式控制效果$('.box').animate({}).animate({});原创 2025-07-23 13:23:27 · 222 阅读 · 0 评论 -
traditional
参数如果为数组就会自动将参数在url中转换成参数[]的形式。但是正常情况下,我们需要保证前后端的参数名称一致。使用ajax调用后端接口时。所以在ajax中设置属性。原创 2025-07-23 11:43:59 · 86 阅读 · 0 评论 -
jQuery核心对象
我是段落原创 2025-07-23 11:36:41 · 535 阅读 · 0 评论 -
JQuery选择器
执行核心函数后返回一个jquery核心对象,对象内部包含的是dom元素对象的伪数组。选择所有标签为ul下的所有span子标签 仅包含子标签不包含后代标签。选择所有class为content的标签下的所有子标签。选择所有标签为ul下的所有span子标签 包含后代标签。选择所有标签为p和标签为button的标签。选择id为box的标签的下一个兄弟标签li。选择所有标签为p且类为red的选择器。选择所有class为red的标签。选择所有id为btn的标签。选择内容为"男"的单元格。选择内容为空的单元格。原创 2025-07-23 11:24:38 · 256 阅读 · 0 评论 -
Pinia:状态管理库
为vue设计的一个现代化的状态管理库,vue3生态系统中的一个核心组件,专为利用Vue3的新特性设计,替代Vuex称为Vue应用的状态管理标准,提供了更简洁的API,更好的类型安全,以及易于调试的功能。原创 2024-05-17 15:07:48 · 379 阅读 · 0 评论 -
TypeScript:基础语法+综合案例
Generics,是在定义接口,函数等类型时,不预先指定具体类型,在使用时再指定类型的一种特性.联合类型,类型别名,接口(interface),字面量类型,泛型,枚举,void,any等。变量被注解为any类型后,TS会忽略类型检查,检查的类型赋值不会报错也不会有任何的提示。TS中存在类型推断机制,在没有给变量添加类型注解的情况下,TS也会给变量提供类型。给变量添加类型约束,使变量只能被赋值为约定好的类型,同时可以有相关的类型提示。限制变量的类型和数组成员的类型(ts会自动推断类型注解)原创 2024-05-16 21:22:10 · 785 阅读 · 0 评论 -
Vue3:分类管理综合案例实现
实现分类管理功能在main.js中引入router访问根路径’/'后跳转到布局容器加载布局容器后重定向到’/nav/manage’加载我们需要的组件这样可以在布局容器中切换功能模块时,只对需要修改的组件进行重新加载封装组件数据列表组件查询组件外层父组件(分页组件)在引入时给子组件传递数据和方法,实现组件间通信功能实现向后端发送请求返回一个对应链接和超时参数的axios对象数据列表请求通过工具类的axios对象向后端对应资源链接发送get请求和传递参数,get方法的第二个参数传递一个co原创 2024-05-15 20:23:54 · 785 阅读 · 0 评论 -
Vue3基础
在setup(){}中定义,使用return返回后可以在组件中直接使用1,在watch的参数中,如果读取的是ref对象,无需添加value会自动读取2,watch可以侦听多个数据3,可以通过开启deep方式进行深层侦听,来检测嵌套属性是否被修改4,不开启deep的情况下可以在第一个参数中写一个返回需要监听属性的函数,这样也能对这个属性进行监听子组件通过接受数据接受函数跨层组件通过实现跨层级的通信。原创 2024-05-14 19:38:49 · 729 阅读 · 0 评论 -
HTML2:列表和表格
注意:dl中放的不是li列表而是dt列表和dd表项dt代表术语标题dd代表术语内容一个dt可以对应多个dd。原创 2024-04-07 17:24:23 · 505 阅读 · 0 评论 -
html表单1:表单基础
网页中的一个交互区域。原创 2024-04-07 17:59:03 · 751 阅读 · 0 评论 -
HTML1:html基础
运算器控制器存储器输入设备输出设备c/s(client客户端) 客户端架构软件需要安装,更新麻烦,不跨平台b/s(browser浏览器) 网页架构软件无需安装,无需更新,可跨平台。原创 2024-04-01 08:32:59 · 1584 阅读 · 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 · 433 阅读 · 0 评论 -
JavaScript:js实现在线五子棋人机(人人)对弈
一个不难的小游戏,逻辑存在一定漏洞,主要是对js也不熟悉,包括对var和let的理解等等都比较欠缺,以现在的知识储备应该是改不明白了,再多学点把这个做成线上人人对战.原创 2024-04-24 13:58:19 · 1499 阅读 · 0 评论 -
JSON基础
"age":20,JSON格式中的键必须使用双引号括上因为其语法格式简单,层次结构鲜明,多作为数据载体在网络中进行数据传输var 变量名 = {"key":"value","key":value};//json中的值类型确定数字:直接写字符串:双引号包裹布尔值:true/false数组:方括号包裹对象:大括号包裹null。原创 2024-04-23 09:18:32 · 264 阅读 · 0 评论 -
HTML:表单
网页中的一个交互区域。原创 2024-04-22 09:26:23 · 276 阅读 · 0 评论 -
Ajax和axios基础
异步的JavaScript和XML。原创 2024-04-24 13:32:07 · 495 阅读 · 3 评论 -
JavaScript:js基础1
var 对象名称={属性名:属性值,函数名:function(形参列表){function关键字可以省略调用时直接使用对象名.属性名和对象名.方法名调用即可js对象可以嵌套,即js对象中的属性可以是js对象。原创 2024-04-23 09:16:55 · 995 阅读 · 1 评论 -
Vue:vue的工程化
即前端人员开发前端工程,将开发好的前端工程打包部署在前端服务器上后端开发人员开发后端工程,再将后端工程打包部署在后端服务器上,这种模式称为前后端分离开发而前后端要顺利对接的关键就是要遵循一定的开发规范。原创 2024-04-24 20:03:32 · 1591 阅读 · 0 评论 -
Vue2:vue基础
一套前端框架,用于免除原生js中的DOM操作,简化书写基于MVVM思想,实现数据的双向绑定.双向绑定:当数据模型数据发生变化时,页面展示的内容也会随之发生改变,如果表单数据发生变化,绑定的模型数据也随之发生变化.原创 2024-04-23 09:19:59 · 233 阅读 · 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 · 384 阅读 · 0 评论 -
CSS:css简介
给html设置样式,美化css,实现结构和样式的分离。原创 2024-04-28 17:46:18 · 420 阅读 · 0 评论