在快速变化的软件开发领域,工具的选择往往能决定开发效率的高低。今天,我要介绍的是一款能够让你告别繁琐编程步骤,实现需求到代码快速转换的在线开发工具——TitanIDE。它凭借一键生成代码和一键解释代码的功能,为开发者们带来了前所未有的便捷体验。 一、前言 在传统的开发流程中,从需求分析到代码编写,再 ...
前言 前几天,我在开发前后端一体的项目时候,遇到了一个巨大的坑。这个是关于SpringBoot+Thyemleaf的。现象就是,我在本地开发环境是好的,正常访问某个页面,但是到了打成jar包后,部署到服务器之后,再访问那个页面,总是报错。这个报错是类似于Template might not exis ...
什么是雪碧图 雪碧图(CSS Sprites),是一种网页图像处理技术,它将多个小图标或图像合并成一个大的图像文件。这种方法允许浏览器通过一次HTTP请求加载多个图像,而不是为每个小图标单独发起请求。雪碧图通常用于网页设计中的图标、按钮和其他装饰性元素。 雪碧图其优点主要体现在: 1. 减少HTTP ...
目录浏览器和CSS规范浏览器发展史CSS发展史网页icon图标外部引入样式方式样式表的优先级选择器基本选择器通配选择器元素选择器类选择器ID选择器复合选择器交集选择器并集选择器后代选择器子代选择器兄弟选择器属性选择器伪类选择器动态伪类结构伪类:first-child:last-child为什么:la ...
table tr 中的th 与td 在列数较多时,无法设置宽度,原因display:table-block。 解决方案:内部设置span行内标签,撑开td的宽度; 冻结列的问题。 超出页面显示可视区域,后层冻结的数据列会覆盖到前面已冻结的数据列的上方。 冻结列的问题出现原因: position:st ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:UED 团队 现代操作系统都是「多任务」的,也就是操作系统可以「并发」处理多个任务,比如可以在浏览页面的时候同时播放音乐。但是,一般来说我们的 PC 只有一个 ...
xm-select介绍 始于Layui, 下拉选择框的多选解决方案 git地址:https://gitee.com/maplemei/xm-select 文档说明:https://codecp.tech/static/xm-select/#/component/options 什么情况下使用 下拉框 ...
关键渲染路径(CRP) 浏览器渲染网页是一个复杂的过程,这个过程涉及关键渲染路径(CRP)。CRP 包含从获取 HTML、CSS 和 JavaScript 资源开始,到最终将像素呈现在屏幕上的一系列关键步骤,这些步骤包括解析 HTML、解析 CSS、布局以及绘制等多个环节, MDN上的描述 浏览器开 ...
声明:该学习笔记内容均来自于菜鸟教程:https://www.runoob.com/及AcWing:https://www.acwing.com/about/,如涉及侵权我将即刻删除文章 这篇博客是我自己在学习HTML的时候所做的笔记,只是方便各位学习知识,交流知识,本文仅用作技术分享. 什么是 H ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:文长 前言 在 Web IDE 中,控制台中展示日志是至关重要的功能。Monaco Editor 作为一个强大的代码编辑器,提供了丰富的功能和灵活的 API ...
HTML(超文本标记语言)是构建网页的基本语言,以下是一些常用功能及其使用注意事项和技巧: 常用功能1. 基础结构:•<!DOCTYPE html>:声明文档类型。•<html>:整个HTML文档的根元素。•<head>:包含文档的元数据,如标题、样式和脚本。•<body>:文档的主体,包含实际显示 ...
一:页面布局 盒模型 边界(border)和其他内容的距离是(margin) 文本内容和边界的距离是(padding) [此处插入图片],该图片作者为西安交通大学的两位老师,来源于中国大学mooc,仅学习非商用。 padding和margin属性 单位em是当前文本的大小,2em是两倍文本的距离 四 ...
一:CSS介绍 css被称为重叠样式表 重叠在于css拥有合并来自多个源的属性值的算法 像衣服一样,层层叠叠很多件穿在身上,别人看到的是露在表面上的衣服 [此处插入图片],该图片作者为未知,来源于百度网站 样式表则是对网页设计元素,如字体,大小,颜色,间距的定义 二:css基本语法 选择器1,选择器 ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:修能 What's? 数栈产品里的 Descriptions 组件实际上就是 antd 的 Descriptions 组件,那么 antd 的 Descrip ...
html HTML(超文本标记语言,HyperText Markup Language)是构建网页的基础语言。它使用标签(Tags)和属性(Attributes)来定义网页的结构和内容显示。下面将从HTML的结构、标签、属性等方面进行详细讲解。 一、HTML的基本结构 一个标准的HTML文档有明确的 ...
记得去年年初,我就折腾了“我的足迹”功能,当时就想在标记点 markers 中添加图片,但苦于冇技术,就搁浅了,只实现了 markers 文字描述。今天终于让我找到了大佬的教程,实现了 markers 中添加描述、多图片、指定链接,用的还是熟悉的 Jvectormap 。 先给大佬曝光一下: 空木白 ...
Pintree 是一个开源项目,旨在将浏览器书签导出成导航网站。通过简单的几步操作,就可以将书签转换成一个美观且易用的导航页面。 ...
认识并学习下还没来得及学习的一些 HTML5 标签 <ruby> 标签 HTML <ruby> 元素被用来展示东亚文字注音或字符注释。 比如: <ruby>兄弟<rt>xiongdi</rt></ruby> <rt> 元素包含字符的发音,字符在 ruby 注解中出现,它用于描述东亚字符的发音。这个元 ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:霁明 什么是CORS CORS(跨域资源共享)是一种基于HTTP头的机制,可以放宽浏览器的同源策略,实现不同域名网站之间的通信。 前置知识 同源定义:协议、域 ...
@目录markdown加粗斜体设置标题级别设置目录删除线无序列表有序列表分割线代办引用高亮标记字体颜色代码块图片链接表格公式表达行中公式独行公式LaTex初步文章骨干换行与换页figure(基本是图片)表格公式公式字体颜色左右居中figure引用文献引用 markdown 加粗 **加粗样式** 格 ...