WEB前端第二季
关注
分享
扫一扫
之前写了一些web前端的相关内容，现在觉得需要从新更新。
码字界陈冠希
一个立志拿代码泡妞的男人·····帅是我的缺点······
展开
-
Nearth===>WEB前端小案列/带你去看美女/所遇问题——如何把下载的方形log图标圆形化/002
#h-2{ width:70px; height:70px; border-radius: 50px; }<img id="h-1"src="h-1.jpg">//对此图片不断进行圆角化学习是一件开心的事····································...原创 2019-10-17 20:00:44 · 105 阅读 · 1 评论 -
Nearth===>WEB前端小案列/带你去看美女/所遇问题——网页背景图片完全覆盖/001
借鉴：点击我一下.body{ background-image: url(bk-1.jpg); /* background-position: center center; */ background-repeat: no-repeat; background-attachment: fixed; background-size: 100% 10...原创 2019-10-17 19:37:52 · 101 阅读 · 0 评论 -
Nearth===>WEB前端--第26课/js学习/Location对象学习（页面刷新与页面跳转）
Location.reload()Loction.href的使用：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <style > p{ text-align: center...原创 2019-10-14 14:08:45 · 131 阅读 · 0 评论 -
Nearth===>WEB前端--第25课/js学习/5秒后带你去看美女（自动跳转）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <style > p{ text-align: center; } span{ color: red; }...原创 2019-10-14 13:56:59 · 204 阅读 · 0 评论 -
Nearth===>WEB前端--第24课/js学习/美女自动播放机（轮播图）
定义定时器：setInterval(fun,1000);//每隔1秒调用函数一次<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> <h1>...原创 2019-10-14 13:35:46 · 144 阅读 · 0 评论 -
Nearth===>WEB前端--第23课/js学习/看美女案列
素材：找两张美女图片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> <h1>看美女</h1> <p>分析：...原创 2019-10-14 13:12:59 · 123 阅读 · 0 评论 -
Nearth===>WEB前端--第22课/js学习/事件绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> <img id="beauty1"src="1.jpg" onclick="fun1()">...原创 2019-10-14 12:56:04 · 125 阅读 · 0 评论 -
Nearth===>WEB前端--第21课/js学习/通过id获取元素对象
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script> /* ==获取元素对象== */ </script> </head> <bod...原创 2019-10-13 20:43:47 · 137 阅读 · 0 评论 -
Nearth===>WEB前端--第20课/js对象学习
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script> /* =====对象的学习===== */ var person{ name:"rebool", se...原创 2019-10-13 20:23:52 · 110 阅读 · 0 评论 -
Nearth===>WEB前端--第19课/js数据类型转换函数的使用与js的三种输出方式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script> //数据类型转换函数 var y=eval("15")+8; alert(y); //答...原创 2019-10-13 19:43:51 · 91 阅读 · 0 评论 -
Nearth===>WEB前端--第18课/回调函数
回调函数（点击了解更多）转载 2019-10-13 19:33:04 · 82 阅读 · 0 评论 -
Nearth===>WEB前端--第17课/js运行机制/Event Loop事件循环
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script> /* //测试1: for(var i=0;i<5;i++){ console.log(i); }...原创 2019-10-13 19:17:48 · 91 阅读 · 0 评论 -
Nearth===>WEB前端--第16课/js运行机制/同步异步
js运行机制-->同步：类似于一个车道，车辆一辆一辆的运行异步：类似于多个车道，多辆车辆一起运行延时函数：setTimeout(function(){console.log("");},100);<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...原创 2019-10-13 19:00:42 · 96 阅读 · 0 评论 -
Nearth===>WEB前端--第15课/js同名变量，取进求远
001.js代码：var x=12;001.html代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script type="text/javascript"src="001....原创 2019-10-13 18:41:52 · 114 阅读 · 0 评论 -
Nearth===>WEB前端--第14课/js有关onload加载函数的应用3
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script type="text/javascript"> window.onload=function(){ var b...原创 2019-10-10 18:19:29 · 90 阅读 · 0 评论 -
Nearth===>WEB前端--第2课/html5新增标签音视频
音频资源下载薛之谦的进行测试。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> <embed src="video.mp4"height="20...原创 2019-09-18 21:43:34 · 111 阅读 · 0 评论 -
Nearth===>WEB前端--第3课/html5
标签选择器：*，#，·；三种。定位：absloute,relative,fixed;三种。盒子模型：div的使用。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <style type="te...原创 2019-09-18 22:16:01 · 109 阅读 · 0 评论 -
Nearth===>WEB前端--第5课/html5/3D动画
html5提供了3d动画功能：animation，@keyframes，translate3drotate的使用.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <style type="text...原创 2019-09-19 17:38:43 · 129 阅读 · 0 评论 -
Nearth===>WEB前端--第6课/js对齐九九乘法表
js对齐的九九乘法表:使用table+tr+td标签属性同时和for内循环实现。代码实现:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script type="text/javascript...原创 2019-09-25 18:15:46 · 298 阅读 · 0 评论 -
Nearth===>WEB前端--第4课/html5/盒子模型+定位
盒子模型+定位：div的使用，postion：fixed;定位的使用；盒子模型的嵌套:div中div;<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ...原创 2019-10-07 18:15:15 · 117 阅读 · 0 评论 -
Nearth===>WEB前端--第7课/html表单域的书写
表单域的书写：input,submit,reset,checkbox,radio,select,option,textarea,text<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> </head...原创 2019-10-07 20:00:54 · 119 阅读 · 0 评论 -
Nearth===>WEB前端--第8课/html合并单元格的书写
合并单元格：table->tr->td,align,rowspan,cowspan<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> ...原创 2019-10-07 20:29:16 · 125 阅读 · 0 评论 -
Nearth===>WEB前端--第9课/js基本变量与函数定义的书写
VAR：变量定义符；fuction:函数名；alert():窗口页面框输出<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script type="text/javascript"> ...原创 2019-10-10 14:31:46 · 108 阅读 · 0 评论 -
Nearth===>WEB前端--第10课/js数组的3种定义书写介绍
JS中数组的定义及使用（数组即对象）：可以保存任何数据类型的数据，同时建立一个数组也可储存各种类型数据。Ctrl+shift+/=========>注释快捷键<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</ti...原创 2019-10-10 17:34:51 · 102 阅读 · 0 评论 -
Nearth===>WEB前端--第11课/js函数自调用及匿名函数自调用
函数的调用，函数的自调用，匿名函数的自调用（注意语法即可！）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script type="text/javascript"> //函数的...原创 2019-10-10 18:00:05 · 131 阅读 · 0 评论 -
Nearth===>WEB前端--第12课/js有关onload加载函数的应用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script type="text/javascript"> function load(){ var x="hello world...原创 2019-10-10 18:06:10 · 88 阅读 · 0 评论 -
Nearth===>WEB前端--第13课/js有关onload加载函数的应用2
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Nearth</title> <script type="text/javascript"> window.onload=function(){ alert("窗口...原创 2019-10-10 18:09:11 · 98 阅读 · 0 评论 -
Nearth===>WEB前端--第一课/html5新增标签
此次对于前端知识不做过多的讲解，只是简单的做个学习笔记。另外，学习源码乐于分享:第一课回顾了html的相关知识，好多都忘记了，都怪自己平时没有加强练习html5在原有基础html基础上增加了不少的新表签，便于应用移动客户端:<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...原创 2019-09-17 23:52:33 · 143 阅读 · 0 评论