随笔分类 - web前端
为您分享前端系列的教程
摘要：希望在团队中处理代码时有效协作并跟踪更改的程序员来说，版本控制至关重要。Git 是一个版本控制系统，允许您跟踪修订、识别文件版本并在必要时恢复旧版本。 具有一定编程经验的用户可以相当轻松地开始使用 Git，但要掌握所有高级功能并不容易。在本文中，我将向您展示一些最有用的命令，它们将使您成为 Git
阅读全文
摘要：不管你喜不喜欢，棘手的问题仍然会被野外的面试官问到。 原因是，这些问题可以告诉你很多关于你对语言的核心理解，因此你是否适合这份工作。 这些问题中涉及的常见概念包括： Hoisting 关闭 范围 值与引用类型 原型继承 今天我们要一石二鸟。 准备好迎接下一次面试并立即复习核心概念。 1、为什么 ty
阅读全文
摘要：您是否厌倦了盯着一堆连您的猫都不会碰的代码？别再看了。在这篇文章中，我将告诉您 9 条规则，将您的烂尾代码变成艺术品。 所以喝杯咖啡，坐下来负责你的代码！ 规则#1 - 让你的代码井井有条且易于阅读 你可以不整理你的衣橱，但一定要整理你的代码。通过使代码井井有条且易于阅读，您可以快速找到所需内容。
阅读全文
摘要：三星 Galaxy Fold 和 Surface Duo 以及华为mate X等系列折叠屏手机问世至今已有三年多的时间。此后，三星 Galaxy Z Fold 3 和 Galaxy Z Flip 3、华为mate X2S、荣耀magic V系列等手机均已上市。可折叠设备可供购买，目前正在被消费者使用
阅读全文
摘要：开发人员一直在寻找使他们的生活更轻松、更高效的方法，因为我们都知道开发应用程序的过程并不像听起来那样结构化。您会遇到各种错误和障碍，可能需要几天时间才能克服。所以为了让这个过程更容易，每个开发人员都应该尝试各种 chrome 扩展：- 1、开发人员工具箱 下载地址：https://chrome.go
阅读全文
摘要：在 Web 应用程序中，Cookie-Session 是一种标准的身份验证方法。饼干，也被称为“sweet cookies”。类型为“小文本文件”，是指一些网站为了识别用户身份而存储在客户端的数据。Session的主要功能是通过服务器记录用户的状态。 在典型的在线购物场景中，用户浏览多个页面并将一些
阅读全文
摘要：如果您曾经浏览过git 手册（或 run man git），那么您会注意到 git 的功能比我们大多数人每天使用的要多得多。很多这些命令都非常强大，可以让你的生活更轻松（其他命令有点小众，但仍然很高兴知道）。 这篇文章概述了我最喜欢的 20 个未充分使用的 git 功能，您可以使用它们来提升您的开发
阅读全文
摘要：本文主要介绍24中es6方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。 1.如何隐藏所有指定的元素 1 const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none')); 2 3 // 事例:隐藏页面上
阅读全文
摘要：强大且广受欢迎的编程语言 JavaScript 具有庞大的内置函数库，可用于执行各种任务。 本文涵盖了每个开发人员都应该知道的 15 个 JavaScript 特性。无论您是新手还是经验丰富的开发人员，这些功能都会派上用场。那么，让我们来讨论一下这 15 个重要的 JavaScript 特性。 1.
阅读全文
摘要：如果我们想对字符串进行相关（增、删、改、查、检索）操作，就可以用接下来的正则表达式实现 什么是正则表达式 正则表达式是用于匹配字符串中字符组合的模式 正则表达式通常被用来检索、替换那些符合某个模式（规则）的文本 那么今天为大家分享一个整理完整的常用正则表达式的规则与示例，希望对你学前端这条路上更加有
阅读全文
摘要：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小案例项目：小米电商平台的商品展示页面！我们来一起看看吧！ 那么我们要开发一个什么样的效果呢？来吧展示！！！ 接着下来我们实战开发吧！ 温馨提示
阅读全文
摘要：你学会了基本的id，class类选择器和descendant后代选择器，然后就觉得完事了吗？如果这样，你就会错过许多灵活运用CSS的机会。虽然本文提到的许多选择器都属于CSS3，并且只能在现代的浏览器中使用，但学会这些是大有好处的。 什么是CSS选择器呢？ 每一条css样式定义由两部分组成，形式如下
阅读全文
摘要：今天我们来分享web前端CSS定位中的position：absolute绝对定位的应用场景案例的相关场景！ 绝对定位是CSS中非常中啊哟的知识点，接下来我我们会通过7个不同的层面结合7个不同的案例来展开讲解！ 绝对定位元素的特性 使元素完全脱离文档流,将释放自己的位置 元素的层级提升，会覆盖在其它元
阅读全文
