- 博客(25)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 第七章 浮动（制作京东登录页面）
<div class="div01"> <header> <nav> <img src="image/logo.png" alt=""> <h1>欢迎登陆</h1> </nav> </header> <article>
2022-05-05 15:54:59
947
原创 第7章 浮动（制作电视剧详情列表页面）
<div class="div00"> <header> <div class="div01"> <h1>明星荐片</h1> </div> </header> <section> <div class="div02">
2022-05-04 19:08:27
1559
1
原创 第七章 浮动 课后题第5题（制作彩妆热卖产品列表页面）
<section> <h1>大家都喜欢的彩妆</h1> <ul> <li> <a href="#"><span>1</span>Za姬芮新能真皙美白隔离霜 35g <div> <img src="img/icon-1.jp
2022-05-03 18:56:15
881
1
原创 第六章盒子模型课后题5权威课程免费体验登录页面
<section> <form action="" method="post"> <ul> <li><span>*</span> 姓名 ：<input type="text" style="width: 185px;"></li> <li><span>*</span> 邮箱
2022-04-30 11:19:03
376
原创 制作美容热点产品列表（第六章 盒子模型）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>美容热点产品</title></head><body> <header>
2022-04-28 22:55:18
676
原创 制作爱奇艺视频播放列表（第六章盒子模型）
<div> <h2>热播</h2> <ul> <li> <img src="../chapter04/练习4：制作爱奇异视频播放列表/image/img1.png" alt=""> <h4>神武赵子龙</h4> <p&
2022-04-26 17:44:24
1637
原创 请各位大神指点迷津，为什么div3无法移动？
<div id="div3"></div>```javascript在这里插入代码片 var div3 = document.getElementById("div3") // onmousedown 鼠标键按下事件 div3.onmousedown = function(){ // onmousemove 鼠标键移动事件 document.onmouseMove = funct
2021-03-30 22:57:58
120
原创 异步 async
async是ES7才有的关于异步的关键解决方案；async函数返回的是Promise对象；async函数内部return语句返回的值，会成为then方法回调函数的参数。async函数中会有await表达式，在执行过程中，遇到await表达式会暂停， 先执行回调函数的部分，等回调函数执行完毕后再继续执行await表达式。await表达式仅在async函数中有效，如果再async函数外调用，会报错。语法：async function 变量(){ //两种写法 // let 变量2 = a
2021-01-29 16:50:51
118
原创 ES 6 Promise对象
Promise是异步编程解的一种解决方案。Promise有三种状态：1.pending(进行中)2.resolved(已完成，又称Fulfilled）3.rejected(未完成）这三种状态一旦完成，就不会改变，任何时候都可以得到这个结果。Promise的状态改变只有两种可能，一：从‘pending’到‘resolved’（从进行时到成功）和二：从‘pending’到‘reject’（从进行时到失败）。Promise对象的创建：let 变量 = new Promise(function(res
2021-01-28 18:13:34
102
原创 ES 6 的Set集合
ES 6 之前只有一种数组的数据结构，现在增加了Set和Map两种集合而Set集合是一种无重复元素的列表。创建set集合let 变量 = new Set()；也可以通过构造函数创建集合：let 变量 = new Set([参数，参数，参数，…])；三种常用的方法：Set.has（参数）；查照指定参数是否存在再该集合中Set.delete(参数）；删除指定参数Set.clear()；清楚所有集合参数使用…将set集合转换成数组，也可以去掉重复的值let 变量 = new Set([1,2
2021-01-27 21:40:25
841
原创 ES6 的Proxy
1.Proxy的目的：Proxy是代理的意思，它是为目标对象添加一个代理模式，或者说是为目标对象的读取、函数调用等操作进行拦截，它不会直接针对目标对象，而是操作目标对象的代理对象。语法：let 变量名 = new Proxy(target,handler);target：目标对象；handler：属性的操作调用：变量名.属性名；实例方法：get：对目标对象的读取操作；语法：get(target，property)使用return 返回 数据return target[property
2021-01-27 10:39:52
158
原创 左右选项的制作
html中这样写： <div class="s_t_icon"> <span class="s_t_i_left"><</span> <span class="s_t_i_right">></span> </div>1.在.s_t_icon中描写外层宽和高，为的使把<和>放进这个方框中2.同时设置s_t_i
2021-01-17 10:36:39
83
原创 图片中的抒写过程
1.先创建其大小，宽和高，因为要考虑到其中的内边距padding，所以宽和高的值要比实际值小，加上内边距padding的值才是完整的大小。2.在html中使用ul li a来书写图片中的特殊符号和文字内容，这样可以使用同一个class名来设置位置。其次，把这个整体分成6个部分来书写，也就是6个ul li来看待，设置时，需要算出来每一个的宽和高，还需要设置内边距padding，这样分成6个方块来设置比较简化3.在a标签中设置其宽和高为100%，为后面设置中间的分割线时做准备，还要设置成块级元素，disp.
2021-01-16 21:47:53
92
原创 侧面导航栏
1.设置其背景的大小，以及确定其位置的摆放位置，可以使用position：absolute；绝对定位使其放在图片上面，使用padding可以让内容据边框相同的距离，需要优先设置2.单独设置每一行的宽和高，且让其居中line-height3.可以设置鼠标放其上的时候背景颜色的变换，使用：hover4.现在你看到的每一行的背景颜色都会变换，但是还是需要设置内容左侧和右侧距离边框的距离（内边距最好是在a标签中设置，不要在li标签中设置，在li标签中设置会导致背景颜色的宽度增加），因为导航栏的目标需要有具体产
2021-01-16 20:25:12
295
原创 使用ul li和不适用ul li的区别
在制作使用ul li和不适用ul li的区别1.使用ul li会使其中的内容和使用p标签一样，是一个块级元素，会使内容自动分行，使用后它的内容的内边距距离边框较远2.不适用ul li标签，内容是行内元素，它的内边距距离边框比较近3.（复习）给标签a设置居中或设置其位置，都需要先给a标签设置成块级元素display：block；这样不论是text-align：center；margin：px px px px；还是padding：px px px px；才可以实现。...
2021-01-16 20:13:01
408
原创 制作轮播图的要点
1.使用ul>li 创建轮播图中右下角的圆圈时，首先创建一个宽*高存放这几个圆圈，使用绝对定位position：absolute把这个方框放到你想要放到的地方，然后给li设置每个圆圈的大小，同样是设置宽和高，还有设置成圆形border-radius：100%，使用float：left让其左浮动对齐，background-color设置背景颜色即可，使用padding把这个选项均匀分开。2.给产品做左右轮播图时，记得做overflow：hidden；溢出部分做隐藏处理3.给特殊符号添加边框时，首先把
2021-01-14 16:27:27
407
原创 超出的文本如何处理、给margin和padding设置下划线的区别、给某个方块设置成点击像按钮
1.给margin（外边距）设置下划线时，会随内容的多少，而显示在内容之下；给padding（内边距）设置下划线时，会随padding值的多少而显示下划线，哪怕是空白也会有下划线。2.超出的文本如何让其用省略号表示？①首先要设置一个宽度，当内容超过这个宽度时，给这个内容设置的样式才会生成。②然后给其设置以下三个样式:white-space（指定元素内的空白如何处理）：nowrap—遇到标签才会换行overflow（溢出的文本如何处理）：hidden—隐藏溢出的文本text-overflow（溢出
2021-01-13 21:58:07
315
原创 轮播图的左右选项、居中对齐、a标签居中对齐注意事项、图片设置font-size会省略图片的间隙
1.<> 左右选项居中：因为左右选项各占一半，所以最好是两个选项一起设置，对半分；具体步骤，先设置其总宽度，然后把"<“和”>放入框中",再设置两个各自的宽度，让其居中(为好看居中)，记得设置其鼠标形状。2.居中的样式：text-align：center（水平对齐）；vertical-align:center(垂直对齐）3.标签a内容的居中对齐，需要设置成块级元素：display：block；4.给图片设置font-size：0；和不给图片设置的区别，图片和文字的距离是不一样的
2021-01-12 17:46:54
2673
原创 2021-01-11
1.在书写css过程中，标签.class名之间不可以有空格，如果有的话会无法实现css样式2.在书写网页时，最好一个部分就是div，一方面利于布局，一方面方便书写格式3.逐层去写，不要隔过去每一层4.使用伪类元素时，在标签和元素直接不要有空格，才能成功5.写作时最好是：从下往上写，也就是从最底层依次写到最上层6.先设置底层的位置，设置好位置后再设置样式7.:after 跟content搭配使用，在标签元素之后添加content中的内容...
2021-01-11 22:02:43
46
原创 HTML5拖放事件基本方式
前提是在页面中设置的两个背景颜色不一样的方块var 变量 = document.getElementById("拖放数据的id“）；var 变量2 = document.getElementById("存放数据的id)；在开始拖放时使用dataTransfer.setdata得到拖动数据的数据类型和值；变量2.οndragstart=function（参数）{参数.dataTransfer.setdata（”数据类型“，值）；}数据类型有：text/plain（纯文本）；text/html；t
2020-12-11 15:08:21
87
转载 HTML5拖放事件（转载）
拖放事件 •draggable ： –设置为true，元素就可以拖拽了（拖拽的是他的副本）•拖拽元素事件 : 事件对象为被拖拽元素 –dragstart , 拖拽前触发 (按下鼠标不算，拖才算) –drag ,拖拽前、拖拽结束之间，连续触发 区别：move –dragend , 拖拽结束触发•目标元素事件 : 事件对象为目标元素 –dragenter , 进入目标元素触发，相当于mouseover –dragover ,进入目标、离开
2020-12-11 10:58:23
76
原创 Web前端初学者的记录（第三天）
HTML5的新增元素1.canvas元素其主要针对于图像，图形，照片和代码等。canvas路径-线条代码：var 变量1 = document.getElementById("canvas的id名”）；var 变量2 = 变量1.getContext(“2d”)；（这句是固定的，可以在画布中绘画2d图形，也只能是2d属性值）变量2.moveTo（x,y）；开始绘画线条的坐标变量2.lineTo（x,y)；结束绘画线条的坐标4变量2.stroke（）；开始绘画canvas路径-径向/圆代码：
2020-12-09 21:03:30
76
原创 Web前端初学者的记录（第二天）
表单：table标签创建表单，tr标签行数，th标签标题，td标签单元格，属性值有：border = “1“，可以让单元格有边框，cell padding设置单元格边距，cell spacing设置单元格间距；background-color设置背景颜色列表：无序列表：ul.li标签，li标签可以有多个，属性值有：disc（实心黑圆）默认的，circle（空心圆），square（小方块）；有序列表：ol.li标签，属性值：A、a、i、I，且start=“数字”，会以数字开头iframe标签：
2020-12-05 20:58:52
44
原创 web前端初学者的记录（第一天）
web前端初学者的记录HTML主要用来写静态页面，主要的是其中的元素（元素是指一组标签，元素包括开始标签和闭合标签）有：head：根标签，meat：设置属性charset = “utf-8”国际通用，title：网址名称标签，body：网页中所有内容标签，style：在其中设置属性type=“text/css”时，可在其中设置标签样式，也就是内部样式表；link：可以连接外部样式表，设置属性是：rel=”stylesheet“，type=”text/css“，href=”文件名称“，a：超链
2020-12-04 17:26:34
61
空空如也
ES 6 中的模板字符串的模板字符串初学者如何学习？
2021-01-25
在css中设置图片的样式：font-size：0；为什么会改动字到图片的距离
2021-01-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人