m0_55135449的博客

原创 38.[前端开发-JavaScript高级]Day03-深入JS执行原理-作用域链-JS内存管理-闭包

JavaScript内存管理和闭包1 JavaScript内存管理认识内存管理

原创 37.[前端开发-JavaScript高级]Day02-浏览器运行原理-JS运行原理

【代码】37.[前端开发-JavaScript高级]Day02-浏览器运行原理-JS运行原理。

原创 36.[前端开发-JavaScript高级]Day01-this和箭头函数的使用

【代码】36.[前端开发-JavaScript高级]Day01-this和箭头函数的使用。

原创 35.[前端开发-JavaScript基础]Day12-for循环中变量-华为商城-商品列表-轮播图

【代码】35.[前端开发-JavaScript基础]Day12-for循环中变量-华为商城-商品列表-轮播图。

原创 34.[前端开发-JavaScript基础]Day11-王者轮播图-书籍购物车-BOM对象-JSON

原创 33.[前端开发-JavaScript基础]Day10-常见事件-鼠标事件-键盘事件-定时器-案例

【代码】33.[前端开发-JavaScript基础]Day10-常见事件-鼠标事件-键盘事件-定时器-案例。

原创 32.[前端开发-JavaScript基础]Day09-元素操作-window滚动-事件处理-事件委托

JavaScript

原创 31.[前端开发-JavaScript基础]Day08-DOM操作-节点操作-属性操作-dataset

Javascript

原创 30.[前端开发-JavaScript基础]Day07-数组Array-高阶函数-日期Date-DOM

JS

原创 29.[前端开发-JavaScript基础]Day06-创建对象-对象补充-包装类型-数组Array

原始类型的包装类包装类型的使用过程Number类的补充Math对象。

原创 28.[前端开发-JavaScript基础]Day05-立即执行函数-debug调试-面向对象-this

JS

原创 27.[前端开发-JavaScript基础]Day04-函数基本使用-递归-变量作用域-函数式编程

JS

原创 26.[前端开发-JavaScript基础]Day03-循环语句

JS

原创 25.[前端开发-JavaScript基础]Day02-数据类型-常见运算符-分支语句

JS

原创 24.[前端开发-JavaScript基础]Day01-插件配置-变量-数据

JS

原创 23.[前端开发]Day23-移动端适配方案-考拉海购移动端项目

百分比不推荐不同位置的百分比相对参照物不一样rem + 动态的html的font-sizevwflex学习地址。

原创 22.[前端开发]Day22-CSS单位-CSS预处理器-移动端视口

理想视口是布局视口=可视视口绝对单位cm/mm/inpx相对单位介绍编写less问题:less如何转成CSSvscode插件和在线查看js文件cdn下载本地布局视口(980px)视觉视口理想视口设置视口width。

原创 21.[前端开发]Day21-HTML5新增内容-CSS函数-BFC-媒体查询

为什么会产生这个问题？怎么去解决可以给body设置最小宽度CSS函数 – gradientblock format context(块级格式化上下文)是页面的一块渲染区域 并且有一套渲染规则,决定了子元素如何定位 以及与其他元素之间的排列 布局之间的关系BFC是一个独立的布局环境 相当于是一个容器 在其中按照一定的规则对块级元素进行摆放 ,并且不会影响其他的布局环境中的盒子,如果一个元素触发BFC则BFC中的元素布局不受外界的影响块级元素在标准流中的布局是属于BFC的创建BFC的条件:根元素: b

原创 20.[前端开发]Day20-王者荣耀项目实战(三)

基本结构接下来要做的同之前封装好的样式更改英雄左边的图标接下来，做这个做这个：做这个：注意，如果a元素作为容器，最好改为block接下来我们要做遮盖层效果：文字居中效果：再考虑，两个字垂直排列的：只有鼠标放上去才会被cover：给所有的li加遮盖层接下来做：先做这个：接下来，做这个：先做这个：接下来做这个：高度从0到285，并还有动画。接下来，做这个：目前的效果index.htmltable/thead/tbody/tr/td背景图超链接新闻入口left-contentright-content

原创 19.[前端开发]Day19-王者荣项目耀实战(二)

title-list。

原创 18.[前端开发]Day18-王者荣耀项目实战(一)

给行内级元素设置middle基线+x高度的一半。

原创 CSS整体回顾

行内块级元素 inline-block。浮动元素是行内块级元素?如果没有找到定位元素, 相对的是视口。vertical-align(理解)行内级替换元素img/video。内容是可以滚动, 随着内容滚动。不再严格区分行内级/块级元素。额外: 脱离标准的元素。margin设置负值。

原创 17.[前端开发]Day17-形变-动画-vertical-align

