- 博客(28)
- 收藏
- 关注
RSS订阅原创 week6 day6 函数
week6 day6 函数一、函数1.函数的概念函数：由用户或自身控制，可以实现某个功能的 代码段（很多代码）函数的特点：忽略细节：在使用过程中，只需要关注其实现的功能，而不需要关注其内部原理重复使用：多次使用选择使用：按需使用2.创建函数函数从哪来内置（系统提供，公司发的）parseInt()parseFloat()alert()自定义...
2020-04-26 20:32:16
243
原创 WEEK6 Day2 JS中的类型转换
WEEK6 Day2 JS中的类型转换一、数据类型的转换1. 为什么要转换？如果，用户给了一个数据，或者计算机给了一个数据，或者其他程序给了一个数据，不是咱们想要的数据类型需要转成当前程序所需的数据类型，再进行运算转换方法有哪些2. 数据类型的转换方法强制转换（显示转换，主动转换）字符转数值parseInt(要转换的数据或变量)从左向右依次检测，遇到第一个非数字...
2020-04-21 19:54:38
211
原创 WEEK 6 Day1 初步接触JS
WEEK 6 Day1 初步接触JS一、js的书写写在哪js写在哪内联（行内）：属性形式：事件触发<input type="button" onclick="alert('hello world')" value="点我试试">不建议使用，结构和行为的分离，优化项目，便于管理为了测试方便内部：script双标签，包裹js代码<script> ...
2020-04-20 20:56:57
238
原创 week5 day4 移动端案例，以及网格布局
week5 day4 移动端案例，以及网格布局移动端案例今日从网上找到一个案例来做，效果如图代码实现@charset "utf-8";html,body{ height:100%;}#app{ width:100%; height:100%;}/*toubu*/header{ width:100%; height:.88rem; ...
2020-04-16 21:29:48
290
原创 week5 day3 移动端知识
week5 day3 移动端知识媒体查询媒体查询：由设备类型、监测设备特性表达式构成。语法：@media 设备类型[all\screen] and (条件表达式){css样式}注：and两侧必须有空格not放在设备类型的前面（反向选择【排除某个范围】）媒体查询：做样式微小调整例如：浮动显示隐藏文本大小宽高移动端meta标签的设置< meta name=“vi...
2020-04-15 21:12:03
193
原创 week5 day2 怪异盒模型、弹性盒固定两栏布局，多列布局
week5 day2 怪异盒模型、弹性盒固定两栏布局，多列布局怪异盒模型box-sizing:属性值：box-sizing:content-box; 常规盒模型box-sizing:border-box: 怪异盒模型（IE盒模型）怪异盒模型：触发怪异盒模型：box-sizing:border-box;怪异盒模型特点：padding和border都会在元素的宽高的内部，不会把...
2020-04-14 20:59:27
293
原创 week5 day1 阴影，背景新学属性，边框，圆角
week5 day1 阴影，背景新学属性，边框，圆角文本阴影属性文本阴影：text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色注：如果想添加多个阴影 每一组阴影以逗号分隔。盒子属性盒子阴影：box-shadow: x y 阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影(inset 可选)添加多阴影：以逗号分隔的形式添加多阴影自动换行英文或者数字默认显示...
2020-04-13 21:19:52
172
原创 WEEK4 Day4 H5表单，css选择器
WEEK4 Day4 H5表单，css选择器今日总结：今天学习的东西比较杂而且单词量也比较多，不容易记忆。通过今日的学习，学习了H5中的表单新加的属性、css中的渐进增强和优雅降级、css3中的属性选择器、css中的结构性伪类选择器、UI元素状态伪类、动态伪类和层次选择器。H5表单1：新增加的type类型emailurlnumberrangecolorsearchtime 时...
2020-04-10 21:20:24
303
原创 Week4 day3 制作逐帧动画、摩天轮，以及认识新的H5标签
Week4 day3 制作逐帧动画、摩天轮，以及认识新的H5标签今日总结：通过今天的学习，运用学习的动画知识制作了两个不一样的效果，一个是逐帧动画，另一个是制作了一个摩天轮。下午的时候，又学习了少部分H5里面的新标签。制作逐帧动画思路：首先一个逐帧动画肯定要调用关键帧，我把给的素材图片当成背景图，每一个关键帧背景图就往左移动一点，从而连贯起来看起来像是跑动一样。...
2020-04-09 20:25:22
445
原创 Week4 day2 3D景深以及动画
Week4 day2 3D景深以及动画今日总结：今天学习了3D中的景深，以及当写出3D效果时让背面被遮盖的地方看不见的方法，并且学习了动画的部分知识，也自己尝试做了两种简单的效果。3D旋转3d旋转：rotateZ();rotate3d(x,y,z,度数)注：x y z 一个矢量值 0 不旋转 1 旋转eg:rotate3d(1,1,0,45deg)等价于：rotateX(45...
2020-04-08 21:07:59
1130
原创 week4 day1 2D和3D的相关知识
week4 day1 2D和3D的相关知识今日总结：通过今天一天的学习，主要对2d和3d的知识进行学习，其中包括：2d的位移，2d的缩放、2d的旋转、2d的倾斜。还有部分3d的知识。2d的位移2D位移：transform:translate(x,y);transform:translateX(x轴移动的距离);transform:translateY(Y轴移动的距离);通过位移的知识...
2020-04-07 20:44:39
243
原创 Week3 Day5 利用渐变过渡知识做海贼王相簿
Week3 Day5 渐变过渡今日总结:通过一天的学习，学习了浏览器前缀，线性渐变，径向渐变，重复性渐变和过渡的知识点，并且自己练习了几个效果。浏览器前缀很多css3属性 最初的预览版没有形成最终的正式版，但是浏览器为了对这些新属性形成支持，主流浏览器提供属于自己的语法规则 “浏览器前缀”-webkit- 谷歌、苹果 浏览器前缀-moz- 火狐浏览器前缀-ms- ...
2020-04-03 21:52:25
275
原创 Week3 Day4 BFC中双飞翼页面的实现
BFCBFC布局规定：一、内部的Box会在垂直方向，一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠（按照最大margin值设置）三、每个元素的margin box的左边， 与包含块border box的左边相接触四、BFC的区域不会与float box重叠。五、BFC就是页面上的一个隔离的独立容器，容器里面的子元素...
2020-04-02 22:11:27
269
原创 Week3 Day3 表格表单的补充及BFC应用
Week3 Day3 表格表单的补充及BFC应用今日总结：今天学习了之前还没有学完的表单表格的知识，以及BFC的知识，并做了一些特殊表格和一张表单。表格表格的作用：显示数据。< table>< tr>< td>< td>< td>< /tr>< /table>表格标签补充:1:表格的数据行分...
2020-04-01 21:06:21
396
原创 week3day2 宽高自适应之类的问题
week3day2今日总结：今天学的东西都是偏理解性的知识，但是在实际应用中确是很常见的问题，例如，最小高度的兼容问题，高度塌陷，伪对象选择符，高度自适应的几种情况等。最小高度的兼容设置方法正常项目中：最小高度直接用min-height即可。如果考虑兼容：min-height iE6不兼容。 IE6默认把height解析成最小高度注：如果height 和 min-height同是出现，...
2020-03-31 21:18:47
198
原创 WEB前端学习日志第三周 Day1
WEB前端学习日志第三周 Day1今日总结：通过今天的学习，共学习了5个知识点，分别是固定定位，用定位实现子元素在父元素中的剧中问题，粘性定位，锚点以及PC端网页的宽高自适应。并且解决了遗留下来的两个问题，分别是当banner图超出版心时的解决方法和轮播图的结构。固定定位固定定位很常见，几乎每个网页中都会涉及到，比如固定在网页右下角的回到顶部按钮。position:fixed; 固定定位...
2020-03-30 21:24:18
832
原创 WEB前端学习日志第二周 Day6
WEB前端学习日志第二周 Day6今日总结：经过今天一上午的学习，主要学习了绝对定位和相对定位，包含块的设置，定位元素的层次关系，并且做了两个案例练习。绝对定位和相对定位position的属性值：1: position:static 【静态定位】 (默认值：添加和不设置的效果一样的)2: position:absolute 【绝对定位】a: 绝对定位的参照物：已经有定位的父元素为参照...
2020-03-28 16:40:47
297
原创 WEB前端学习日志第二周 Day5
WEB前端学习日志第二周 Day5今日总结：通过今天的学习，主要对元素类型的转换，如何让一个元素在父元素里面左右上下居中，定位。不过定位只是浅浅的学习。元素类型的转换元素类型的转换：display属性：属性值：blockinlinenone大部分块状元素默认的display的值block,其中li默认的值 list-item (列表元素)大部分内联元素默认的display的值i...
2020-03-27 21:01:39
422
原创 WEB前端学习日志第二周 Day4
WEB前端学习日志第二周 Day4今日总结：今日主要学习了元素类型和元素类型的转换，但是还只是初尝，今日的操作也只限于display中block，inline和none的用法并尝试做了3个需要进行元素转换的导航栏。元素类型css的显示对标签分类：块状元素内联元素（行内元素）争议点：第三类：a:可变元素b:行内块元素元素类型分类：块状元素、内联元素、可变元素。注：把行内块元素 ...
2020-03-26 21:52:53
417
原创 WEB前端学习日志第二周 Day3
WEB前端学习日志第二周 Day3今日总结：今天的学习内容主要是昨天没有完成的网页的制作，外加一些写网页时的附加知识，例如空白空间的处理、溢出属性等。空白空间1:空白空间的处理white-space:;pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。pre-wrap 保留空白符序列，但是正常地进行换行。pre-line...
2020-03-25 21:44:35
497
原创 WEB前端学习日志第二周 day2
WEB前端学习日志第二周 day2今日总结：今天学习了css盒模型中的margin的用法，至此经过这一段的学习共学习了HTML的结构和标签，css的语法、样式表和选择符，同时还有css的文本、边框、列表、背景属性，并学习了浮动知识，再加上今天学习的css盒模型。已经学习了挺多知识，于是开始着手做一个简单的网页。通过vscode、ps、和浏览器一步一步尝试做除了一个网页。CSS盒模型中的mar...
2020-03-24 21:25:07
499
原创 WEB前端学习日志第二周 day1
WEB前端学习日志第二周 day1今日总结：通过这一天的学习，主要对网页页面设计中的版心进行学习与实践，并学习了CSS的列表属性，边框属性和背景，并初步学习了css盒模型和padding的用法。版心版心就是页面中展示整个网页的核心区域，所有的网页都有版心，而所有的网页中的信息也都在版心中，因此，设计网页时版心是非常重要的。css列表属性1：list-style-type:circle...
2020-03-23 22:16:38
704
原创 WEB前端学习第一周总结
一周总结总结第一天在第一周的时间里通过第一天的学习，从最初的学习，知道了网页从建立项目，到完工每一步的构成，以及网页的结构，表现，行为三部分。到后来的WEB标准，知道了W3C和ECMA。接下来了解了计算机语言和HTML语言的发展。并初次尝试了VSCODE 。第二天了解了HTML的基本结构以及每一句语言的含义。同时了解了HTML的语法，以及一些常用的标签。例如标题标签，文本加粗标签等。...
2020-03-21 16:38:49
1481
原创 WEB前端学习日志Day5
WEB前端学习日志Day5今日学习内容总结：通过一天的学习，主要学习了CSS选择符的权重问题，并对css层叠性做解释，也学习了CSS的文本属性，并且初步了解了浮动。1.CSS选择符的权重选择符的权重： id > class > 标签首先通过四个数字表示权重：内联样式表 -> 1000id -> 100class -> ...
2020-03-20 20:51:30
1195
原创 WEB前端学习日志Day4
WEB前端学习日志Day4今日总结：通过一天的学习了解了样式表的权重，css的层叠性，css的选择符，划分网页上下布局，主要对css的选择符进行深入理解和代码实现。样式表的权重样式表的权重关系：1. 内联样式表的权重最大！2. 内部和外部样式的权重，和书写的前后顺序有关！（放在后面的会把放在前面的样式覆盖掉,覆盖的只是相同属性的样式，不同属性的样式会继续执行。）举例：在学校你的班主...
2020-03-19 21:41:56
632
原创 WEB前端学习日志day3
第三天的学习，主要学习html中的表格，以及仔细研究几个表格合并案例，并主要对行合并于列合并进行学习。并且学习了表单的基本操作，包括表单标签，表单控件，以及文本框的建立。并在下午初步学习CSS基础，以及CSS样式表。html中的表格表格的作用；显示数据没一个表格都是一个table表格中的行：tr表格中的列：td表格的html属性：width 宽height 高bor...
2020-03-18 21:47:44
266
原创 WEB前端学习日志day2
**@TOC第二天的学习，主要学习HTML的基本结构，语法，常用的标签，列表的建立，超链接的使用，图片的插入以及相对路径的算法，最后学习了表格的建立。HTML的基本结构主要针对最基础的语句进行解释，逐句分析其在程序中的用途以及释义。此处为最基本的语句，也是最重要的最基本的。HTML的语法html语法说明:1：在尖角号后面的第一个单词就是标签的名称。2: 在标签后面，用空格隔开是属性...
2020-03-17 21:33:19
330
原创 WEB前端学习日志Day 1
WEB前端学习日志网页的组成网页的构成WEB标准计算机语言HTML的发展初次尝试VScode网页的组成1.网址（域名）2.资源存储空间（租用空间）：服务器3.项目制作：a.规划网站的资源，功能等b.网站的设计，界面，交互c.前端设计（承上启下）d.后端e.联调，测试f.上线g.维护网页的构成网页的结构：网页中的文字，图片等网页的表现：网页中的排版，文字的颜色等网页的...
2020-03-16 21:21:17
1297
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人