前端 - 文章分类(第13页) - 梁飞宇

JS学习之扩展运算符的作用及使用场景

摘要：扩展操作符 … 是ES6中引入的，将可迭代对象展开到其单独的元素中，所谓的可迭代对象就是任何能用for of循环进行遍历的对象，例如：数组（数组常用方法）、字符串、Map （悟透Map）、Set （Set 如何使用？）、DOM节点等。 1. 拷贝数组对象使用扩展符拷贝数组是ES6中常用的操作： c 阅读全文

posted @ 2024-01-29 12:29 梁飞宇阅读(33) 评论(0) 推荐(0)

JS学习之了解Set

摘要：在许多情况下，需要比较多个列表，获取它们有或没有交集、差集等等，在 Javascript 有一个数据类型可以很好的实现这些需求，那就是 Set 。 Set对象就像一个数组，但是仅包含唯一项。Set对象是值的集合，可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一阅读全文

posted @ 2024-01-29 11:47 梁飞宇阅读(13) 评论(0) 推荐(0)

JS学习之了解Map

摘要：什么是映射 Javascript 的对象（Object），本质上是键值对的集合（Hash结构），但是传统上只能用字符串当作键，这给使用带来了很大的限制。为了解决这个问题，ECMAScript 6 引入了 Map 数据结构。它类似于对象，也是键值对的集合，但是"键"的范围不仅仅局限于字符串，而是各种类阅读全文

posted @ 2024-01-29 11:43 梁飞宇阅读(19) 评论(0) 推荐(0)

JS学习之数组操作常用的10个方法

摘要：1. Array.map() 使用.map() 方法，可以创建一个基于原始数组的修订版数组。.map() 方法接受一个函数，该函数遍历数组中的所有项并进行相应的修改。当需要更新数组中的所有项并将其存储到一个新数组中时，.map() 方法就可以派上用场了。例如有一个文章列表的数组，如下： cons 阅读全文

posted @ 2024-01-29 11:34 梁飞宇阅读(214) 评论(0) 推荐(0)

JS学习之递归和常见的几种递归算法

摘要：递归的概念递归是一种用于解决计算机问题的技术，方法是创建一个调用自身的函数，直到程序达到预期的结果。 ❗️注释：就是函数自己调用自己本身，或者在自己函数调用的下级函数中调用自己。如何读取递归函数乍一看，递归函数并不直观或易于理解。以下步骤将帮助您更快地阅读和理解递归函数：始终先确定函数的基本阅读全文

posted @ 2024-01-29 09:49 梁飞宇阅读(75) 评论(0) 推荐(0)

JS学习之模块导入导出

摘要：首先要知道export，import 是什么我们知道，JS 模块导入导出，使用 import , export 这两个关键字 export 用于对外输出本模块 import 用于导入模块也就是说使用 export 导出一个模块之后，其它文件就可以使用 import 导入相应的模块了下面我们具体阅读全文

posted @ 2024-01-26 10:50 梁飞宇阅读(44) 评论(0) 推荐(0)

less学习之Less笔记

摘要：一、Less简介 1、什么是Less Less是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。 Less是一种动态样式表语言，扩展了CSS的功能。 Less也是跨浏览器友好。 CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。阅读全文

posted @ 2024-01-24 01:08 梁飞宇阅读(25) 评论(0) 推荐(0)

less学习之Less内置常用函数

摘要：一、杂项函数 1、color 解析颜色，将代表颜色的字符串转换为颜色值. 参数 string：代表颜色值的字符串。返回值： color 案例： color("#aaa"); 输出： #aaa 2、convert 将数字从一种单位转换到另一种单位。第一个参数为带单位的数值，第二个参数为单位。如果阅读全文

posted @ 2024-01-24 00:31 梁飞宇阅读(1449) 评论(0) 推荐(0)

less学习之less+rem迭代适配

