前端学习记录
关注
分享
扫一扫
文章平均质量分 51
是数学系的小孩儿
生命不止，学习不止。
今天的你是可爱的在学习吗？
展开
-
网页开发记录
我想要他居中并且是楷体在这里插入代码片<h1 align="center"><font color="deeppink" face="楷体"size="7">创建浮动框架</font></h1>换行：</br>下划线：加粗，下划线，斜体字也是常用的文字效果，它们分别用<b>,<u>,<i>表示：<b>Bold</b><i>italic</i>原创 2022-01-24 19:00:01 · 554 阅读 · 0 评论 -
qqmusic record，布局完成
1.高斯模糊图片值越小越不模糊，值越大越模糊filter:blur(100px);这个像素加px2.让图片填满整个屏幕background-size: cover;3.让照片在最后边显示（注意：不要加px加习惯了，这个不需要加px）z-index: -2;4淡灰色的遮罩<div class="mask"> </div>.mask{ position: absolute; left: 0; top: 0; z-index: -1; widt原创 2021-12-19 16:36:04 · 526 阅读 · 0 评论 -
QQmusic imitations record 第二天
原创 2021-12-09 21:52:20 · 627 阅读 · 0 评论 -
imitations records第一天
OPACITY,高亮.header .register li:hover{ opacity: 1; }.header .register li:hover{ opacity: 1;}：这里不要有空格.content_in .content_left { float: left; width: 800px; height: 100%; background: pink;}.之前需要有空格css:no-repeat不需要平铺find(expr|obj|ele)概述搜索所有与原创 2021-12-08 00:00:06 · 770 阅读 · 2 评论 -
jQuery20211204
JQUERY选择器属性节点，只有dom元素才有属性节点在attribute中的属性都是属性节点任何对象都有属性attr作用：获取属性节点的值，prop方法，能操作节点，还能够操作属性，remove方法原创 2021-12-05 09:57:40 · 83 阅读 · 0 评论 -
2021-11-16
jQuery对象是伪数组静态方法<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>入口函数</title> <script src="./jquery-3.4.1.min.js"> </script> <script > //第一这个写法 $(document).ready(function()原创 2021-11-16 00:42:38 · 389 阅读 · 0 评论 -
2021-11-13
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>入口函数</title> <script src="./jquery-3.4.1.min.js"> </script> <script > //第一这个写法 $(document).ready(function() { alert("你好").原创 2021-11-13 20:28:54 · 829 阅读 · 0 评论 -
2021-11-02登录交互
实现功能：登录与后台进行交互逻辑关系：先判断两次输入密码是否相同，不相同就用else(前端干的活)，这个密码只传给后台一个，所以在#var psd = $(’#mima2’).val(); 的时候只写出来一个mima就行.之后是在里边写相同里Ajax（包括成功函数和出错函数），在成功函数里边写是不是后台的数据并且判断类型。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">原创 2021-11-02 21:41:22 · 164 阅读 · 2 评论 -
面向对象1
面向对象：DategerFullYear不了解内部原理，会使用功能，知道操作Arraysort()使用对象时，只关注对象提供的功能，不关注其内部细节，面向对象编程OOP的特点抽象：抓住核心问题封装：不考虑内部实现，只考虑功能使用继承：从已有对象上，继承出新的对象多重继承（遗传）多态对象的组成：方法：函数：过程、动态的属性：变量：状态、静态的1用对象2写对象this函数属于谁object：没有功能Date日期Array存东西RegExp正则<!DOCTYPE原创 2021-10-31 15:40:25 · 176 阅读 · 5 评论 -
JavaScript6
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>20211008</title> <style> *{margin: 0;padding: 0;} #div1{width: 712px;height: 108px;margin: 100px auto;position: relative;overflow: hidden;}原创 2021-10-12 00:33:37 · 146 阅读 · 2 评论 -
JavaScript5
隐式类型转换==先转换类型，然后比较===不转换类型，直接比较减法自动转换变量的作用域和闭包局部变量、全局变量：在任何地方都可以使用。闭包：子函数可以使用父函数中的局部变量之前一直在使用闭包网上对于闭包的定义<scrip> function aaa() //父函数 { var a=12; function bbb() { alert(a); } bbb(); } aaa();</scrip>命名规范特性：可读性，易懂原创 2021-10-09 13:07:44 · 113 阅读 · 0 评论 -
javascript4
简易年历innerHTML<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/learning2.css"> <script> window.onload=function() { var oDiv=document.g原创 2021-10-08 22:06:57 · 120 阅读 · 0 评论 -
JavaScript3
class.name变量和字符串字面量style行样式优先级*<原创 2021-10-04 21:28:08 · 72 阅读 · 0 评论 -
JavaScript2
HTML里怎么写，JS里就怎么写一个简单的搜索框目<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> function setText() { } </script> </head> <body> <input id="text原创 2021-10-04 09:38:46 · 102 阅读 · 0 评论 -
JavaScript1
JS入门复杂的交互example：会动的东西，登录框弹出来下一个简单的定义：交互、功能，就是修改一些样式第一个JS特效——鼠标提示框鼠标移入input上边的时候，让div显示出来，否则隐藏。事件事件驱动：onmouseover用户的操作οnclick=" "alert=" "<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>第一个JS效果<原创 2021-10-01 22:02:53 · 152 阅读 · 0 评论 -
静态网页制作前夕小记录
定义和用法display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。使段落生出行内框：p.inline { display:inline; }值 描述none 此元素不会被显示。block 此元素将显示为块级元素，此元素前后会带原创 2021-09-27 21:39:52 · 137 阅读 · 0 评论 -
赶集网仿造2
html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>赶集网，寻你所想</title> <link rel="stylesheet" href="../css/index.css"> <link rel="icon" href="/favicon.ico"> <base href="http://w原创 2021-09-04 19:22:17 · 209 阅读 · 0 评论 -
赶集网仿造1
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>赶集网，寻你所想</title> <link rel="stylesheet" href="css/index.css"> <link rel="icon" href="../img/favicon.ico"> <base href="http://www原创 2021-09-03 18:07:34 · 124 阅读 · 0 评论 -
博客停更了三个星期
停更ing原创 2021-08-22 21:31:14 · 65 阅读 · 0 评论 -
2021-07-31前端学习放假两个星期总结（复习）
注：对于前端的学习进程有一段时间搁置了，再回过头去看发现好多自己都需要再温习，放假从泰安回来菏泽的感悟就是：学习就要去学习的场所，所以之后的假期能待在学校就不要回来。JAVA SE 是C/S结构 是Client Server客户端B/S 是浏览器Brower Server 客户端就是浏览器服务器web(标注一下空格代码)前端开发流程：美术实现（网页设计师根据需求设计网页PS）——》前端工程师（前端工程师将设计做成静态网页HTML）——》java程序员（后台工程师将静态网页修改为动态网页JSP原创 2021-08-01 01:36:54 · 264 阅读 · 2 评论 -
2021-06-08看书敲打记录，播放音乐，播放视频
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>周二</title> </head> <body> <h1 align="center"><font color="deeppink" face="楷体"size="7">特殊字符</font></h1&g原创 2021-06-08 13:37:01 · 134 阅读 · 0 评论 -
第十四周课程学习
今天实现效果乱七八糟的代码，重新建的文件夹，然后写了改，改了写，<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>百度一下,你就知道</title> <style type="text/css"> .submit{ background-color:#3385ff; height:38px; font-siz原创 2021-06-06 18:09:32 · 6838 阅读 · 3 评论 -
第三次作业：仿造百度网页
<!DOCTYPR html><html> <head> <title>百度一下，你就知道</title><link rel="stylesheet" href="main.css" type="text/css"/> </head> <body> <div style="text-align:left"> <div class="menu"> <a h.原创 2021-06-05 23:24:07 · 278 阅读 · 0 评论 -
前端学习（第十三周课程）
这个星期是第十三周了，进入大一下学期之后不知道为啥没参加什么活动却天天感觉需要做很多的事情，生活真丰富，其实也没啥，不是在教室就是图书馆，回宿舍就是休息，可能对于学习投入的多了吧，不清楚。也可能是学习内容以及任务加重了。 这个星期对于前端的学习：1.在哔哩哔哩上看网课，了解了解css,然而自己还需要加强对于CSS的动手能力，只是看看视频，理解理解原理是不够的，我认为这样也是学不会的，最后学明白之后还得定时定量的去进行复习。2.小趣事：还和计算机一学长（此人并不深究前端）交流交流发现他们用Java写的原创 2021-05-30 15:52:04 · 208 阅读 · 0 评论 -
前端第二次作业
前端第二次作业 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>“老腔”何以令人震撼</title> <style> body { font: 16px/28px 'Microsoft Yahei'; } .biaoti { font-weight...原创 2021-05-22 23:41:56 · 153 阅读 · 0 评论 -
前端学习：HTML表格标签
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>just study</title> </head> <body bgcolor="darkgoldenrod"> <img src="../20210517Monday\default (1).jpeg" width="250" border="3" height="3原创 2021-05-18 00:37:16 · 166 阅读 · 0 评论 -
2021-05-16周日复习HTML成果。发现自己一个问题，笔记做得不好
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>周日学习</title> </head> <body bgcolor="darkcyan"> <!--标题标签<h1>标题1</h1> align是对齐属性 left center right--> <h原创 2021-05-16 17:04:31 · 143 阅读 · 4 评论 -
前端学习第一次作业——by 小贾
今天做出来的效果耶耶耶，希望一直能有这种心境以及时间来这样学习。即使是菜，那又怎么样，做出来的菜好吃就行了呗 ，绿色健康，绿色营养，好符合bgcolor<!DOCTYPE html><html> <head> <!--1给网页加一个标题。--> <meta charset="utf-8"> <title>《敲代码比算三重积分好玩》</title> </head> <body bg原创 2021-05-08 23:38:01 · 376 阅读 · 6 评论 -
2021-5-8星期六
超链接，在网页中看到的链接可以点进去的，用a链接进行实现 `<!--超链接-->百度一下，你就知道<!DOCTYPE html><html> <head> <!--1给网页加一个标题。--> <meta charset="utf-8"> <title>《敲代码比算三重积分好玩》</title> </head> <body bgcolor="seagreen".原创 2021-05-08 12:21:14 · 135 阅读 · 0 评论 -
先记录一下UTF-8（在用记事本保存时出现的一种选择）比较好奇
UTF-8是针对Unicode的一种可变长度字符编码；它可以用来表示Unicode标准中的任何字符，而且其编码中的第一个字节仍与ASCII相容，使得原来处理ASCII字符的软件无须或只进行少部份修改后，便可继续使用。以后有进一步了解的时候可以再回来补充补充。...原创 2021-05-08 11:26:44 · 112 阅读 · 0 评论 -
HTML超文本标记语言
#htmlhtml全称：Hyper Text Markup Language超文本标记语言，感觉这个来源是根据特德功能以及应用来命名的，HTML本来就是一种文本，可是这种文本是需要经过特殊编译的，也就是说这一种文本是文本中特殊的一员，hyper text markup language。它包括一系列标签，通过这些标签可以将分散的网络资源连接为一个逻辑整体，HTML命令包括图画、声音、表格、链接等，超文本对于我来说最早是在初中接触的，当时在学习PPT，word的时候，老师要求我们通过超级链接将别的地方的原创 2021-05-01 09:57:02 · 179 阅读 · 0 评论