(见上补充知识）利用百分比做垂直居中transformtranslatetransition@keyframes定义每一帧的属性animation属性animation-direction 方向animation-play-state: js用。

原创 16.[前端开发]Day16-HTML+CSS阶段练习(网易云音乐五)

做东西前，需要把结构分析清楚。

原创 15.[前端开发]Day15-HTML+CSS阶段练习(网易云音乐四)

.box {/* 没有添加box-sizing: 空间 水平: 240px 垂直: 240px *//* 添加box-sizing: border就会算在width/height *//* box-sizing: 在生效时, 有一个前提, 有明确的设置宽度和高度 */-- 1. 需要添加box-sizing的场景 -->

原创 14.[前端开发]Day14HTML+CSS阶段练习(网易云音乐三)

注意：按钮的背景图是这样的，可以发现按钮被剪断，并不连续，这是因为，实际开发时候，我们并不知道所有的按钮究竟有多大，因为我们需要这样，根据宽度进行调整。注意：左边这两块不是一个整体，但右边两块需要当成一个整体。部分代码，我们进行抽取和封装。

原创 13.[前端开发]Day13-HTML+CSS阶段练习(网易云音乐二)

注意：因为a是行内元素所以我们需要设置dislay:block才能设置宽度和高度。也就是说，我们的img默认是baseline。最后，解释几个之前遇到的小问题。接下来，做左右两边控制的小按钮。为了消除缝隙，我们可以设置。

原创 12.[前端开发]Day12-HTML+CSS阶段练习(网易云音乐一)

注意： text-indent: -9999px;对行内非替换元素，如a和span是无效的，需要改成display:block;或者inline-block。行高line-height 没有把span的高度撑起来。给的精灵图，我们用background-img。HTML+CSS：静态页面。span是行内非替换元素。接下来要做下面红色导航。

原创 11.[前端开发]Day11-HTML+CSS阶段练习(仿小米和考拉页面)

common.cssreset.css1.区域抽取对结构进行简单搭建common.css2.头部的布局让“智能穿戴”左浮动；让“热门和穿戴”右浮动让文字居中且对齐：用line-hight然后进行微调，比如用a标签啊，可以有小手点击啊用hover，鼠标放上去会变红色啊，有下划线啊用acitve,后面js会有涉及reset.csscommon.css3.内容列表布局过程rest.css 不变common.css 不变4.hover动画效果（

原创 10.[前端开发-CSS]Day10-CSS的浮动和flex布局

container决定主轴(main axis)的方向(正方向或者反方向)有四个值row(默认)column 定义了主轴的方向和块轴排列的方向相同row-reverse 与row的方向相反column-reverse 与column的方向相反flex-wrap定义了flex container是单行还是多行有如下值nowrap(默认 不换行)wrap(多行排列)wrap-reverse 多行排列从下到上 与正常方向相反(不常用)flex-flow。

原创 9.[前端开发-CSS]Day09-CSS元素的定位和浮动

子绝父相子元素绝对定位、父元素相对定位子绝父绝子元素绝对定位父元素绝对定位子绝父固子元素绝对定位父元素固定定位元素一旦浮动后, 脱离标准流朝着向左或向右方向移动，直到自己的边界紧贴着包含块（一般是父元素）或者其他浮动元素的边界为止定位元素会层叠在浮动元素上面如果元素是向左（右）浮动，浮动元素的左（右）边界不能超出包含块的左（右）边界浮动元素之间不能层叠如果一个元素浮动，另一个浮动元素已经在那个位置了，后浮动的元素将紧贴着前一个浮动元素（左浮找左浮，右浮找右浮）

原创 8.[前端开发-CSS]Day08-图形-字体-字体图标-元素定位

只对定位元素有效兄弟比较。

原创 7.[前端开发-CSS]Day07-高级元素之列表-表单-表格

阶段一: 打好基础</dt><dd>JavaScript高级语法</dd><dt>阶段二: 框架实战Node基础</dd><dd>Webpack基础</dd><dd>Git源代码管理</dd><dd>Vue框架实战

原创 6.[前端开发-CSS]Day06-CSS盒子模型-CSS设置背景

CSS

原创 5.[前端开发-CSS]Day05-CSS的继承-层叠-类型和CSS盒子模型

元素不显示出来, 并且也不占据位置, 不占据任何空间会占据元素应该占据的空间rgba设置颜色,将a的值设置为0rgba的a设置的是alpha值, 可以设置透明度, 不影响子元素opacity设置透明度, 设置为0设置整个元素的透明度, 会影响所有的子元素插入内容插入图片方格content不能省略dib。

原创 4.[前端开发-CSS]Day4-CSS文本属性-CSS字体属性-CSS选择器

.one {/* 设置装饰线--下划线 */.two {/* 设置装饰线--上划线 */.three {/* 设置装饰线--中划线(删除线) */a {/* 给a元素去除下划线 */百度一下模仿a</span><span class="two">谷歌一下

原创 3.[前端开发-CSS]Day3-CSS属性-Chrome调试-浏览器渲染

<style>.item {/* 不让div独占一行(单独学习, 了解) *//* 方式一: 改变元素的特性和垂直方向的布局 *//* 方式二: 通过浮动完成 */*/.album {.keyword {</style>

原创 2.[前端开发-HTML]Day2-HTML结构-body元素-额外知识补充

<title>我的网页标题</title>

原创 1.[前端开发-HTML] Day01-软件开发-HTML结构-元素剖析

<p>这是一个段落。</p><span>这是一段文字。</span>