一、学习的新知识对于字符串和数组方法经常是用到时才百度下，然后参考写出代码，今天通过朱老师总结字符串和数组方法，也算是对它们有了比较全面认识了。 数组的map、filter和reduce方法的学习 这些方法极大提高了数组的使用，要求都要掌握，其实...

一、学习的新认识事件是一个编程语言响应用户行为的关键要素，今天重点学习了事件的添加、传递和委托代理，都是日常遇到的。这里有几个认识分享下: 元素对象的事件属性和事件监听器添加事件区别 上课是老师提到了前者只能是一个，推荐使用后者，当时我以为前者只...

一、学习的新认识今天同样是夯实 JS 基础的课程，学习了实际使用中常遇到的条件控制、循环控制、函数、箭头函数、DOM 操作、classList 和 dataset 对象。新认识主要有以下几个： 三元运算符 虽然老师只讲了使用三元运算符简化双分支控...

一、学习的新认识终于开始学 JavaScript，以前我是学习 C、C++出来的，说实在话，在我印象中 JavaScript 是比较松散的语法结构，想不到从 ES6(它并不是只指 ES2015，而是包括以后出的标准，如 ES2016、ES2017…E...

一、学习的新认识今天，老师主要讲了定位及实际应用，重点是三种定位的特征、Position和Flex或Grid结合时注意事项和登录模态对话框案例。从中学习的新认识有以下几个： 三种定位的特征: ①定位同浮动一样只影响后面布局 ,因为DOM树是...

一、开始之前想说的本文是我对Flex和Grid布局理解的全面总结，所以文章有点长，希望有耐心看下去，我相信你会有所收获。还有是最好有Flex布局和Grid布局属性的了解，不然看起来可能有点吃力。这里可以看下我的博文 《BFC和flex布局探讨和演示...

一、Grid布局的初认识以前开发PC端页面最常用的框架就Bootstrap，它最经典就是网络布局，后来学习小程序开发才接触Flex布局，目前APP和小程序端，尤其是原生APP还是支持Flex全面点，但不可否认Grid布局是未来的趋势，用老师的话就是G...

一、Flex项目属性Flex属性分为容器属性和项目属性两大类，容器属性探讨见https://www.php.cn/blog/detail/24616.html， 1、项目属性一:flex(项目最重要的属性) 只能用在项目中, 不能用在容器中语法格式...

一、页面元素居中的基础认识相信页面元素居中是大家常用的需要，那么你有研究过怎么居中吗，首先我们要知道页面页面居中几个基础概念。 容器: 其实它是Html中元素，不过只有块级元素和行内块元素才可当容器。元素: 就是要居中的对象，可以是行内元素、行内...

一、关于伪类伪类英文是pseudo-class。通常选择器不能表现HTML元素的状态或特征，我们可以在CSS选择器上添加伪类表示元素的状态、特征 。伪类名写在选择器的:冒号后面，必要时可以添加(),例如：#comments:not(:target)。...

一、学习的新知识今天朱老师讲了浮动float、由float的清除浮动引出了BFC，最后讲了flex布局基础知识，其中BFC对于我来说是新知识。 BFC块格式化上下文(Block Formatting Context) MDN或其它文章均有晦涩难懂...

一、盒模型中百分比和auto盒模型中属性值可以是数值、关键字、函数、百分比和auto等，本文重点探讨下常用的、非常相似的、都需要浏览器计算的的百分比和auto 。二者最大区别据某博文中总结是：auto与子元素有关，100%与父元素有关。 总体来说是正...

一、学习的新知识今天主要学习了盒模型的box-sizing对宽度影响，以及列间隙和用表格模式实现等高列。可以说又认识了几个新知识点： calc() 此CSS函数允许在声明CSS属性值时执行一些计算，可用运算符是+、-、*、/。要注意是操作符前后要...

一、问题的由来在实际开发中为了美观，可以采用背景使用图片，文字居中排版。这个对于固定尺寸的没问题，但现在是多端，需要自适应，我们无法提前预知尺寸，只能限制在布局中，这个问题我开始使用定位来解决，发现并不完美，尤其是在多端切换时不能达到要求。如下图中左...

一、学习的新知识现在多端需要响应式设计，页面能适应手机、平板、电脑和大屏设备进行自适应。在我的作业https://www.php.cn/blog/detail/24434.html已经详细分析了em和rem联系与区别，在作业https://www.p...