HYT0329-优快云博客

原创结合Vue的相关知识进行温度转换

温度转换一、知识基础二、代码三、效果一、知识基础结合Vue的相关知识进行温度转换。不仅可以进行温度转换，还可以进行其他单位的转换。二、代码<html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> &lt

2021-06-27 19:56:11 585

天气预报一、添加Jquery事件、方法二、HTML主体部分三、运行结果上一周我们初步学习了AJAX的概念。这一周我们可以利用AJAX尝试着做一个天气预报界面。一、添加Jquery事件、方法document.addEventListener('plusready', function(){}); $(document).ready(function() { $("button").click(function() { var city = $("#city").val();

2021-06-27 19:46:10 2831 1

原创 AJAX

AJAX一、AJAX是什么二、 AJAX 应用三、AJAX 工作原理四、使用 AJAX 修改该文本内容AJAX 实例解析一、AJAX是什么AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。二、 A

2021-06-27 18:56:04 156

原创 JavaScript

JAVASCRIPT一、JAVASCRIPT输出二、JavaScript 代码块三、JavaScript注释四、JavaScript JSON什么是 JSON?JSON 格式化后为 JavaScript 对象JSON 语法规则JSON 和 JS 对象的关系一、JAVASCRIPT输出<button onclick="myFunction()">点我</button><script>function myFunction() { document.writ

2021-06-27 18:03:36 271

原创 CSS教程III

CSS一、CSS定位1、如何使用滚动条来显示元素内溢出的内容2、如何更改光标二、CSS浮动1、什么是 CSS 浮动2、元素怎样浮动创建一个没有表格的网页三、CSS导航栏1、垂直导航栏全屏高度的固定导航条2、水平导航栏固定导航条四、下拉菜单五、CSS提示工具六、CSS 图片廊七、图像透明度八、CSS网页布局一、CSS定位1、如何使用滚动条来显示元素内溢出的内容这个例子演示了overflow属性创建一个滚动条，当一个元素的内容在指定的区域过大时如何设置以适应。<style>div.ex1

2021-06-27 16:53:46 568

原创 CSS教程II

CSS一、CSS列表1、不同的列表项标记2、所有的CSS列表属性二、CSS表格制作一个个性化表格三、CSS盒子模型盒子模型演示四、CSS边框1、CSS 边框属性2、CSS边框样式（1）none: 默认无边框（2）dotted: 定义一个点线边框（3）solid: 定义实线边框（4）double: 定义两个边框。两个边框的宽度和 border-width 的值相同（5）groove: 定义3D沟槽边框。效果取决于边框的颜色值（6）ridge: 定义3D脊边框。效果取决于边框的颜色值（7）inset:定义一个

2021-06-27 14:51:27 148

原创 CSS教程I

CSS一、CSS 创建——插入样式表1、外部样式表2、内部样式表3、内联样式4、多重样式5、多重样式优先级6、多重样式优先级深入概念二、CSS背景1、如何设置固定的背景图像（图像不随页面其他部分滚动）2、CSS背景属性三、CSS文本格式1、文本颜色2、文本的对齐方式3、文本修饰4、文本转换一、CSS 创建——插入样式表1、外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 < link> 标签链

2021-06-26 22:42:29 521

原创 HTML基础IV

HTML基础一、HTML字符实体1、HTML 实体2、不间断空格3、结合音标符4、HTML字符实体一、HTML字符实体1、HTML 实体在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体。2、不间断空格HTML 中的常用字符实体是不间断空格( & nbsp;)。浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格

2021-06-26 19:21:41 138

原创 HTML基础III

HTML基础一、HTML 头部二、HTML表格1、正常表格2、跨行或跨列的表格单元格2、单元格边距3、单元格间距三、HTML列表1、无序列表2、有序列表（1）有序列表（2）嵌套列表3、自定义列表四、HTML区块1、HTML 区块元素2、HTML 内联元素3、HTML < div> 元素4、HTML < span> 元素五、HTML布局1、HTML 布局 - 使用< div> 元素2、HTML 布局 - 使用表格六、HTML 表单和输入1、HTML 表单2、HTML 表单

2021-06-26 18:52:56 192

原创 HTML基础II

HTML基础一、HTML元素1、HTML元素语法2、嵌套的HTML元素3、HTML文档实例4、HTML实例解析（1）< p > 元素:（2）< body > 元素:（3）< html > 元素:5、HTML空元素二、HTML属性1、HTML属性2、属性实例3、HTML 属性常用引用属性值4、HTML 属性参考三、 HTML标题1、HTML 标题2、HTML水平线3、HTML 注释四、HTML段落1、HTML段落2、HTML 折行3、HTML 输出五、HTML 文本格式化1

2021-06-26 17:33:48 115

原创 HTML基础I

本周学习了html网页制作的基本步骤，初次运用HBuilderX制作了个人介绍网站，用到了标题、段落、图片的元素。过程及最终结果如图：

2021-03-13 21:16:10 119

weixin_47250504的博客