- 博客(16)
- 收藏
- 关注
原创 学习周记14
Vue 3Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。简单实例Vue3 条件语句条件判断v-if条件判断使用 v-if 指令,指令的表达式返回 true 时才会显示:当图中指令***true***改为***false***时,v-if所输出的数值将无法被我们看到。Vue3 样式绑定Vue.js classclass 与 style 是 HTML 元素的
2021-06-20 22:59:05
112
原创 学习周记13
JSONJSON 是存储和交换文本信息的语法,类似 XML。JSON 比 XML 更小、更快,更易解析。对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:①使用 XML②读取 XML 文档③使用 XML DOM 来循环遍历文档④读取值并存储在变量中⑤使用 JSON⑥读取 JSON 字符串⑦用 eval() 处理 JSON 字符串简单实例及运行结果JSON 语法JSON 语法是 JavaScript 对象表示语法的子集。数据在名称/值对中;数据由逗号分隔;大
2021-06-20 22:42:39
137
原创 学习周记12
温度转换设计Vue.js 起步每个 Vue 应用都需要通过实例化 Vue 来实现。语法格式如下:var vm = new Vue({// 选项})实例Vue.js 模板语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。文本
2021-06-18 22:09:51
142
原创 学习周记11
AJAXAJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。AJAX实例点击修改内容后:课程天气系统设计< !DOCTYPE html >< html >< head >< meta charset=“utf-8” / >< title >城
2021-06-18 21:54:17
177
原创 学习周记10
本周学习了Bootstrap 图片、Bootstrap 布局组件等实用内容。Bootstrap 图片在本个项目中,我们学习了 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class:.img-rounded:添加 border-radius:6px 来获得图片圆角。.img-circle:添加 border-radius:50% 来让整个图片变成圆形。.img-thumbnail:添加一些内边距(padding)和一个灰色的边框。实例及运行结果:
2021-06-17 17:27:54
109
原创 学习周记9
本周在老师的带领下学习CSS部分内容。CSS导航栏通过使用导航栏可以使设计的网页更加简洁美观。下面是垂直导航栏的设计及运行结果。代码:下面是运行结果:当然,在设计导航栏后,我们需要将其激活以完成导航栏应用作用的实现。通过添加active,我们可以规定哪些栏目可以被选择。CSS下拉菜单使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果,并设置链接使下拉菜单内项目能被点击并进入新页面。运行结果:课后总结通过这周的学习,在网页设计上我们学到了很多可以美化网页界面的知识。
2021-06-17 17:05:47
119
原创 学习周记8
一、jQuery语法基础语法:$(selector).action()美元符号($)定义 jQuery选择符(selector)“查询"和"查找” HTML 元素jQuery 的 action() 执行对元素的操作$(this).hide() - 隐藏当前元素$(“p”).hide() - 隐藏所有元素$(“p.test”).hide() - 隐藏所有 class=“test” 的元素$("#test").hide() - 隐藏 id=“test” 的元素二、jQuery选择器①元素选择
2021-06-06 22:48:35
92
1
原创 学习周记7
课程的第七周是检测各小组项目的一周。我们小组在演讲完后,吸取了老师和同学们的意见,觉得原本的项目研究范围过于广且难以精,在认真讨论之后将项目研究范围进一步缩小,从原本的对病症的解决方法搜寻和研讨变成了现今对老年人健康养生的探索。希望我们再接再厉,在新的研究范围内寻找出适合我们小组的项目的制作方案。...
2021-04-28 20:45:45
97
原创 学习周记6
学习周记6在老师的指导下,这周我们深入学习了JavaScript HTML DOM 的一些内容。通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。1)JavaScript 能够改变页面中的所有 HTML 元素2)JavaScript 能够改变页面中的所有 HTML 属性3)JavaScript 能够改变页面中的所有 CSS 样式4)JavaScript 能够对页面中的所有事件做出反应2、DOM HTML输出时间流输出:document.write(Date
2021-04-28 20:41:40
70
原创 学习周记5
学习周记5本周我们在老师的指导下学习并尝试运用了JavaScript的一些内容。首先通过基础知识让我们牢记一些基本内容和规则:JavaScript 是 Web 的编程语言,所有现代的 HTML 页面都使用 JavaScript。HTML 中的脚本必须位于 标签之间,而脚本可被放置在 HTML 页面的 和 部分中。JavaScript 可以通过不同的方式来输出数据:(1)使用 window.alert() 弹出警告框。(2)使用 document.write() 方法将内容写到 HTML 文档
2021-04-28 20:34:41
111
原创 学习周记4
**学习周记4**这周我们在老师的讲解下继续深入了解CSS。①CSS尺寸:通过改变尺寸属性可以改变元素的高度和宽度,也可以改变行间距。属性 描述height 设置元素的高度line-height 设置行高max-height 设置元素的最大高度m
2021-04-05 20:28:54
123
原创 学习周记3
学习周记3这周我们着重学习了CSS的基础,以及如何运用CSS来进行背景设置。除此之外,我还从老师的讲解中了解了无序与有序列表的表达方式。无序列表 ul - 列表项标记用特殊图形(如小黑点、小方框等)有序列表 ol - 列表项的标记有数字或字母...
2021-04-05 20:20:01
97
原创 学习周记2
本周学习了CSS的概念和基础,以及如何通过HBulider X来创建CSS项目。除此之外,在课后的复习过程中,我也对元素选择器、id和类选择器有了更深的理解。
2021-03-18 20:36:44
72
原创 学习周记1
学习周记通过本周的学习以及课后运用HBuilder X编写作业,让我了解了如何对文字进行大小编写,以及文字颜色如何修改。除此之外,我还在完成作业的过程中,对HTML的一些常用元素的认识更加清晰,对其定位也更加确定。希望在之后的课程学习中,能够从老师那里获取更多知识,使我在HTML的编写中运用更加流畅。...
2021-03-10 21:53:58
118
原创 运用HBuilder X编写个人介绍
个人介绍 个人介绍 姓名:小张 班级:电商xx班 学号:1241252232 爱好:阅读、看电影...... 学期目标:认真学习本门课程,深入了解HTML用法......
2021-03-10 21:46:40
9564
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人