【前端】HTML实现个人简历信息展示页面
文章目录 前言一、 综合案例:个人简历信息展示页面 前言 这篇博客仅仅是对HTML的基本结构进行了一些说明,关于HTML的更多讲解以及CSS、Javascript部分的讲解可以关注一下下面的专栏,会持续更新的。 链接: Web前端学习专栏 下面我对这个专栏的内容进行几点说明: 适合...
前端代码优化-switch的使用
当我们需要根据这段的不同而展示不同的文字时,下面的写法太过于麻烦,同样的代码写了很多遍,这个时候就需要优化,如果判断的东西更多,总不能一个一个再写 判断 <div class="alarm-detail-item" v-if="lastAlarmData.alarmType === '1'"...
最快成型的前端框架Layuimini本地项目部署演示
最快成型的前端框架Layuimini本地项目部署演示 本篇以LayuiMini-v2在线页面预览为例 点击上述链接跳转页面 1. 准备工作 环境准备 WindowsNginxWeb项目资源包(Layuimini-v2) 2. 页面加载 拉取到本地后直接访问时会出现如下弹窗,无法加载页面,需...
【前端——bug】使用antd的Input组件无法通过ref修改value
问题背景 我要制作个人博客的chatgpt聊天页面,为了样式统一,我使用了antd的input组件,并且添加了ref属性获取当前输入的内容。我的预期效果是 向输入框输入完成后,按下enter,把输入框置空const message = ref.current.input.value.trim();r...
前端的UI设计与交互之数据展示篇
合适的数据展示方式可以帮助用户快速地定位和浏览数据,以及更高效得协同工作。在设计时有以下几点需要注意:依据信息的重要等级、操作频率和关联程度来编排展示的顺序。注意极端情况下的引导。如数据信息过长,内容为空的初始化状态等。1、表格表格被公认为是展现数据最为清晰、高效的形式之一。注: 1. 表格中的时间...
从底层谈WebGIS 原理设计与实现(二):探究本质,WebGIS前端地图显示之地图比例尺换算原理
从底层谈WebGIS 原理设计与实现(二):探究本质,WebGIS前端地图显示之地图比例尺换算原理作者:naaoveGI… 文章来源:http://www.cnblogs.com/naaoveGIS/ 点击数:2453 更新时间:2014-9-12摘要:前面我不厌其烦的给大家说了很...
前端初学者的 CSS 入门
文章导读:AI 辅助学习前端,包含入门、进阶、高级部分前端系列内容,当前是 CSS 的部分,瑶琴会持续更新,适合零基础的朋友,已有前端工作经验的可以不看,也可以当作基础知识回顾。 从这篇文章开始,瑶琴带着大家一起学习 CSS 的知识,如果把 HTML 比喻成一棵树的枝干,那么 CSS 就是枝干上的树...
网页前端状态管理库Redux学习笔记(一)
最近在博客园上看到关于redux的博文,于是去了解了一下。这个Js库的思路还是很好的,禁止随意修改状态,只能通过触发事件来修改。中文文档在这里。前面都很顺利,但是看到异步章节,感觉关于异步说得很乱,而且必须配合插件才能实现异步。我是不喜欢用插件的人,能不用则不用。因此自己写了一个异步解决方案。大致的...
前端构建:Less入了个门
一、前言 说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scss、Sass、Stylus和Less。(最近还听说出现了Autoprefixer等CSS后处理器,可参考@一丝的PPT)众多CSS预处理器中Less的语法最接近原生CSS,因此相对来说更容易上手,假如有J...
2.4Java全栈开发前端+后端(全栈工程师进阶之路)-前端框架VUE3-基础-Vue组件-异步组件
在实际开发中,一个应用可能会非常复杂。它可能会由很多组件组成。如果在应用启动时就加载所有组件,势必会造成效率低下。因此,正确的方式应该是按需加载。也就是先加载必要组件,然后根据需求在加载其它组件。 为了实现这个需求,Vue为我们提供了异步组件。 官网解释:在大型应用中,我们可能需要将应用分割成小一...
vue和react这两大前端框架的优缺点对比
【A】Vue和React是目前最流行的两个前端框架,它们都具有各自的优点和缺点。下面是对Vue和React的优缺点的详细介绍: Vue的优点: 简单易学:Vue的API设计简单,上手较为容易,学习曲线相对较低。文档丰富:Vue的官方文档详尽,提供了大量的示例和解释,方便开发者理解和学习。双向数据绑定...
1.3 Java全栈开发前端+后端(全栈工程师进阶之路)-前置课程CSS,看这一篇就够了
前面我们已经讲了前端三剑客中的html和JavaScript,那么现在我们来看一下CSS CSS核心 0、清除默认样式 * { /* 清除默认样式 */ margin: 0; padding: 0;} 1、尺寸操作-内外边距 .box { /* 尺寸操作 */ /* 宽...
GraphQL在前端开发中的实践与性能优化:超越RESTful API
GraphQL作为一种新型的API查询语言,以其灵活的查询能力和高效的资源获取机制,在前端开发中扮演了重要角色。相较于传统的RESTful API,GraphQL允许客户端指定所需的数据结构,从而避免了过载和不足的问题,提高了数据传输的效率和准确性。 在实践中,GraphQL为前端开发带来的好处主要...
1.2 Java全栈开发前端+后端(全栈工程师进阶之路)-前置课程JavaScript,看这一篇就够了
上一章我们讲了HTML的知识,那么我们现在要来学习,JavaScript 那么首先我们要知道JavaScript写在哪里。 JavaScript核心语法 js书写的位置 1、写在页面中的script标签下 只有在代码与页面有强关联的情况下才会写在页面里 2、写在指定的js文件下通过外链进行引入 1...
前端 ------ 03 body标签中的相关标签
列表标签 <ul>、<ol>、<dl>表格标签 <table>表单标签 <form>一、列表标签列表标签分为三种。1、无序列表<ul>,无序列表中的每一项是<li>英文单词解释如下:ul:unordered list...
ssm项目后端如何导出war及前端如何导出静态资源
后端如何导出war包 后端工具:IDEA 2020.1.3 运行我们编写工具maven里面的package 运行成功的日志 我们运行完,会生成一个target文件夹,在这个文件夹里面找到war包即可 前端如何导出静态资源 使用工具:WebStorm 2020.1.3 打开左下角的终...
JAVA前端快速入门基础_javascript入门(03)
写在前面:本文用于快速学会简易的JS,仅做扫盲和参考作用 本章节主要介绍JS的事件监听 1.什么是事件监听 事件:是指发生在HTML端的事件,主要指以下几种。 1.按钮被点击 2.鼠标移动到元素上 3.按到了键盘 事件监听:当触发了事件时,JS会执行相对应的代码。 2.实现事件监听 2.1通过HTM...
web前端----html基础
一、初始html1.web服务本质import socketsock=socket.socket(socket.AF_INET,socket.SOCK_STREAM)sock.bind(("127.0.0.1",8800))sock.listen(5)while 1: print("waiti...
前端css兼容性与易混淆的点
一.使用斜杠/分割的关键字1.fontH2{ font:12px/100% sans-serif;}分割的分别是 字体大小 与 行高 ,其他关键是用空白符分割。2.backgrounddiv{ background:#fff url(../images/xx.jpg) center cente...
WebGIS中使用ZRender实现前端动态播放轨迹特效的方案
文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/1.背景项目中需要在地图上以时间轴方式播放人员、车辆在地图上的历史行进轨迹。在之前的博客中我们谈到了如何对轨迹数据进行滤波、平滑、聚类等,均是为让轨迹线变得简化优美,这里我们...