摘要：index.less代码 // 变量 // 适配主流设备 @adapterDeviceList:320px,360px,375px,384px,400px,414px,424px,480px,540px,640px,720px,750px; // 设备的种类 @len:length(@adapter 阅读全文

posted @ 2024-01-24 00:08 梁飞宇阅读(10) 评论(0) 推荐(0)

flexible.js 移动端自适应方案

摘要：一、flexible.js 的使用：仓库地址：https://github.com/amfe/lib-flexible官方地址：https://github.com/amfe/article/issues/17 1、引用方式引用cdn地址 <script src="http://g.tbcdn. 阅读全文

posted @ 2024-01-24 00:01 梁飞宇阅读(87) 评论(0) 推荐(0)

BootStrap学习之栅格

摘要：Bootstrap包含了一个强大的移动优先的网格系统，它是基于一个12列的布局、有5种响应尺寸(对应不同的屏幕)，支持Sass mixins自由调用，并结合自己预定义的CSS、Js类，用来创建各种形状和尺寸的布局。机制原理 Bootstrap的网格系统使用一系列div容器的行、列来布局和对齐内容，阅读全文

posted @ 2024-01-23 23:19 梁飞宇阅读(48) 评论(0) 推荐(0)

bootstrap学习之container类和container-fluid类的区别

摘要：一，Demo <!DOCTYPE html> <html lang="zh-cn">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= 阅读全文

posted @ 2024-01-23 19:43 梁飞宇阅读(58) 评论(0) 推荐(0)

TypeScript：Package.json了解

摘要：Node 项目在项目根目录中名为 package.json 的文件中跟踪依赖关系和元数据。这是你项目的核心。它包含名称、描述和版本之类的信息，以及运行、开发以及有选择地将项目发布到 NPM 所需的信息。了解 package.json 如果你以前用过 Node.js，则可能会遇到 package.j 阅读全文

posted @ 2024-01-15 15:09 梁飞宇阅读(229) 评论(0) 推荐(0)

TypeScript：类型声明书写

摘要：基本类型 // 变量 const num: number = 1; const str: string = 'str'; const bool: boolean = true; const nulls: null = null; const undefine: undefined = undefin 阅读全文

posted @ 2024-01-14 18:06 梁飞宇阅读(78) 评论(0) 推荐(0)

TypeScript：抽象类和抽象方法

摘要：介绍抽象方法或抽象字段是一个没有提供实现的方法或字段。这些成员必须存在于一个抽象类中，不能被直接实例化。抽象类的作用是作为子类的基类，实现所有的抽象成员。当一个类没有任何抽象成员时，它被称为是具体的。抽象类，属性，方法加abstract关键就成抽象类 abstract class Peopl 阅读全文

posted @ 2024-01-14 17:51 梁飞宇阅读(212) 评论(0) 推荐(0)

TypeScript：面向对象

摘要：面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。举例来说：操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象一切操作都要通过对阅读全文

posted @ 2023-12-29 18:16 梁飞宇阅读(45) 评论(0) 推荐(0)

TypeScript：快速入门

摘要：一、TypeScript 是什么 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 阅读全文

posted @ 2023-12-29 18:13 梁飞宇阅读(144) 评论(0) 推荐(0)

Sass的安装和常用命令

摘要：一、学习前言 Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容 CSS3 的同时继承了 Sass 强大的动态功能。 1. 为什么要学习 Scss/Sass? 因为传统的css没有变量和样式复用机制,代码复用性低,不易于维护,且无法嵌套书写,导致代码阅读全文

posted @ 2023-12-28 14:08 梁飞宇阅读(608) 评论(0) 推荐(0)

国内外好用免费的在线图标库

摘要：阿里的图标库：国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具字节图标库：由字节跳动出品，通过技术驱动矢量图标样式的开源图标库，可以实现根据单一SVG源文件变换出多种主题，具备丰富的分类、更轻量的代码和阅读全文

posted @ 2023-03-28 00:12 梁飞宇阅读(18) 评论(0) 推荐(0)

梁飞宇

文章分类 - 前端