HTML基础语法之输入与其它
input元素 type:此属性可以选择不同的属性值,但最终都是以按钮的形式展示 submit reset button text radio(单选框) checkbox(复选框) time/data(时间/日期选择器) 13:14会在URL地址栏中显示13%3A34,因为其为了避免有歧义,引入了URL编码。 search(搜索框) 具体的搜索用script...
HTML基础语法之表格与表单
表格 table/tr/th/td(row,headercell,datacell) tr中的内容默认加粗并居中 标签table没有边框—语法与实现相分离 加边框—{border:1px solid black;},写在table、th、td内即给对应的加边框 使边框合并—border-collapse:collapse; 给table加标题,需要紧挨着table开始标签,使用caption属性写在table标签内 123456789101112131415161718192021<table style="border:1px solid black;"> <caption> Hdd </caption> <tr> <th style="border:1px solid black;"> 1 ...
初探-MyBatis
MyBatis—一款持久层框架,简化JDBC开发首先解决JDBC遗留的三个问题: 硬编码:在MyBatis中改动application.properties 繁琐: 频繁开关连接:在Mybatis中使用数据库连接池。 DB连接池: 是个容器 当某个用户需要连接数据库时,取曲别针,断开数据库连接时,释放曲别针。 若用户长时间占而不用,池会计时并释放。 SpringBoot使用Hikari Sun提供的标准DB接口为:DataSource,所有的数据库连接池都要实现这个接口 基于Spring Boot整合Mybatis 准备:创建Spring Boot工程,勾选MySQL Driver、MyBatis...
初探-用GitHub搭建自己的博客
用GitHub搭建自己的博客,下面这篇文章完成从0到hexo初始主题的配置:点击这里 配置好博客框架后,选择一款主题是非常有必要的。这里通过链接介绍Butterfly主题的安装与配置:点击这里 Butterfly的官方网站(https://butterfly.js.org/)
谈谈妙言
今天下载了一款markdown编辑器,名为“妙言”,官方介绍为完全开源,不会上传用户数据等一系列优点,我便下载试试,在这里总结利与弊。点击这里下载妙言 利 支持预览(VSCode也可,两者的预览仅供参考,以网站实际显示效果为准)。 字体优美(霞骛字体,听起来高大上的样子)。 轻量级,dmg包仅仅20MB。 网站主页使用Vercel进行托管,经济实惠,感觉平易近人。 等等 弊 令人抓狂的缩进。 我在写嵌入文本的代码块时,遇到了棘手的问题。 下面这张图片为正常显示: 但当我将代码边界的三个点移动后,再移动回去时,并不会高亮显示: 但是预览的时候是没有问题的,所以此处为一个bug。 在这方面VSCode是做的不错的,他有着合理的缩进提示线: 所以“妙言”仍不能胜任严苛的写作任务 一款好的markdown编辑器我觉得一款好的编辑器需要具备: 支持HTML代码自动补全。 轻量化 能够胜任大部分任务 总评“妙言”,它又轻又美,但是缩进的影响对我来说是不可忽略的。
HTML基础语法之列表
列表语法 元素及其属性介绍 ol 定义有序列表,列表中的每一项同样用<li></li>标识 属性,reversed、start、type reversed(对列表进行降序排序) 12345<ol reversed> <li>Coffee</li> <li>Tea</li> <li>Milk</li></ol> start 12345<ol start="50"> <li>Coffee</li> <li>Tea</li> <li>Milk</li></ol> type(规定类型为罗马字母) 12345<ol type="I"> <li>Coffee</li> <li>Tea</li> ...
五子棋项目总结
软件生命周期 立项 可行性分析+软件开发计划 需求分析 架构 编码 测试 项目上线 维护 立项做什么东西 可行性分析 技术可行性 用到哪些技术。如果某个技术是一部分功能会用到的,需要小组内一半人掌握才能使用;如果是所有代码涉及到的,需要全员掌握 列举核心功能 考虑核心功能能否实现 数据的设计 逻辑的描述 需求分析 需求文档 界面划分 界面描述 功能分类 功能概述 优先级 备注 流程图 使用process...
HTML基础语法之段落
HTML知识点整理 前世今生与概括 许多计算机通过Internet连接在一起,而在万维网上,可以找到图片、视频等资源。网景与微软争夺浏览器市场,促使了HTML规范的统一。 HTML:描述网页的一种语言,没有强逻辑处理能力,标记语言而非编程语言。 入门 创建一个.html文件,使用VSCode打开,输入!,显示出了 1234567891011<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> ...
浏览器中的搜索---地址栏与搜索栏
主流搜索引擎 百度 搜狗 360搜索 必应 谷歌 雅虎 DuckDuckGo Ecosia (排名不分先后) PC端地址栏与搜索栏之分 1号位置 此处为地址栏,常用于直接输入网址,例如chenhongyang86.fun 如果输入的是一个完整的 URL(如chenhongyang86.fun),浏览器会直接跳转到对应的网站。 如果输入内容看起来不像 URL(如 “TikTok”),浏览器会将地址栏的输入内容自动转为搜索查询,使用默认的搜索引擎搜索。 2号位置 此处为搜索栏,用于输入指定内容,例如 今天天气怎么样 不管输入什么内容(关键词或网址),都会被当作搜索查询发送到搜索引擎。 即使输入一个网址,也会将其视为搜索关键词,返回相关搜索结果,而不是直接跳转到该网址。 总结 搜索栏 地址栏 输入网址 F T 输入内容 T T 手机地址栏与搜索栏笔者下载了Google、Safari、百度、DuckDuckGo、Firefox等主流浏览器,发现大多数浏览器地址栏与搜索栏合并,故此栏可输入网址与内容。
Butterfly主题中界面找不到的问题
今天我遇到了问题点击这两个区域报404错误 于是就上网找答案,找来找去,发现都是是解决Butterfly中“导航栏”配置tags与categories配置的方法,怎么也找不到“侧边栏”中前面这两项报404的问题。在社区群里问,直到我自己找到解决方法也没有人回我。故在这里记录下指南。 经历与过程 一开始扒了别人的博客网址,发现两条HTML代码,感觉是自己写的。但后来随着样本的增多,我发现这代码是官方配置好的,于是调整自己的方向,转向官方的配置文件, 用ChatGPT查官方文件、社区交流困惑,均无法解决问题,于是再自行解决问题。 图片 这是服务器直接部署在GitHub上报错的页面 这是使用Vercel托管报错的页面 注意前一张图片的报错:For root URLs (like http://example.com/) you must provide an index.html file. 从GitHub仓库发现每一个界面都存在一个index界面,而恰恰是index界面,使得其可以被浏览器解析。 于是我便将方向转变为创建index界面。 代码 1hexo new...