前端
关注
分享
扫一扫
文章平均质量分 60
Padaz
如果文章有什么错漏的，大家可以评论或者私信我，一起学习叭！！！
展开
-
Hello WEB！ 今天我们来做一个属于自己的网页叭！
首先做一个提纲，要做一个怎么样的页面！我的想法是这个样子的@_@然后下面我们就开始大干一场叭，下面是源代码了，有一些图面文件是我自己本地的，所以可能加载不了，我已经把相关的文件和图片上传到网盘了，大家有可以从网盘中下载。下面是代码部分html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...原创 2021-08-04 11:40:08 · 1162 阅读 · 0 评论 -
Hello WEB！ AJAX yyds（二）--前后端交互
可以用自己的电脑开启虚拟机，然后链接pycharm，在python编译器中一定要装好tornado这个库。链接好pycharm和虚拟机后一定要记得上传本地文件到虚拟机中。html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>前端页面-form表单</title></head><body原创 2021-08-04 10:52:29 · 201 阅读 · 0 评论 -
Hello WEB！ AJAX yyds（一）--AJAX的介绍和json文件
什么是Ajax 全称 Ansync JavaScript and XML，是一门异步的加载技术，局部刷新 Ajax 怎么用 Ajax的使用分为原生和jq两种，需要掌握的jq的，原生了解就行 Ajax 功能 异步加载，可以在不重载整个网页的前提下，进行局部刷新 原生Ajax -XmlHttpRequest对象的主要方法 第一步：创建需要的对象，这里主要用到的是XMLHttpRequest，注意需要考虑早期的IE；...原创 2021-08-04 10:01:35 · 145 阅读 · 0 评论 -
Hello WEB！ JQ是不是更加方便？（二）--Jquery基本用法
JQ的引入 本地文件引入 <script src="5.JQ.js"></script> CDN引入 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> 网址：https://www.bootcdn.cn/jquery/ PS：如果al...原创 2021-08-04 09:50:52 · 117 阅读 · 0 评论 -
Hello WEB！ JQ是不是更加方便？（一）--Jquery基本介绍
JQ是什么 JQ极大的简化了JS编程，所以对于我们的JQ来说，学习起来比较容易 是JS的插件库，说白就是一个JS文件。 JQ与JS的区别 JQ能实现的功能JS都能实现 JS能实现的功能，JQ却不一定能实现 关于JQ的一个理念 Write less ，do more这一节单纯的瞎聊 ahhhh 将就看看叭 下一节介绍基本用法...原创 2021-08-04 09:39:11 · 149 阅读 · 0 评论 -
Hello WEB ! 不是吧阿sir，JS叫智能家居！？（四）--MATH对象、函数和定时器
Math对象 开方 Math.sqrt(x) 绝对值 Math.abs(x) Π Math.PI X的y次方 Math.pow(x,y) 取整 Math.round(x) 向下 M...原创 2021-08-04 09:31:33 · 126 阅读 · 0 评论 -
Hello WEB ! 不是吧阿sir，JS叫智能家居！？（三）--流程控制和字符串、数组操作
1.操作符 算术运算符有 ：+ 、- 、 * 、 / 、 %、++、-- 赋值运算符有： = 、+=、-=、 *=、/=、 比较运算符有: >、>=、<、<=、==、===（全等，值相等，类型相等） 逻辑运算符有：&&（与）、||（或）、! （非） 2.流程控制 顺序结构 分支结构①if-else;...原创 2021-08-04 09:19:53 · 150 阅读 · 0 评论 -
Hello WEB ! 不是吧阿sir，JS叫智能家居！？（二）--修改样式+数据类型
JS 获取元素 1.通过id获取元素document.getElementById(“”); 2.通过class名字获取元素 document.getElementsByClassName(“”); 3.通过标签名获取元素...原创 2021-08-04 09:03:16 · 159 阅读 · 0 评论 -
Hello WEB ! 不是吧阿sir，JS叫智能家居！？（一）--基本用法+简单事件
JS是什么script 既可以写在<head>也可以写在<body>JS放在哪1.一般放在<body>里面 因为文本流的引用关系2.新建一个JS文件 直接导入 在js文件里面不需要script标签[在html中<script src="js文件">]JS 注意事项1.严格区分大小写2.每一行完整的句后面要加分号3.变量名不能使用关键字和保留字4.代码要缩进、保持可读性用法文字获取元素：var txtdom = document.getE原创 2021-08-04 08:48:26 · 172 阅读 · 0 评论 -
Hello WEB ! CSS是装修吗？！（四）--字体和文本
float 浮动：左浮动：float: left右浮动：float: rightps.浮动会出高度坍塌的问题 使得网页高度为0解决高度坍塌问题：1.加一个类属性 .high{overflow: hidden}【隐藏 超出部分】2.加一个空盒子（不常用）【用一个固定的盒子撑着】3.伪类元素 .high:after{content: "";display: block;clear: both;}【显示块，清除所有浮动】定位：1./*fixed固定定位 元素位于浏览器的固定位置（网页两原创 2021-08-03 17:34:03 · 112 阅读 · 0 评论 -
Hello WEB ! CSS是装修吗？！（三）--背景+盒子模型
背景1.background-color 背景颜色2.background-image 背景图片3.background-repeat 背景铺盖 repeat 默认 repeat-x X轴方向重复 repeat-y Y轴方向重复 no-repeat 背景图片仅显示一次 inherit ...原创 2021-08-03 17:32:20 · 131 阅读 · 0 评论 -
Hello WEB ! CSS是装修吗？！（二）--字体和文本
字体和文本1.字体：style{font-family 字体(字体，字体，字体) 【按顺序选择字体，前置位不存在或者报错 则顺延到下一个字体响应】font-size 字体大小 【xx-small 用函数写好的绝对字体尺寸 最小 x-small 用函数写好的绝对字体尺寸 较小 small 用函数写好的绝对字体尺寸 小 medium 用函数写好的绝对字体尺寸 正常 large 用函数...原创 2021-08-03 17:25:46 · 129 阅读 · 0 评论 -
Hello WEB ! CSS是装修吗？！（一）--CSS—基本使用+选择器
CSS是什么css全称 Cascading Style Sheets翻译过来就是层叠样式表如果说HTML是网页的结构那么CSS就是网页化妆师CSS可以同时控制多重网页的样式和布局这样可以大大提高网页开发的工作效率CSS 写在哪里：1. 内联：写在标签里面 缺点：不容易找到内容区域，是代码变冗长2. 内嵌：在head标签里面 加上一个style标签，在style里面添加样式 缺点：这种方式会使页面变重（style里面内容太多）3. 外联：...原创 2021-08-03 17:22:00 · 108 阅读 · 0 评论 -
Hello WEB ！ HTML来咯（三）--表单
表单包含： 表单控件 提示信息 表单域input控件(单标签)： type属性决定控件类型 文本框：type="text" 密码框：type="paassword" 单选框：type="radio" 复选框：type="checkbox" 按钮组： value、placeholder 属性来表示input控件中默认的文本值 button: 普通按钮 ...原创 2021-08-03 14:54:54 · 169 阅读 · 0 评论 -
Hello WEB ！ HTML来咯（二）--表格
表格<table>:表格标签 描述<table> 表格<caption> 表格标题<th> 表格的表头<tr> 表格的行<td> 表格的单元格<thead> 表格的页眉<tbody> 表...原创 2021-08-03 14:48:35 · 72 阅读 · 0 评论 -
Hello WEB ！ HTML来咯（一）--标签
HTML 超文本标记语言什么是标签1.超文本标记语言 HTML标签2.又尖括号包括的内容 （不区分大小写 推荐小写）3. 标签可以嵌套，但是不能交叉嵌套 ***标签的基本语法开始标签 内容 结束标签<h1> 床前明月光 </h1>标签可以嵌套，但是不能交叉嵌套（从左到右按顺序运行）嵌套：【正确的】 <a><b><b><a>...原创 2021-08-03 14:45:55 · 111 阅读 · 0 评论