- 博客(774)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 零基础HTML教程(36)--网站的远程服务器部署
之前我所在的公司，由于存在很大比例的客户，他们的技术人员只会使用Windows，所以我们公司的服务器基本都是使用的Windows Server操作系统。存储这块真的是很多企业容易忽略的点，我见过很多客户的服务器，价格很贵，CPU和内存都强的夸张，但是运行网站慢吞吞，就是因为数据盘性能很差。这个地方关键点是带宽，根据我多年使用阿里云的经验，此处要想获得比较流畅的体验，最好选择4M及以上的带宽值。选择网络，直接使用默认就行，阿里云的网络其实是虚拟的，所以比我们一般通过一根网线接入网络要安全稳定的多。
2024-05-27 13:45:00
466
原创 零基础HTML教程(35)--网站的本地部署
这里首先要区分服务器、服务器软件这两个概念。服务器一般我们指的是性能比较强的电脑，这种电脑我们个人拿来用有点浪费，因为挺贵的，起步也得一两万一台。它是用来运行我们的网站的，可以供成千上万（甚至几十万、几百万）的用户同时访问。服务器软件，则是服务器上安装的各种软件，以我们网站部署所用软件为例，精准的说应该是web服务器软件，它的作用就是把网站传播出去。做个对比，广播大家都听过，广播的作用是把声音传播出去，那么web服务器软件的作用，就是把网站传播出去。
2024-05-20 18:30:00
1212
原创 零基础HTML教程(34)--HTML综合实例
DOCTYPE html > < html > < head > < meta charset = " utf-8 " > < title > 生平简介 </ title > </ head > < body > <!-- 头部 --> < header > < h1 > 苏轼网 </ h1 > </ header > <!
2024-05-18 14:03:48
779
原创 零基础HTML教程(33)--HTML5表单新功能
HTML5确实也这么做了，提供了更多细分种类的表单元素，但是不好意思，目前PC端浏览器支持并不算很好，倒是手机端支持的都挺棒的。可喜可贺的是，当前浏览器给range元素单独做了样式，可惜的是竟然看不到当前选中的值，这个还得需要后续学习JS等技术后再完善它的功能。效果如下，我们可以轻易的选择任意的颜色，而且选中值还会形象的显示到选择框中，当前浏览器对它的支持堪称完美。效果分别如下，支持的都很好，看来日期时间很重要，浏览器迅速推出支持，可喜可贺。效果如下，说实话还是第一个普通文本框，浏览器的支持还是没跟上。
2024-05-18 13:22:31
1116
原创 零基础HTML教程(32)--HTML5语义化标签
我个人建议是，把这些语义化标签用到网页的主框架上，也就是说大结构上。例如内容区域就用main表示，main里面再分几个大区域的话用section，如果section里面再细分就可以用div了。例如header你既可以放网页的标题栏，也可以让它作为网页一个新闻模块的标题。但是需要注意的是，注释只能给程序员自己看，对于浏览器、搜索引擎而言，他们还是不知道你这个分组是干啥的。总结来说，不用语义化标签，网页也能正常显示，但是用了语义化标签，网页会更完美。这么说吧，那时候div就是网页的骨架，支撑着网页的主结构。
2024-05-11 20:00:00
478
1
原创 零基础HTML教程(31)--HTML5多媒体
浏览器也是先尝试播放hello.mp4，然后尝试播放hello.ogg，如果都不行则显示文字。上述代码，浏览器如果支持ogg音频文件，则会播放hello.ogg。建议尽量多放几种格式的音频文件，因为不同浏览器对音频文件的支持不同。如果ogg不支持的话，就继续看是否支持mp3音频文件，支持则播放。在H5之前，我们要在网页上播放音频、视频，需要借助第三方插件。如果mp3也不支持，则会显示“您的浏览器不支持播放音频”。controls属性如果存在，则显示控制按钮，如播放键。loop属性如果存在，则循环播放。
2024-04-26 17:45:00
570
原创 零基础HTML教程(30)--迈入HTML5新时代
电脑的话，如果是特别老的浏览器，例如IE8，它对H5支持是比较差的，好在现在大家用IE的很少了，当前主流的Chrome、Edge、FireFox、360、搜狗、QQ浏览器等等，对H5的支持都没问题。这个我还是建议大家写上，但是看很多大神的代码，好像也有很多不写的，我多少也有点拿不准了，大家各凭喜好吧。所以从本篇开始，我们讲一下H5新增的内容，先来介绍下H5时代的特点吧。这两种写法，效果相同。之前讲的29篇HTML教程，内容基本都是H4时代就有的。随着时代的发展，H4多少有点不够用，所以H5来了。
2024-04-26 17:30:00
366
原创 零基础HTML教程(29)--转义字符
哈哈，这时候多少有点束手无策了，此时就要用到转义字符。同志们有没有想过一个问题，在HTML中，大于号。但是如果咱真的就是想显示一个大于、小于号呢？结尾，中间的英文表示内容，例如lg就是小于。更多转义字符，搜索引擎查询即可。在HTML中会显示一个小于号。
2024-04-25 19:45:00
302
原创 零基础HTML教程(28)--meta标签常见用法
其实meta还挺好玩，它的意思是超越，元宇宙英文Metaverse，就是meta(超越)+universe(宇宙)的结合。上面代码的意思是：将网页的宽度(width)设置为设备宽度(device-width)，并设置初始缩放比例为1.0。meta有时候并不影响网页的使用，但是用上他更好，特别是涉及比较特殊的使用场景（例如手机、平板）。这个主要是为了兼容移动端浏览器使用的设置。但是在网页中，它没这么神，只是用来给整个网页提供一些配置信息。还有一个比较常见的用法，就是设置网页的视点信息。
2024-04-25 19:30:00
326
原创 零基础HTML教程(27)--表单元素属性
readonly属性将元素设置为只读，不能输入内容。跟disabled相比，readonly并不会让元素变为灰色。disabled属性表示禁用该元素，注意奇怪的是，只要写上这个属性（不论值如何），元素就会被禁用。上一篇我们讲了表单元素的两个属性id和name，其实表单元素还有其他几个常用属性，我们逐一介绍。checked应用于单选框、复选框、下拉菜单元素，表示某个选项被选中。maxlength属性值是一个数字，用来设置元素最多可以输入多少字符。禁用元素后，元素变为灰色，且不可输入内容。
2024-04-25 19:15:00
430
原创 零基础HTML教程(26)--表单元素标注
仔细观察，姓名、手机号、年龄其实都是表单元素的说明，如果我们给他们加上个标签，会有意想不到的好处。例如，视障人士专用浏览器，如果知道这几个文字是表单元素的说明，那么可以把这些文字阅读出来。注意：当鼠标单击“姓名”的时候，焦点会自动移动到第一个输入框之内，这就是标注的一个功能。name往往是给表单元素起名用的，主要是将表单提交给后端时，区分表单元素提交内容。好吧，其实HTML中有这样的元素，他就是——表单元素标注，也就是。但是还差点意思，就是标注跟表单元素没有明确的对应关系。用起来没啥问题，但是还不够完美。
2024-04-25 18:00:00
965
2
原创 阿里云数据库RDS MySQL Serverless测评
总结，云数据库比自建数据库，在安全性、便捷性、弹性扩容等方便有较大优势。缺点嘛，可能得花点钱，所以最终要不要使用，得根据实际情况综合考虑性价比，来决定。
2023-05-14 20:20:18
1526
1
原创 Ubuntu下使用draw.io绘制逻辑流程图
draw.io是跨平台的绘图软件，可以使用它绘制程序流程图、思维导图、UML图等，功能强大且免费，本篇简介其安装、使用。
2022-10-29 08:55:49
3129
原创 区块链入门教程(3)--使用虚拟机安装Ubuntu
本篇在虚拟机上安装Ubuntu操作系统。为啥选择Ubuntu呢，是因为后续使用的FISCO BCOS区块链系统官方推荐的就是Ubuntu。
2022-10-21 20:38:41
1763
原创 JS+Java项目实战(1)--学生登录系统开发
前端使用HTML+CSS+JS，后端使用Java，数据库使用MySQL，实现学生登录功能。
2022-10-20 15:47:04
1402
1
原创 使用VSCode开发SpringBoot项目
之前一直是前端用VSCode，后端用Eclipse，偶尔后端用一下IDEA。最近添置了一台电脑，配置不大给力，就想着后端SpringBoot项目也用VSCode得了。
2022-09-09 09:31:56
7482
原创 Eclipse IDEA VSCode HBuilderX 统一快捷键
因为项目原因，最近经常混合使用Eclipse(主要后端开发工具)、IDEA(次要后端开发工具)、VSCode(主要前端开发工具)、HBuilderX(uniapp开发工具)。因为快捷键都不一样，经常按错、记不住、记混，让我大为恼火。上网一番怒搜，终于统一快捷键，记下来，以防忘了。因为我对Eclipse比较熟悉，所以将其他3个工具的快捷键改为Eclipse方案。.........
2022-08-06 09:57:19
2645
原创 阿里云物联网平台测评：以温度报警器开发为例
我曾在一家智能仪表公司担任软件研发部负责人，对物联网相关业务还是比较熟悉的。在公司的3年期间，主持或参与了多个物联网相关项目的开发工作。一般来说，物联网项目可以划分为设备--物联网平台--业务平台，如下图。...
2022-08-04 18:39:14
3699
6
原创 微信支付开发(7)-Native扫码支付(主扫)开发详解
Native支付是指商户系统生成支付二维码，用户再用微信“扫一扫”完成支付的模式。也就是用户`主动扫码`，简称主扫。相对于付款码支付(被扫)，二维码直接在屏幕生成，减少了一个扫码器/扫码枪的配置，降低了成本。另外平时大家出门买个早点、买个菜也习惯了主动扫码支付，所以这个模式还是很受欢迎的。......
2022-07-24 10:00:00
887
原创 阿里云Serverless函数计算测评
经过上面的讲述可以发现，Serverless函数计算作为一种新形式的计算方式，可以更好的应对计算资源弹性变化的场景。
2022-07-23 21:45:00
682
原创 SpringBoot同时支持HTTPS与HTTP
有时候SpringBoot需要支持HTTPS，例如一些微信小程序要求必须使用HTTPS。但是之前开发的一些接口，还需要使用HTTP，此时就需要同时让SpringBoot支持HTTPS和HTTP。
2022-07-23 19:45:00
3910
原创 CSS技能点--分页栏实例
当数据表格需要加载的数据很多时，往往将数据分页，此时就需要分页栏来展现页码信息。许多前端框架，例如BootStrap、Element都提供了分页栏，看起来简单大气上档次。本篇我们来实现一个自己的分页栏。...
2022-07-22 20:09:30
740
原创 CSS技能点--垂直导航栏实例
垂直导航栏可以说是相当常见，尤其是在一些管理系统中，左侧往往是一个垂直导航栏，便于用户快速切换菜单。本篇就来实现一个简单的垂直导航栏
2022-07-21 11:15:02
2421
原创 CSS技能点--带投影的卡片区域
我们经常使用类似卡表的结构，来放置商品信息、人员信息等，例如下图即为小米官网的一个产品卡片区域。通过使用圆角、投影等CSS样式，可以描绘出一个比较好看的卡片区域。
2022-07-05 22:28:38
739
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人