8 = html +css +javascript + jquery +vue 8 = html + css +javascript(jQuery和vue就是js封装的函数而已) 前端 后端 === = 后端 ** 为了能看懂前端的程序 从而能数据交互 数据一定后端 底线: 能看懂前端代码 一、web前端技术 面试题:你写网页能不能遵循web标准? 你知不知道web前端技术都有什么? Web前端技术是由w3c组织制定的一系列技术的集合,主要包括: HTML – 结构标准: 负责网页内容(布局) CSS – 表现标准、样式标准:美化 JavaScript,简称js,行为标准:负责行为动作 ,或者其他网站上现成的资源自己享用) 前端网站开发都是本地开发 *****前端写路径一般都是用相对路径----稳定,后期维护方便 下面是几种路径的写法: <body> <
HTML5新特性 引入原生多媒体支持(audio和video标签) 引入可编程内容(canvas标签) 引入语义Web(article、aside、details、figure、footer、header
接下来给大家看一下最基础的网页(注意:我们要创建一个文本文档,把后缀改成html)
代码示例:跳转到https://www.acai.cloud地址时用浏览器空白标签页打开
相关博客: Web前端学习笔记【1】 ---- 1. this在 JavaScript 中主要有以下五种使用场景 ---- 在全局函数调用中,this 绑定全局对象,浏览器环境全局对象为 window localStorage localStorage是Web Storage互联网存储规范中的一部分,现在在Firefox 3.5、Safari 4和IE8中得到支持。 缺点:低版本浏览器不支持。
===============================================================================
Web 开发中,API 通常用于实现前端与后端之间的通信。 客户端 JavaScript 中的 API 客户端 JavaScript 提供了众多可用的 API。 通常,这些 API 可以分为两种类型: 第一类是浏览器 API,它们嵌入于 Web 浏览器中,能够从浏览器及其周边环境获取数据,并用于执行各种复杂而有益的操作。 例如,Web 音频 API 为在浏览器中处理音频提供了一整套 JavaScript 接口,允许用户进行音轨提取、音量调整和特效应用等操作。 在现代 Web 开发中,JavaScript 通常与其他工具如框架(如 React、Angular)、库(如 jQuery)一起使用,这些工具也使用 API 来实现功能。 Web Storage API:允许在用户的浏览器中存储数据。 Canvas API:用于在网页上绘制图形。 Geolocation API:获取用户的地理位置信息。
Web前端课程 【课程概述】: 知识 体系: 1)HTML 2)CSS 3)JavaScript 4)Web前端框架 lJquery lbootstrap 5)5)Ajax 1.HTML 1.1 代表是计算机自己来判断处理的 对比其他标签,发现div很纯洁 Div容器标签 Div独占一行 span一行显示多个 钩子 同时选择多个 用于精准的定位 满足条件的所有后代 直接后代 优先级很低 性能很差 [Web 前端课程2.docx] 4.Web前端框架 4.1. jQuery框架 4.1.1.jQuery概述 4.1.1.1.jQuery框架概述 jQuery是一款优秀的javaScript库.jQuery button>
html> 显示效果: ---- 本节所有的代码: https://download.csdn.net/download/qq_44273429/12729648 未完待续,,, 下一节链接: Web 前端基础(04)
Web前端全部知识点 知识 体系: 1)HTML 2)CSS 3)JavaScript 4)Web前端框架 lJquery lbootstrap 5)5)Ajax 1.HTML 1.1.为何学习HTML
####溢出设置overflow visible(默认) 超出范围显示 hidden 超出范围不显示 scroll 超出范围滚动显示 ###JavaScript 作用:给页面添加动态效果 和Java没有任何关系,只是为了蹭热度 语言特点: 属于脚本语言,不需要编译直接解析执行 基于面向对象 属于弱类型语言 int x = 10; String s = “abc”; 弱类型 var x = 10; var s = “abc”; 安全性高,JavaScript语言只能访问浏览器内部的数据,浏览器以外的
的无序列表
去掉项目符号
符号所占空间
超链接
列表项目
设置文本内容居中
上边框虚线效果
image.png
标签标示有序列表
1.5.6.基础标签6 1.5.6.1.表单标签 在网页中表单标签使用form,用来收集用户的数据! Form表单标签常见的子标签: 1)input 输入框 2)select 下拉选 3)textarea 文本域 测试效果: 姓名: 密码: 性别: 爱好: 头像 籍贯: 生日: 自我介绍: 效果图: 代码效果: << span="">form> 姓名:<< span="">input name="username"/>br> 密码:<< span="">input type="passw
html> 测试效果: ---- 附所有代码:https://download.csdn.net/download/qq_44273429/12705870 未完,待续,,, 下一节链接: Web 前端基础(03)
/晚课/web01/images/back.jpg" > <img id="i2" src=".. download.csdn.net/download/qq_44273429/12729675 注:代码中的图片路径为我本地路径,可自行上传图片,更改图片所在路径即可,有疑惑可以问我 未完待续,,, 下一节:<em>Web</em> <em>前端</em>基础(05)
在网页设计中,“溢出”是一个常见且重要的概念。它涉及到如何处理那些超出预定范围的内容,以确保网页的布局和视觉效果达到预期。
#3 Image Preview 图像预览 #4 TODO Highlight 这个插件能够在你的代码中标记出所有的 TODO 注释,以便更容易追踪任何未完成的业务。在默认的情况下,它会查找 TODO 和 FIXME 关键字。当然,你也可以添加自定义表达式。 #5 Project Manager 多项目切换工具
web复习内容 HTML HTML的定义 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 在Web 编程中,可以把 form 理解为一个数据集合(组),我们把这一组数据包裹在 form 中,统一提交后台,进行业务逻辑的处理,在一个页面中可以有多个 form 存在。