体验简介
本场景云起实验室将提供一台配置了Windows Server 2019版本的ECS实例(云服务器)。
通过本教程的操作,您可以基于已有的环境快速安装Visual Studio Code,并学习到HTML的基本知识,帮助您了解各种常用标签的意义以及基本用法。 体验此场景后,可以掌握的知识有:
Visual Studio Code操作。 HTML基本知识。
登录Window Server桌面
资源创建成功后界面显示loading(这是正常的)
登录Window Server桌面
\1. Windows远程登录(在自己的电脑上):
a. 按win+r键。
b. 在运行对话框中,输入mstsc,单击确定。
c. 在远程桌面连接对话框中,单击隐藏选项,输入计算机和用户名,单击连接。
配置说明:
计算机:输入已创建的ECS实例的公网IP地址。您可以在云产品资源查询ECS公网地址。
用户名:administrator。
d. 在Windows安全中心 对话框中,输入ECS实例的登录密码 (在云产品资源获取ECS实例登陆密码),单击确定 。
登录成功界面如下。
\2. MAC远程登录:下载安装Microsoft Remote Desktop 10远程工具进行远程连接,具体操作,请参见帮助文档。
安装Visual Studio Code及配置
\1. 打开浏览器并访问Visual Studio Code官方下载链接,下载Windows版安装包。
\2. 将Visual Studio Code安装包粘贴到Windows远程机器的桌面下,并双击安装包。
\3. 在安装 对话框中,单击确定 。
\4. 在许可协议 对话框中,选择我同意此协议 ,单击下一步 。
\5. 在选择附加任务 对话框中,选中创建桌面快捷方式 和添加到PATH ,单击下一步 。
\6. 在准备安装 对话框中,单击安装 。
\7. 等待安装完成后,勾选运行Visual Studio Code ,单击完成 。
\8. 在Visual Studio Code左侧导航栏中,单击 ,输入Preview on Web Server,选择Preview on Web Server1.3.0版本 后单击Install 。
\9. 在远程服务器桌面新建一个名为test的文件夹。
\10. 在Visual Studio Code左侧导航栏中,单击 ,然后单击Open Folder 。
\11. 在Open Folder 页面中,双击桌面 。
\12. 在Open Folder 页面中,选中test文件夹 ,单击选择文件夹 。
创建HTML文件
HTML(超文本标记语言)是一种用于创建网页的标准标记语言。HTML不需要编译,可以直接由浏览器执行,它的解析依赖于浏览器的内核。它不是一种编程语言,而是一种标记语言。
\1. 在上方菜单栏中,选择File > New File 。
\2. 在新建文件Untitled-1 中,输入如下代码。
Hello Aliyun
代码说明:
:这是我们的文档声明头。它告诉了浏览器,本文档处理的是HTML文档。
:该标签即根元素,此处表示文档的开始。
:该标签是网页的头部,设置网页的相关信息。
:该标签设置网页标题。
:该标签定义文档的主体,也就是我们的主要内容。
\3. 按下Ctrl+S 键,然后在Save As 页面中,将文件名设置为test1.html ,单击保存 。
\4. 在左侧test 文件夹中,将光标放置在test1.html 上,打开右键菜单,单击vscode-preview-server:Preview on side panel 。
在右侧Preview 框中,你可以看到test1.html的内容。
使用HTML常用标签
HTML标记标签通常被称为HTML标签。HTML标签是HTML语言中最基本的单位。HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。HTML标签的大小写不敏感,例如
和表示的意思是一样的,都代表“主体”,推荐使用小写。
\1. 使用双标签。
双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下。
<标记名>标记名>
常见的双标签有:
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
Hello Aliyun
在右侧Preview 框中,你可以看到test1.html的内容。
\2. 使用单标签。
单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下。
<标记名/>
常见的单标签有:
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
Hello Aliyun
welcome Aliyun
在右侧Preview 框中,你可以看到test1.html的内容。
\3. h系类标签的使用。
h系标签有六种,具体包括h1、h2、h3、h4、h5、h6。它们表示标题。
在test1.html文件中,输入以下代码,按下Ctrl+S键。
HTML 简介
我是一级标题
我是二级标题
我是三级标题
我是四级标题
我是五级标题
我是六级标题
在右侧Preview 框中,你可以看到test1.html的内容。
\4. 使用p标签。
p标签是我们的文本标签。
在test1.html文件中,输入以下代码,按下Ctrl+S键。
HTML 简介
我是第一段文字,阿里云,体验实验室
我是第二段文字,阿里云,体验实验室
在右侧Preview 框中,你可以看到test1.html的内容。
\5. 使用div标签。
标签
可将网页页面分割成不同的独立部分,通常用于定义文档中的区域或节。该标签是一个块级元素,浏览器会在
和
所标记的区域前后自动放置一个换行符。
在test1.html文件中,输入以下代码,按下Ctrl+S键。
HTML 简介
在右侧Preview 框中,你可以看到test1.html的内容。
\6. 使用span标签。
标签通常作为文本的容器,它没有特定的含义和样式,只有与CSS同时使用才可以为指定文本设置样式属性。该标签是一个内联元素,它与块级元素相反,内联元素不会自动在前后自动放置换行符,因此内联元素会默认显示在同一行。
在test1.html文件中,输入以下代码,按下Ctrl+S键。
HTML 简介
这是span标签,不自动换行
在右侧Preview 框中,你可以看到test1.html的内容。
\7. 使用无序列表与有序列表。
无序列表是一个项目的列表,列表项目使用实心圆、空心圆、方块进行标记,无序列表使用
标签。同样,有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于标签。每个列表项始于标签。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
HTML 简介
无序列表
有序列表
列表项1
列表项2
在右侧Preview 框中,你可以看到test1.html的内容。
\8. 使用HTML标签定义style属性。
我们可以通过style属性来改变HTML标签的样式。
a. 背景颜色的改变。
在test1.html 文件中,输入以下代码。通过设置background-color属性,为p标记对添加背景颜色。按下Ctrl+S 键。
HTML 简介
Aliyun
在右侧Preview 框中,你可以看到test1.html的内容。
b. 字体、颜色和尺寸的改变。
在test1.html文件中,输入以下代码。通过设置font-family属性来设置字体,通过设置color属性值来设置颜色,通过设置font-size属性值来设置字体大小。按下Ctrl+S键。
HTML 简介
阿里云
在右侧Preview 框中,你可以看到test1.html的内容。
c. 文本对齐。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
HTML 简介
阿里云 >
说明: 我们可以通过对text-align属性的设置来设置文本的对齐方式。
在右侧Preview 框中,你可以看到test1.html的内容。
\9. 综合使用HTML常用标签。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
阿里云体验实验室
体验更多有趣实验就上体验实验室
在体验实验室你可以体验到的云产品有:
ECS服务器
RDS数据库
文件存储NAS
...
在右侧Preview 框中,你可以看到test1.html的内容。
HTML表格与div的应用
本步骤我们将重点讲解HTML表格的相关内容,并比较表格与div。
表格由
标签来定义。每个表格均有若干行,每行是由标签来定义。每行被分割为若干单元格,每个单元是由标签来定义。字母td指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。
\1. 创建表格。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
第一行第一列
第一行第二列
第二行第一列
第二行第二列
在右侧Preview 框中,你可以看到test1.html的内容。
\2. 给表格添加标题。使用
定义表格的标题 。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
表格标题
第一行第一列
第一行第二列
第二行第一列
第二行第二列
在右侧Preview 框中,你可以看到test1.html的内容。
\3. 给表格添加标题。表格的标题使用
标签进行定义,标题通常用于表示列名字。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
表格标题
第一个表头
第二个表头
第一行第一列
第一行第二列
第二行第一列
第二行第二列
在右侧Preview 框中,你可以看到test1.html的内容。
\4. 设置单元格跨行合并和跨列合并,我们可以使用colspan(合并行)和rowspan(合并列)属性来实现跨行和跨列。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
单元跨两列
姓名
电话
张三
344 22 112
211 32 123
李四
433 31 212
234 21 654
单元跨两行
姓名
张三
电话
344 22 112
234 21 654
在右侧Preview 框中,你可以看到test1.html的内容。
\1. div布局。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
阿里云体验实验室
阿里云体验实验室
在右侧Preview 框中,你可以看到test1.html的内容。
\2. 表格布局。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
在右侧Preview 框中,你可以看到test1.html的内容。
\3. 通过前面两步的比较,我们得出以下结论。
表格布局优缺点: 表格中的内容容易理解。 在不同的浏览器里面看到的效果一般相同。 布局的时候灵活度不高。 代码冗余度高。
div布局优缺点: 内容和样式的分离,使页面和样式的调整变得更加方便。 节省代宽,代码冗余度低。 表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。
使用HTML表单
HTML表单用于收集不同类型的用户输入。表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入的内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等。表单使用表单标签
在右侧Preview 框中,你可以看到test1.html的内容。
\3. 单选按钮。
单选按钮可以使用户从选择列表中选择一个选项。我们可以把几个单选按钮name值设置为相同的,那么这几个单选按钮就可以连接在一起,并且同一个组中只允许选择一个按钮。如果没有选中任何一个,那么整个单选按钮组就被认为处于未知状态,且不会随表单提交。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
男
女
在右侧Preview 框中,你可以看到test1.html的内容。
\4. 复选框。
复选框可以让用户从一个选项列表中选择超出一个的选项。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
语文
数学
英语
在右侧Preview 框中,你可以看到test1.html的内容。
\5. 下拉菜单。
下拉菜单能够节省页面空间,正常状态下显示一个选项,单击展开所有选项。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
杭州
广州
西安
上海
在右侧Preview 框中,你可以看到test1.html的内容。
\6. 列表项。
在页面中列表项可以显示出几条信息,一旦超出这个信息量,在列表项右侧会出现滚动条,拖动滚动条可以看到所有选项。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
成都
广州
西安
上海
在右侧Preview 框中,你可以看到test1.html的内容。
\7. 文本域。
当您想要填入多行文本时,就可以使用文本域。文本域使用标记。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
留下您的联系方式:
在右侧Preview 框中,你可以看到test1.html的内容。
使用HTML图像与框架
\1. 图像标签。
在HTML中,图像由 标签定义。语法如下。
是空标签,它只包含属性,没有闭合标签。如果要在页面上显示图像,您需要使用源属性(src)。src的值是图像文件的URL,也就是引用该图像的文件的的绝对路径或相对路径。alt规定图像的替代文本,即当图片未成功显示的时候显示的文本信息。title设置鼠标悬停时显示的内容(一般不用设置)。此外还可以通过设置width和height的值来设置图片的宽和高。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
在右侧Preview 框中,你可以看到test1.html的内容。
\2. 框架的使用。
使用框架就能实现在同一个浏览器窗口中显示不止一个页面,框架由
a. iframe设置高度与宽度。
说明: 属性默认以像素为单位,但是您也可以指定其按比例显示(如:"60%")。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
在右侧Preview 框中,你可以看到test1.html的内容。
b. iframe移除边框。
frameborder属性用于定义iframe表示是否显示边框。当设置属性值为"0"时,表示移除iframe的边框。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
在右侧Preview 框中,你可以看到test1.html的内容。
\3. 使用iframe来显示目标链接页面。
先定义一个目标链接(target),然后将iframe设置name属性设置为target,那么iframe可以显示目标链接的页面。
在test1.html 文件中,输入以下代码,按下Ctrl+S 键。
阿里云
在右侧Preview 框中,你可以看到test1.html的内容。
你可能感兴趣的:(html)
uni-app实现 步骤条
夏夏的码农
uni-app
实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st
python转码
Desamond
python 开发语言
转码在许多场景中都有应用,以下是一些常见的场景:网页开发:当用户在网页上输入文本时,可能需要将特殊字符(如空格、引号、特殊符号等)进行转码,以防止这些字符对URL或HTML代码产生干扰。文件名处理:在处理文件名时,可能需要将特殊字符进行转码,以避免文件名被错误地解析或显示。数据传输:在数据传输过程中,为了确保数据的完整性和正确性,可能需要将数据中的特殊字符进行转码。数据存储:在数据库或数据存储中,
UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS
liferecords
LLM 语言模型 人工智能 自然语言处理
UNDERSTANDINGHTMLWITHLARGELANGUAGEMODELS相关链接:arXiv关键字:大型语言模型、HTML理解、Web自动化、自然语言处理、机器学习摘要大型语言模型(LLMs)在各种自然语言任务上表现出色。然而,它们在HTML理解方面的能力——即解析网页的原始HTML,对于自动化基于Web的任务、爬取和浏览器辅助检索等应用——尚未被充分探索。我们为HTML理解模型(经过微调
Web前端Html的表单
任家伟
前端 html
表单的关键字:form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读,不可修改,但是可以提交disabled=“disabled”禁用组件不可修改,不能提交type=“password”密码框type=“radio”单
html版本号 webpack_html-webpack-plugin详解
weixin_39994949
html版本号 webpack
引言最近在react项目中初次用到了html-webapck-plugin插件,用到该插件的两个主要作用:为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口有了这种插件,那么在项目中遇到类似上面
HTML语言剖析
混沌破晓
HTML语言剖析Html简介-目录全写:HyperTextMark-upLanguage译名:超文本标识语言简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标签(tag)使文件达到预期的显示效果。由文字(字母,数字、标点符号)及标签组合而成。任何文字编辑器都可以,这里推荐用:Dreamweaver。1.Html特点:►描述性语言,结构语言,用于决定网页内容以什么样的形式显示;►通过标签
CDH 启停使用HiveServer2
金刚_30bf
翻译:https://www.cloudera.com/documentation/enterprise/latest/topics/cdh_ig_hiveserver2_start_stop.html版本:5.14.2HiveServer2是HiveServer的改进版本,支持Kerberos身份验证和多客户端并发访问。您可以使用Beeline客户端访问HiveServer2。警告:如果以远程模
HTML背景带视频的个人炫酷引导页源码
erthre
源码 php
正文:一款简洁大气得个人团队引导HTML单页,非常不错,LOGO支持自行更改替换,可以拿来做为团队官网也可以个人,只是单页没有后台。程序:wwhtxs.lanzouq.com/if6oE0i26ohi图片:
vue生命周期
涡看你就不是好人呐
vue.js javascript 前端
1.computed是在HTMLDOM加载后马上执行的,如赋值;2.methods则必须要有一定的触发条件才能执行,如点击事件;3.watch呢?它用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。所以他们的执行顺序为:默认加载的时候先computed再watch,不执行methods;等触发某一事件后,则是:先methods再wa
C#使用ASP.NET Core Razor Pages构建网站(二)
林祖师
C# c# asp.net 开发语言
上一篇文章讲了HTTP协议的基本概念、客户端Web开发技术以及ASP.NETCore框架的关键特点和创建项目方法链接:C#使用ASP.NETCoreRazorPages构建网站(一)接下来继续了解ASP.NETCoreRazorPages构建网站的后续内容了解RazorPagesRazorPages允许开发人员轻松地将HTML标记和C#代码混合在一起,这是使用.cshtml扩展名的原因。默认情况下
vue-pdf 预览pdf (数据流)
reembarkation
vue.js pdf javascript
页面有个要预览pdf的需求,数据是从后台传递过来的数据流:1.安装插件:npminstallvue-pdf2.在页面引用:importpdffrom'vue-pdf'...components:{pdf},3.html中添加:4.通过接口获取数据:downloadFile({id:this.id}).then((res)=>{if((!res&&res.status!=200)||(res.dat
DIV + CSS 布局:盒子内容超出宽度时,不换行,以滚动条形式水平滑动
01空间
常见场景解决方案 css html
滚动条水平滚动展示溢出内容htmlcss(less)思路html11112222333344445555666677778888css(less).outer{background-color:#39a9ed;overflow-x:auto;&::-webkit-scrollbar{display:none;}white-space:nowrap;.item{display:inline-bloc
【Docker】【nginx】docker安装nginx并映射宿主机配置文件地址
小丛的知识窝
nginx docker 运维
dockerrun-d-p80:80-v/root/docker/docker-nginx/nginx.conf:/etc/nginx/nginx.conf-v/root/docker/docker-nginx/html:/usr/share/nginx/html-v/root/docker/docker-nginx/logs:/var/log/nginx--namenginxnginx
Reviewing a fastq_mergepairs report to check for problems 信息搬运
代号北极能
信息来源https://www.drive5.com/usearch/manual/merge_report.htmlBelowisanexamplereportproducedbythe-reportoptionoffastq_mergepairs.Thisinformationisalsoshownontheterminal(standarderroroutputstream).Theopti
html5 websocket 手机,websocket在h5上正常,编译到手机上就连不上
猫研所
html5 websocket 手机
对接的网易云信微信IMSDK,在h5上能建立起连接,在手机端不行,截图是h5的链接,下面是app的日志:20:10:34.247连接websocket参数"wss://wlnimsc0.netease.im/socket.io/1/websocket/378166b5-af18-4372-a0a5-05aee5a1d882"atuni-app:///sdk/yunxin-wx/vendors/NI
JavaScript和HTML/CSS之间有什么区别?它们之间的关系是什么?
智伴科技
javascript html css
下面是一个简单的代码示例,展示了HTML、CSS和JavaScript是如何一起工作的:HTML,CSS,JavaScriptExample/*在HTML文档内使用内联CSS*/.greeting{color:blue;font-size:24px;}Hello,素材8网,www.sucai8.cnChangeText//在HTML文档内使用内联JavaScriptdocument.addEven
随笔:一件尴尬的小事
Doubt_Fact
今天下午,朋友找我帮忙,想让我帮忙写一个随机点名的程序,我满口答应了下来,不过我不怎么会写窗口应用,就问他可不可以以网页代替,他同意了。我便写了一个html文件,除了中间遇到一个小插曲,一个缺少的英文“,”被漏掉了,到最后一直无法正常显示……在完成后,我到网页上看到了一种把网页制作成程序的方法,只需利用程序nativefier来操作,这个程序最后基于Node.js。我又很快在我的windows机器
【大咖力荐 新手必备】软件开发入门,这300篇文章就够了!
高校俱乐部
软件开发 新手必备 数据编码 IP
小编在这里根据知识图谱整理了CSDN站内的优质文章300篇,帮助见习工程提升技术能力、实现系统化学习!基础IT技术文章300篇大合集包含:【信息/编码】进制转换25篇、数据编码25篇;【IP/组网】网关与网段25篇、IP协议26篇、主机与DNS23篇、访问控制37篇;【程序逻辑】JavaScript29篇、常用算法37篇;【Web基础】HTML31篇、CSS32篇、DOM与BOM23篇扫码添加小助
python flask 表单_python中flask应用(表单处理)
weixin_39771260
python flask 表单
本篇文章给大家带来的内容是关于python中flask应用(表单处理),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1、为什么使用Flask-WTF?request对象公开了所有客户端发送的请求信息。特别是request.form可以访问POST请求提交的表单数据。尽管Flask的request对象提供的支持足以处理web表单,但依然有许多任务会变得单调且重复。表单的HTML代码
Java基础知识总结(下)
Yonagi833
Java 面经and八股 java 开发语言 职场和发展 程序人生 spring
本文部分内容节选自JavaGuide,地址:https://javaguide.cn/java/basis/java-basic-questions-03.html基础(上)→基础(中)→基础(下)异常Java异常类层次图概览Exception和Error有什么区别?在Java中,所有的异常都有一个共同的祖先java.lang包中的Throwable类.Throwable类有两个重要的子类:Exc
项目里面引入字体包react
前端小灰灰
项目里面引入字体包:①字体包放在public目录下,②新建一个font.css文件,//font.css@font-face{font-family:AlibabaSans;src:url('./font/AlibabaSans-Black.otf');}③在HTML文件全局引入④然后在less里面就能使用了:例:font-family:AlibabaSans;
CSS-DAY2
i330.
前端 css 前端
CSS-DAY22024/2/4Emmet语法快速生成HTML结构语法如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div如果有父子级关系的标签,可以用>比如ul>li就可以了如果有兄弟关系的标签,用+就可以了比如div+p如果生成带有类名或者id名字的,直接写.demo或者#twotab键就可以了(默认是div,如需修改其他标签只需在.之前加上标签名即可,如p.color
问了一下 GPT--当前基于 React + TypeScript 的生态中 一名前端工程师需要具备哪些能力?
zoe_ya
前端 gpt react.js
在当前基于React+TypeScript的生态中,你需要掌握一系列的技能和知识,以构建现代化、高效能且可维护的前端应用程序。以下是一些关键领域的知识和技能点:基础知识HTML/CSS/JavaScript:理解语义化的HTML、CSS布局和定位技术以及现代JavaScript(ES6+)的特性。TypeScript:掌握TypeScript的基本语法、类型系统以及如何在React项目中使用Typ
react 和vue区别
小王学前端️
vue3 react.js vue.js 前端
React和Vue是两个非常流行的前端JavaScript框架,它们有许多相似之处,但也有一些关键的区别:设计理念:React更倾向于函数式编程,推崇组件的纯粹性和可预测性,而Vue则更倾向于易用性和灵活性,提供了更多的内置特性和语法糖。模板vsJSX:Vue使用基于HTML的模板语法,这使得开发者可以快速上手。而React使用JSX,它是JavaScript的语法扩展,允许在JavaScript
速盾:cdn分流是什么意思
速盾cdn
服务器 安全
CDN分流是一种通过内容分发网络(CDN)来优化网站访问速度和用户体验的技术。通过CDN分流,网站的静态资源可以被缓存到全球不同的CDN节点上,从而减少用户请求原始服务器的次数,提高了网站的响应速度和可靠性。本文将详细介绍CDN分流的原理、优势和应用场景。CDN分流的原理是通过将网站的静态资源(如HTML、CSS、JavaScript、图片、视频等)复制到CDN节点上,并将用户的请求转发到离用户最
centos7 编译安装nginx-1.14.2
YHJ
nginx
1.下载nginxhttp://nginx.org/en/download.html选择稳定版本即可Stableversion这里我们选择nginx-1.14.22.上传nginx到linux上上传路径为/usr/local/3.解压tar-xvfnginx-1.14.2.tar.gzcdnginx-1.14.24.安装依赖yuminstallgccgcc-c++pcrepcre-develzli
angular html 文字向上无缝滚动
陌归
样式要重新自己写body{font-size:12px}#demo{overflow:hidden;height:80px;width:280px;margin:90pxauto;position:relative;}#demo1{height:auto;text-align:left;}#demo2{height:auto;text-align:left;}#demo1li,#demo2li{l
深入了解嵌入式系统组成
小元学妹
嵌入式硬件 单片机
嵌入式系统是一种专用计算机系统,通常用于控制、监视或执行特定任务。它由硬件和软件组成,具有高度集成、实时性强和资源受限等特点。本文将探讨嵌入式系统的组成,包括硬件和软件方面的内容,以便更深入了解这一领域。以下是我整理的关于嵌入式开发的一些入门级资料,免费分享给大家:https://m.hqyjai.net/emb_study_blue_short.html?xt=zxyhttps://m.hqyj
前端面试题 ===> 【HTML】
禁止摆烂-才浅
前端面试题 前端 html
HTML面试题总结1.对HTML语义化的理解去掉或者丢失样式的时候能够让页面呈现出清晰的结构;代码结构清晰,方便团队的管理和维护,并且语义化更具有可读性,减少差异化;提升用户体验;例如:title、alt用于解释名词或者图片信息、label标签的活用有利于SEO优化,提升搜索引擎排名;和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息;爬虫依赖于标签来确上下文和关键字的权重;方便其他设备的解析(
html行内元素(内联元素),块级元素分别有哪些?
王 歪歪
基础知识 html 前端
html行内元素(内联元素),块级元素分别有哪些?常用的分类包括行内元素(内联元素)和块级元素。下面是它们的示例列表:行内元素(InlineElements):内联元素(InlineElements)是行内元素的另一个术语,它们的行为和显示方式与行内元素相似。块级元素(Block-levelElements):到标题和列表列表项表格表单、、等语义化元素、、等语义化元素块级元素在默认情况下会在新行上
web前段跨域nginx代理配置
刘正强
nginx cms Web
nginx代理配置可参考server部分
server {
listen 80;
server_name localhost;
spring学习笔记
caoyong
spring
一、概述
a>、核心技术 : IOC与AOP
b>、开发为什么需要面向接口而不是实现
接口降低一个组件与整个系统的藕合程度,当该组件不满足系统需求时,可以很容易的将该组件从系统中替换掉,而不会对整个系统产生大的影响
c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
Eclipse打开workspace提示工作空间不可用
0624chenhong
eclipse
做项目的时候,难免会用到整个团队的代码,或者上一任同事创建的workspace,
1.电脑切换账号后,Eclipse打开时,会提示Eclipse对应的目录锁定,无法访问,根据提示,找到对应目录,G:\eclipse\configuration\org.eclipse.osgi\.manager,其中文件.fileTableLock提示被锁定。
解决办法,删掉.fileTableLock文件,重
Javascript 面向对面写法的必要性?
一炮送你回车库
JavaScript
现在Javascript面向对象的方式来写页面很流行,什么纯javascript的mvc框架都出来了:ember
这是javascript层的mvc框架哦,不是j2ee的mvc框架
我想说的是,javascript本来就不是一门面向对象的语言,用它写出来的面向对象的程序,本身就有些别扭,很多人提到js的面向对象首先提的是:复用性。那么我请问你写的js里有多少是可以复用的,用fu
js array对象的迭代方法
换个号韩国红果果
array
1.forEach 该方法接受一个函数作为参数, 对数组中的每个元素
使用该函数 return 语句失效
function square(num) {
print(num, num * num);
}
var nums = [1,2,3,4,5,6,7,8,9,10];
nums.forEach(square);
2.every 该方法接受一个返回值为布尔类型
对Hibernate缓存机制的理解
归来朝歌
session 一级缓存 对象持久化
在hibernate中session一级缓存机制中,有这么一种情况:
问题描述:我需要new一个对象,对它的几个字段赋值,但是有一些属性并没有进行赋值,然后调用
session.save()方法,在提交事务后,会出现这样的情况:
1:在数据库中有默认属性的字段的值为空
2:既然是持久化对象,为什么在最后对象拿不到默认属性的值?
通过调试后解决方案如下:
对于问题一,如你在数据库里设置了
WebService调用错误合集
darkranger
webservice
Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton
调用接口出错,
一个简单的WebService
import org.apache.axis.client.Call;import org.apache.axis.client.Service;
首先必不可
JSP和Servlet的中文乱码处理
aijuans
Java Web
JSP和Servlet的中文乱码处理
前几天学习了JSP和Servlet中有关中文乱码的一些问题,写成了博客,今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学,所以有不足之处希望谅解。
一、表单提交时出现乱码:
在进行表单提交的时候,经常提交一些中文,自然就避免不了出现中文乱码的情况,对于表单来说有两种提交方式:get和post提交方式。所以
面试经典六问
atongyeye
工作 面试
题记:因为我不善沟通,所以在面试中经常碰壁,看了网上太多面试宝典,基本上不太靠谱。只好自己总结,并试着根据最近工作情况完成个人答案。以备不时之需。
以下是人事了解应聘者情况的最典型的六个问题:
1 简单自我介绍
关于这个问题,主要为了弄清两件事,一是了解应聘者的背景,二是应聘者将这些背景信息组织成合适语言的能力。
我的回答:(针对技术面试回答,如果是人事面试,可以就掌
contentResolver.query()参数详解
百合不是茶
android query()详解
收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名
一个简单的例子,这个函数获取设备上所有的联系人ID和联系人NAME。
[java]
view plain
copy
public void fetchAllContacts() {
 
ora-00054:resource busy and acquire with nowait specified解决方法
bijian1013
oracle 数据库 kill nowait
当某个数据库用户在数据库中插入、更新、删除一个表的数据,或者增加一个表的主键时或者表的索引时,常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行(或者事务已经被锁),所有导致执行不成功。
1.下面的语句
web 开发乱码
征客丶
spring Web
以下前端都是 utf-8 字符集编码
一、后台接收
1.1、 get 请求乱码
get 请求中,请求参数在请求头中;
乱码解决方法:
a、通过在web 服务器中配置编码格式:tomcat 中,在 Connector 中添加URIEncoding="UTF-8";
1.2、post 请求乱码
post 请求中,请求参数分两部份,
1.2.1、url?参数,
【Spark十六】: Spark SQL第二部分数据源和注册表的几种方式
bit1129
spark
Spark SQL数据源和表的Schema
case class
apply schema
parquet
json
JSON数据源 准备源数据
{"name":"Jack", "age": 12, "addr":{"city":"beijing&
JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss
BlueSkator
-Xss -Xmn -Xms -Xmx
堆大小设置JVM 中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制;系统的可用虚拟内存限制;系统的可用物理内存限制。32位系统下,一般限制在1.5G~2G;64为操作系统对内存无限制。我在Windows Server 2003 系统,3.5G物理内存,JDK5.0下测试,最大可设置为1478m。典型设置:
java -Xmx355
jqGrid 各种参数 详解(转帖)
BreakingBad
jqGrid
jqGrid 各种参数 详解 分类:
源代码分享
个人随笔请勿参考
解决开发问题 2012-05-09 20:29 84282人阅读
评论(22)
收藏
举报
jquery
服务器
parameters
function
ajax
string
读《研磨设计模式》-代码笔记-代理模式-Proxy
bylijinnan
java 设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.lang.reflect.InvocationHandler;
import java.lang.reflect.Method;
import java.lang.reflect.Proxy;
/*
* 下面
应用升级iOS8中遇到的一些问题
chenhbc
ios8 升级iOS8
1、很奇怪的问题,登录界面,有一个判断,如果不存在某个值,则跳转到设置界面,ios8之前的系统都可以正常跳转,iOS8中代码已经执行到下一个界面了,但界面并没有跳转过去,而且这个值如果设置过的话,也是可以正常跳转过去的,这个问题纠结了两天多,之前的判断我是在
-(void)viewWillAppear:(BOOL)animated
中写的,最终的解决办法是把判断写在
-(void
工作流与自组织的关系?
comsci
设计模式 工作
目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的,这种固定的模式在实际的运用中会受到很多限制,特别是节点之间的依存关系是固定的,节点的处理不考虑到流程整体的运行情况,细节和整体间的关系是脱节的,那么我们提出一个新的观点,一个流程是否可以通过节点的自组织运动来自动生成呢?这种流程有什么实际意义呢?
这里有篇论文,摘要是:“针对网格中的服务
Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX
daizj
oracle
insert提示IGNORE_ROW_ON_DUPKEY_INDEX
转自:http://space.itpub.net/18922393/viewspace-752123
在 insert into tablea ...select * from tableb中,如果存在唯一约束,会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示,会忽略唯一
二叉树:堆
dieslrae
二叉树
这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:
一个节点的父节点下标为: (当前下标 - 1)/2
一个节点的左节点下标为: 当前下标 * 2 + 1
&
C语言学习八结构体
dcj3sjt126com
c
为什么需要结构体,看代码
# include <stdio.h>
struct Student //定义一个学生类型,里面有age, score, sex, 然后可以定义这个类型的变量
{
int age;
float score;
char sex;
}
int main(void)
{
struct Student st = {80, 66.6,
centos安装golang
dcj3sjt126com
centos
#在国内镜像下载二进制包
wget -c http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz
tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz
#把golang的bin目录加入全局环境变量
cat >>/etc/profile<
10.性能优化-监控-MySQL慢查询
frank1234
性能优化 MySQL慢查询
1.记录慢查询配置
show variables where variable_name like 'slow%' ; --查看默认日志路径
查询结果:--不用的机器可能不同
slow_query_log_file=/var/lib/mysql/centos-slow.log
修改mysqld配置文件:/usr /my.cnf[一般在/etc/my.cnf,本机在/user/my.cn
Java父类取得子类类名
happyqing
java this 父类 子类 类名
在继承关系中,不管父类还是子类,这些类里面的this都代表了最终new出来的那个类的实例对象,所以在父类中你可以用this获取到子类的信息!
package com.urthinker.module.test;
import org.junit.Test;
abstract class BaseDao<T> {
public void
Spring3.2新注解@ControllerAdvice
jinnianshilongnian
@Controller
@ControllerAdvice,是spring3.2提供的新注解,从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现:
@Target(ElementType.TYPE)
@Retention(RetentionPolicy.RUNTIME)
@Documented
@Component
public @interface Co
Java spring mvc多数据源配置
liuxihope
spring
转自:http://www.itpub.net/thread-1906608-1-1.html
1、首先配置两个数据库
<bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
第12章 Ajax(下)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
BW / Universe Mappings
blueoxygen
BO
BW Element
OLAP Universe Element
Cube Dimension
Class
Charateristic
A class with dimension and detail objects (Detail objects for key and desription)
Hi
Java开发熟手该当心的11个错误
tomcat_oracle
java 多线程 工作 单元测试
#1、不在属性文件或XML文件中外化配置属性。比如,没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中,还是UAT(用户验收
测试)环境中,都可以顺畅无阻地运行,但是一旦部署在PROD 上,把它作为多线程程序处理更大的数据集时,就会抛出IOException,原因可能是JDBC驱动版本不同,也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置,那么使它成为
推行国产操作系统的优劣
yananay
windows linux 国产操作系统
最近刮起了一股风,就是去“国外货”。从应用程序开始,到基础的系统,数据库,现在已经刮到操作系统了。原因就是“棱镜计划”,使我们终于认识到了国外货的危害,开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂,为了信息安全,那我们就自然要使用和推行国货。可是,一味地推行,是否就一定正确呢?
先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前,就据传某世界级的网络设备制造商生产的交