12 2022 档案
摘要：如果我们想对字符串进行相关（增、删、改、查、检索）操作，就可以用接下来的正则表达式实现 什么是正则表达式 正则表达式是用于匹配字符串中字符组合的模式 正则表达式通常被用来检索、替换那些符合某个模式（规则）的文本 那么今天为大家分享一个整理完整的常用正则表达式的规则与示例，希望对你学前端这条路上更加有
阅读全文
摘要：根据httparchive.org的页面重量报告，CSS在平均70个请求和2MB的网页上占7个HTTP请求和70Kb的代码。这并不是网站性能糟糕的最坏原因（我正看着你呢，JavaScript），但CSS面临着特定的挑战： CSS会阻止渲染：每个 <link> and @import halts ot
阅读全文
摘要：CSS 属性被分为不同的类型,如字体属性、文本属性、边框属性、边距属性、布局属性、定位属性、打印属性等。对于初学者来说,需要熟悉并掌握这些属性。前面我们已经了解了30个CSS选择器，但是新的CSS3属性呢？为此小编也特意整理了10个你需要熟悉的CSS3属性，来我们一起了解下吧！ 1. border-
阅读全文
摘要：什么是数组？与其他编程语言中的数组一样，Array对象允许在一个变量名称下存储多个项的集合，并且具有用于执行常见数组操作的成员。 声明数组 我们可以用两种不同的方式声明数组。 使用新阵列 使用new Array，我们可以指定希望存在于数组中的元素，如下所示： const fruits = new A
阅读全文
摘要：比较点 普通函数 箭头函数 具体案例 简写 / 箭头函数如果没有参数，同时函数体的返回值只有一句，则{}和return都可以省略。 1、函数简写 this指向 this总是指向调用它的对象，如果作为构造函数，它指向创建的对象实例 箭头函数的this指向的是父级作用域的this，是通过查找作用域链来确
阅读全文
摘要：2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 Flex布局将成为未来布局的首选方案。这也是学习前端必须掌握的主流布局方案！今天给大家分享一下Flex布局的8大重难点知识。
阅读全文
摘要：本身JS操作DOM就比较消耗性能，你可以理解为JS和dom是独立的小岛，用桥实现两者的联系，但桥很窄，要过路费，所以我们要尽最大可能减少过桥的次数。 再加上每次操作DOM都会触发布局的改变、DOM树的修改和渲染。也就是说操作DOM会引发重排(回流）与重绘，这个过程也是非常消耗资源的。所以要尽量避免重
阅读全文
摘要：今天为大家带来一篇JS重难点的知识体系，这也是前端高薪必备的重难点知识，而且防抖与节流在各大企业前端面试过程中经常会考到的高频面试题！ 为了更好的帮助大家理解防抖与节流，我们特意从我们的系统班（星辰班）中节选了两节课详细的讲解！放在钉钉群直播回放里面，大家可以看完这个文章之后，可以通过最底部的微信二
阅读全文
摘要：理解盒模型：CSS3 中的盒模型有以下两种：标准盒模型、IE盒子模型(怪异盒模型)，盒模型是由4个部分组成，由内向外分别是content(下图蓝色部分)、padding、border、margin盒模型有5个属性： width 元素宽 height 元素高 border 元素边框线 pdding元素
阅读全文
摘要：关于电商产品展示，无论是从首页还是到栏目页，再到产品的详情页，产品展示效果不仅仅是在电商平台，在很多的企业网站也使用频繁，今天为大家分享一个HTML+CSS小案例项目：小米电商平台的商品展示页面！我们来一起看看吧！ 那么我们要开发一个什么样的效果呢？来吧展示！！！ 接着下来我们实战开发吧！ 温馨提示
阅读全文
摘要：前面两篇文章为大家详细讲解了相对定位与绝对定位的应用场景和案例。如果想了解的可以在公众号里面查看去看。本小节我们学习下固定定位与粘性定位的应用场景和案例。 属性值 描述 relative 相对定位 相对于自身正常位置进行位置的调整 absolute 绝对定位 相对于其最近的定位的父元素进行位置调整。
阅读全文
摘要：你学会了基本的id，class类选择器和descendant后代选择器，然后就觉得完事了吗？如果这样，你就会错过许多灵活运用CSS的机会。虽然本文提到的许多选择器都属于CSS3，并且只能在现代的浏览器中使用，但学会这些是大有好处的。 什么是CSS选择器呢？ 每一条css样式定义由两部分组成，形式如下
阅读全文
摘要：今天我们来分享web前端CSS定位中的position：absolute绝对定位的应用场景案例的相关场景！ 绝对定位是CSS中非常中啊哟的知识点，接下来我我们会通过7个不同的层面结合7个不同的案例来展开讲解！ 绝对定位元素的特性 使元素完全脱离文档流,将释放自己的位置 元素的层级提升，会覆盖在其它元
阅读全文
摘要：昨天发布的margin的5个重难点，受到了很多粉丝们的关注和收藏。我发现，作为学习Web前端开发的同学最大的痛苦莫过于，学了一堆知识，但到了实际的应用开发中不知道如何灵活运用。今天决定再上一干货，一个个来讲清楚关于定位系列实际应用场景，先从相对定位position: relative;开始相对定位3
阅读全文
摘要：前几天我在面试前端开发同学的时候，有问到关于margin基础布局相关内容的过程中，发现很多同学基本解释不清楚，今天刚好有点时间就整理了一篇笔记出来。就以下5点在CSS布局经常会用到的经典布局解决方案。 css中margin外边距（重叠）合并现象 css中margin外边距穿透现象 css中margi
阅读全文
摘要：本次我把CSS中的重难点整理出来，总共54个核心知识点，供大家复习，希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点，同时也是面试必问的内容。
阅读全文
摘要：当我们刚开始学习JS代码时，我们只需要掌握JS中对应知识点就好，随着对JS代码的熟悉程度，我们就要思考如何写出更优雅，更简洁的代码。 接下来我分享10种常用JS代码功能，通过常规写法和优雅写法的对比，来体现其优雅和简洁性。代码中用了ES6新特性，如果你对ES6不了解，可以先收藏好。在后期的VUE中，
阅读全文
摘要：本次我把CSS中的重难点整理出来，总共54个核心知识点，供大家复习，希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点，同时也是面试必问的内容。 因为涉及的内容较多，我分5篇内容发出来，好逐一进行让大家消化这些内容，本次我把前1-12个CSS重难点整理出来，具体内容如下： CSS选择器与优先级
阅读全文
摘要：为了更好的学习好前端，我接下来会整理前端从html、css、js的经典面试题，这个是由我们艾编程清心老师和arry老师精心整理出来的重点面试题，大家可以留意下，学会了，对于你接下来找工作以及查漏补缺学习非常有帮助！ 内容大纲： src和href的区别; script 标签中 defer 和 asyn
阅读全文
摘要：在实际开发中，为了提高开发的效率，我们会把常用到的功能封装成方法，这样后期开发需要，拿来即用。 这里分享33个在实际开发中经常需要用到的功能（已封装成方法），分享给到大家。 1、加载js ||css || style const loadRes = function(name, type, fn)
阅读全文
摘要：一、什么是防御式编程 防御性编程是一种细致、谨慎的编程方法（习惯）。我们在写代码时常会有“以防万一”的心态，把以防万一有可能出现的情况提前考虑进去，规避以免以防万一出现带来的问题。 应用防御性编程技术，你可以侦测到可能被忽略的错误，防止可能会导致灾难性后果的“小毛病”的出现，在时间的运行过程中为你节
阅读全文
摘要：最近跟粉丝同学反馈，CSS中知识点多，在学习过程中，学到后边忘记前面。有些相似的内容很容搞混，弄得自己学起来特别的吃力和头痛。要对这些容易搞混点的做好区分，最好的办法就是把他们整合到一起来对比总结分析。 做我的粉丝我宠你， 于是，我分了上中下两篇来把这些易错的难点整理出来，本篇内容概要： CSS中不
阅读全文
摘要：响应式布局：只需要开发一套代码，只需要一套代码使页面适应不同的屏幕。 响应式设计通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容； 响应式布局的 5 种实现方案 百分比布局 媒体查询布局 rem 响应式布局 vw 响应式布局 flex 弹性布局 一、百分比布局 比如，当浏
阅读全文
