Web前端
文章平均质量分 78
结构样式行为分离的开发内容
Lyric群青
江湖一笑浪滔滔 红尘尽忘了 俱往矣 何足言道
展开
-
console的一些细节
基础的console.log,相信上过学的都耳熟能详,相比408和编译原理等爷,这玩意太基础了。不过诸多的一些细节,各位可能还不是很清楚,今天这篇浅浅总结一下~原创 2024-06-23 16:31:48 · 268 阅读 · 0 评论 -
一文快速上手bootstrap5框架
bootstrap框架也是常见的前端开发框架之一,某种角度来说是一种css框架。相较与ElementUI等基于vue的前端组件库,bootstrap基于原生的html+css+js,只需要引入对应的外联样式好脚本即可正常使用,有时需要jQuery脚本文件。原创 2024-05-20 09:23:23 · 842 阅读 · 0 评论 -
Element快速上手!
Element是饿了么公司前端团队开发的一套基于Vue的组件库,用于官网链接:Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。原创 2024-05-10 17:55:12 · 896 阅读 · 0 评论 -
常见JavaWeb混合Vue.js课设中的要点
在校期间我们要做很多课设,实际上,学校教的大概率不足以让多数学生独立做出系统。在网上随便一搜,大抵都是千篇一律的“XXXX”管理系统。这些项目出于方便,往往采用vue作为前端框架而不用原生的JavaScript。vue的本质要点是避免原生js中国队DOM的操作,简化代码书写,其基于MVVM思想,实现数据的双向绑定,将编程的关注点放在了数据上。原创 2024-05-10 12:27:47 · 277 阅读 · 0 评论 -
Vue3基础笔记(4)组件
主界面名为app.vue,如果想自定义一个组件,需要在components目录下面创建一个名为.vue后缀的组件,如果想在主界面显示,需要遵循如下步骤:(此处组件名为test.vue)上文中提到的即为局部注册方式,只能在当前组件中引用目标组件,接下来分享全局的注册方式。组件最大的优势就是可复用性,我们一般会将Vue组件定义在一个单独的.vue文件中,这被叫做单文件组件,检查SFC。组件与组件之间不是完全独立的,而是有交集的,那就是组件与组件之间是可以传递数据的,解决方案是props。原创 2024-05-07 17:18:46 · 674 阅读 · 1 评论 -
Vue3基础笔记(3)高级绑定
数据绑定的一个常见需求场景师操纵元素的CSS class列表,因为class是attribute,我们可以和其他attribute一样使用v-bind将他们和动态的字符串绑定,但是在处理较为复杂的绑定时,拼接字符串容易出现错误。因此Vue专门为class的v-bind用法进行了增强:可以绑定对象或者数组~如下图,由于zitiTest的值为false而yanseTest的值为true,所以仅显示颜色的样式~即watch,每次响应式属性发生变化时触发一个函数~原创 2024-04-15 22:14:50 · 379 阅读 · 0 评论 -
Vue3基础笔记(2)事件
如上,使用concat只会拼接出来一个新的数组,而不会替换原来的数组;但是可以用this反向赋值回去,实现和变更方法一样的效果。变更方法,顾名思义,就是会对调用它们的原数组进行变更,相对的,有一些不可变的方法,他们不会改变原数组,而总是返回一个新数组。另一方面,“啦啦啦”作为参数传入了方法中。Vue能够侦听响应式数组的变更方法,并且在他们被调用的时候触发相关的更新。如下,由于stop属性的存在,点击子元素阻止了父元素事件的响应。如上,单击按钮即可修改当前元素,并完成自增+1。直接将事件以表达式的方式书写~原创 2024-03-26 16:33:15 · 732 阅读 · 0 评论 -
Vue3基础笔记(1)模版语法 属性绑定 渲染
Vue全称Vue.js是一种渐进式的JavaScript框架,采用自底向上增量开发的设计,核心库只关注视图层。性能丰富,完全有能力驱动采用和Vue生态系统支持的库开发的复杂应用,适用于场景丰富的web前端框架。和,是vue最显著的特点~官方中文文档:Vue.js - 渐进式 JavaScript 框架 | Vue.jsVue.js - 渐进式的 JavaScript 框架。原创 2024-03-14 17:13:07 · 761 阅读 · 0 评论 -
Axios异步框架和Json数据格式
全名JavaScript Object Notation,即JS简谱、JS对象表示法。由于其语法简单,层次结构鲜明,现在多用于作为数据载体,在网络中进行数据传输。对原生的Ajax进行封装,简化书写。将源码粘贴到项目之中。非常简单,不再赘述~原创 2024-03-14 10:29:56 · 701 阅读 · 0 评论 -
AJAX入门:前端连接后端
AJAX即Asynchronous Javascript And XML,即异步JavaScript和XML。与服务器进行数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。(使用Ajax和服务器进行通信,就可以使用Html+Ajax来替换JSP页面了~)异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术(通俗的说,异步请求就是不会有转圈圈等行为,让用户感知到正在处理请求~)原创 2024-03-12 10:56:34 · 524 阅读 · 0 评论 -
快速入门:JS对象/BOM/DOM/事件监听
自定义对象常见于JS的高级框架。原创 2024-03-10 12:50:02 · 710 阅读 · 0 评论 -
JavaScript基础(一)旧版基础笔记总结
开新藩(虽然博主早以前已经学过了),从0开始复习JS,一方面应对毕设,一方面后期可能找找实习,一方面复试可能也会涉及到吧,说起这个最近越等越焦虑QAQ,还要一个月才出分呢......本帖先总结初级语法,好多语种其实都大差不差,不过还是有些差别需要注意~原创 2024-02-01 15:04:57 · 639 阅读 · 0 评论 -
CSS详细基础(七)圆角和阴影
圆角和阴影是CSS3新增的样式。原创 2024-01-30 16:12:43 · 913 阅读 · 0 评论 -
CSS基础案例(1)产品模块布局
简单模仿一下Xiaomi商城的UI风格,建议自己找类似的题材练习。原创 2024-01-30 10:26:09 · 505 阅读 · 0 评论 -
CSS详细基础(六)边框样式
本期是CSS基础的最后一篇~原创 2023-09-29 19:06:19 · 676 阅读 · 0 评论 -
CSS详细基础(五)选择器的优先级
本节介绍选择器优先级,优先级决定了元素最终展示的样式~原创 2023-09-29 17:29:26 · 3130 阅读 · 0 评论 -
CSS详细基础(四)显示模式
本帖开始介绍CSS中更复杂的内容。原创 2023-09-29 13:19:23 · 487 阅读 · 0 评论 -
CSS详细基础(三)复合选择器
前两章介绍了CSS中的基础属性,以及一些基础的选择器,本贴开始介绍复合选择器的内容~ 在 CSS 中,可以根据选择器的类型把选择器分为和后代选择器、子选择器、并集选择器、伪类选择器等等~原创 2023-09-28 09:16:48 · 777 阅读 · 0 评论 -
CSS详细基础(二)文本样式
如上图所示,虽然.blue属性位于独立的CSS文件之中,仍然可以通过类选择器的使用方式应用于标签元素。相分离的设计思想,即各模块之间应该互不干扰,体现在代码中,CSS所规定的样式设计均写在了头部标签。CSS外链样式是网页设计中一种常用的方法,能够有效地减少代码量、提高网站的性能和可维护性。然而这只是一定程度上实现了分离——实际上结构与样式的代码仍在同一文件中~总的来说,在开发大型项目时,外链样式的存在有助于提升代码复用率~因此CSS中还有一种叫做外链样式的技术——即。前文我们说到前端开发中要遵循。原创 2023-09-27 20:41:45 · 1376 阅读 · 0 评论 -
CSS详细基础(一)选择器基础
本帖开始,我们来介绍CSS——即,层叠样式表是一种用来表现的一个应用)或(标准通用标记语言的一个子集)等文件样式的。简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。原创 2023-09-27 16:03:20 · 203 阅读 · 0 评论 -
HTML详细基础(三)表单控件
本帖介绍web开发中非常核心的标签——table原创 2023-09-27 09:03:59 · 2012 阅读 · 0 评论 -
HTML详细基础(二)文件路径
格式一定要保证对,实现跳转的元素使用href属性,id名前加#号;而目的地需要用id属性标识名称。非常重要的标签,在日常接触的各种网页或web应用程序中,每一个跳转界面的功能都由该标签实现~href属性规定了a标签所跳转到的路径。内部链接:(也可以跳转到项目内部的网页)——而并不是相对于某一物品而言的。下载链接——点击后下载目标文件。空链接——实际开发中的暂略方式。实现跳转的目标(按钮 )原创 2023-09-26 22:11:17 · 2011 阅读 · 0 评论 -
HTML详细基础(一)H5标签入门
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。原创 2023-09-26 14:47:59 · 1108 阅读 · 0 评论