- 博客(159)
- 资源 (8)
- 收藏
- 关注
RSS订阅
原创 【Flutter从入门到入坑】Flutter 知识体系
终端设备越来越碎片化，需要支持的操作系统越来越多，从研发效率和维护成本综合考虑，跨平台开发一定是未来大前端的趋势，我们应该拥抱变化。而 Flutter 提供了一套彻底的移动跨平台方案，也确实弥补了如今跨平台开发框架的短板，解决了业界痛点，极有可能成为跨平台开发领域的终极解决方案，前途非常光明。
2023-03-10 11:30:56
1349
原创 Vue3应用之使用Vite搭建Vue3项目以及TypeScript、Vue Router、Vuex、Ant Design的使用
尤大的 Vue3.0 已经发布有一阵子了， 已经很成熟了。今天想起来，是时候该上手体验分享一波了。前言大家都知道，在 Vue3 生态系统中有一个新构建工具 Vite ，它的开发服务器比 Vue CLI 快 10 ~ 100倍，是不是很好奇？具体的内容可以移步至：迟到的 Vue3.0 与 Vite 的体验学习总结 的 七、Vite 与 Vue CLI 阅读。本文将主要分享如何使用 Vite 来创建一个 Vue3.0 的项目，并且结合相关内容（TypeScript、Vue Router、Vuex、An.
2021-01-05 18:06:59
15192
11
原创 2024最新最全的前端面试题集锦（2024 持续更新中...敬请关注）
工作以来，感觉自己接触到的东西还是挺多的，但是当我面试的时候，就会发现各种问题，很多知识点都是模棱两可，答得不全面。究其原因，还是没有吃透这些内容。所以我决定，用几个月的时间，将我们大前端的大部分精选面试题进行整理，将大部分知识点进行归纳总结，为自己也为其他小伙伴们提供一份面试学习参考。
2020-12-17 14:10:34
5043
6
原创 高级Web前端必会面试题知识点，大厂面试必备
高级Web前端工程师必会面试题，这里只是整理一些范围知识点，并没有特别具体的面试题目，只要把这些知识点搞明白了，面试题都不是问题。文档持续更新中。。。加油骚年！！
2020-08-30 23:30:24
3731
1
原创 CSS 实现 flex布局最后一行左对齐的方案「多场景、多方案」
在CSS flex布局中，使用来控制列表的水平对齐方式，使用或者对齐时，如果最后一行的列表的个数不满，就会出现最后一行没有完全垂直对齐的问题。👇 如下示例：
2024-01-25 11:32:45
2320
原创 关于js复制内容到浏览器原生剪贴板报错：Cannot read properties of undefined (reading ‘writeText‘)的解决方案【已全平台解决】
根据使用浏览器提供的原生功能 navigator.clipboard 返回的 Clipboard 对象的方法 writeText() 写文本到剪贴板。在本地开发，或者说是在使用http://127.0.0.1:8088 或者 http://localhost:8088 本地调试时，是没有问题的，但是如果使用绑定 host 或者使用不安全域（域名+http）时，使用此功能，就会发生下面的报错：Cannot read properties of undefined (reading 'writeText')
2024-01-24 16:37:59
997
原创 单点登陆（SSO）基于CAS实现前后端分离的SSO系统开发「IDP发起」
单点登录（SSO），英文全称为 Single Sign On。SSO 是指在多个应用系统中，用户只需要登录一次，就可以访问所有相互信任的应用系统。一般同域的SSO，用共享session就可以实现了，常见于各微服务都是自己开发的情况。更普遍的场景是跨域集成的SSO，这时候一般采用标准的CAS方案。IDP SSO 服务用于解决同一公司不同业务应用之间的身份认证问题，只需要登录一次，即可访问所有添加的应用。此服务可以涵盖用户在公有云和私有云中的双重需求。
2024-01-24 14:50:53
1808
原创 「JavaScript基础」一文彻底搞懂JS的事件流以及事件模型
在JavaScript中，事件流和事件模型是处理用户交互的关键概念。深入理解这些概念将使你能够更好地处理和响应用户的动作。本文将详细介绍JavaScript的事件流和事件模型。
2024-01-23 18:59:37
1271
原创 一起来加深对 SASS 的理解「最强总结篇，含Demo」
Sass 是一种CSS预处理器，它引入了许多增强和扩展CSS的功能，使样式表的编写更加灵活和可维护。与纯粹的CSS相比，Sass提供了嵌套规则、变量 (nesting)、混合器（mixins）、继承等功能，大大提高了样式表的可读性和可维护性。
2024-01-23 10:54:02
1001
原创 关于 Ant Design 如何给组件去掉/关闭动画效果的解决方案【Antd v5 已解决】
Antd 默认内置了一些组件交互动效让企业级页面更加富有细节，在一些极端场景可能会影响页面交互性能，如需关闭动画可以在 ConfigProvider 给组件 Dropdown 设置 motion: false
2024-01-22 14:32:16
1108
原创 关于 contentEditable 可编辑DIV 实现在光标处插入自定义图片【已解决，可直接使用】
可编辑DIV也就是常说的富文本编辑器。当我们自己实现一个富文本编辑器时，需要设置div的可编辑属性 `contenteditable="true"`
2024-01-22 10:32:04
1096
原创 我的技术发展规划「深耕前端，广揽新知」
在充满变革与创新的大前端领域，作为一名经验丰富的工程师，我深感对技术的持续追求和学习是保持竞争力的关键。新的一年即将到来，我制定了一份详细的技术发展规划，旨在深入学习前端核心技术，挖掘框架底层的奥秘，拓展大前端技能边界，以及不断追赶行业的最新潮流。
2024-01-10 19:36:35
443
原创 关于解决Edge浏览器下使用createObjectURL生成的Blob下载错误的问题【已解决】
在前端开发中，我们经常会遇到需要将内容下载为文件的情况。为了实现这一功能，通常会使用 Blob 对象生成一个链接，然后利用a标签的下载属性将内容保存到本地。然而，近期在使用Edge浏览器时，发现这一过程中出现了一些问题，导致下载操作失败。本篇博客将介绍在Edge浏览器中使用createObjectURL解决Blob下载错误的问题。
2024-01-08 15:51:07
1729
原创 关于TypeScript 扩展全局 Window 时报错「类型“Window & typeof globalThis”上不存在属性“xx”」的解决方案【TS+已解决】
由于TypeScript需要开发者做到先声明后使用。这就导致开发者在调用很多原生接口（浏览器window、Node.js）或者第三方模块的时候，因为某些全局变量或者对象的方法并没有声明过，导致编译器的类型检查失败。通常情况下，我们给`window`对象赋值，只需要`window.propoerty = 'xxx'`，但是在此处编译器或者检查器，并不认识`window`是什么，所以给出了错误提示。
2024-01-08 14:39:59
2330
原创 杀疯了的ChatGPT——开启AI智能交流新纪元 「文末有彩蛋」
欢迎打开 ChatGPT 的新世纪大门 🌍。随着人工智能技术的飞速发展，自然语言处理（NLP）领域也取得了巨大的进步。ChatGPT 是 OpenAI 开发的一种先进的自然语言处理模型，ChatGPT4 目前是 GPT 系列的最新版本，当前我们是基于ChatGPT 3.5 进行的分享。ChatGPT提供了前所未有的自然语言生成能力。本文将介绍ChatGPT的高级之处以及如何使用这一强大的工具，让我们一同探索它的魅力。
2023-08-03 13:44:12
572
1
原创 大前端成长之旅：努力奋斗，开创辉煌
回顾这半年的辛勤付出，我们对自己的成长感到无比自豪。但我们深知，这只是新的征程的开始。在未来的日子里，我们将继续脚踏实地，不断学习和创新，为团队和事业带来更多的光芒！Keep coding，大前端的未来由你我共创！💪😊So，这是我们务实奋斗的半年回顾，你的故事又如何？快来和我们一起分享吧！📝🥳愿代码之火永不熄灭，技术之光照耀前行！🔥🚀。
2023-07-28 14:49:02
538
1
原创 JavaScript 常用数组方法之数组扁平化「赶紧收藏」
数组扁平化，就是将一个复杂的嵌套多层的数组，一层一层的转化为层级较少或者只有一层的数组。
2023-07-27 12:43:59
895
原创 Node.js、Express框架之获取客户端IP地址，并获取IP对应的城市名「简单好用，收藏不亏」
在进入正题之前，我们先来了解一下IP地址对我们开发者来说都有哪些重要的作用：IP地址是我们用来记录用户访问日志的一个重要标识。一方面，我们可以用来防止某一个IP地址带来的大量DDOS攻击，通过判断IP地址来阻止此IP继续访问攻击；另外一个用途是用来定位，通过IP地址来获取用户的地理位置信息，我们可以描绘出大量的用户主要分布在哪些区域。
2023-07-18 13:09:11
4685
原创 【Flutter从入门到入坑之五】你真的会使用 Widget 中的 State 吗？
我们了解到 Widget 有 StatelessWidget 和 StatefulWidget 两种类型。StatefulWidget 应对有交互、需要动态变化视觉效果的场景；而 StatelessWidget 则用于处理静态的、无状态的视图展示。StatefulWidget 的场景已经完全覆盖了 StatelessWidget，因此我们在构建界面时，往往会大量使用 StatefulWidget 来处理静态的视图展示需求，看起来似乎也没什么问题。今天，我们将着重介绍这两种类型的区别，从而帮你更好地理解
2023-05-05 17:48:59
855
2
原创 【Flutter从入门到入坑之四】构建Flutter界面的基石——Widget
Widget 是 Flutter 功能的抽象描述，是视图的配置信息，同样也是数据的映射，是 Flutter 开发框架中最基本的概念。前端框架中常见的名词，比如视图（View）、视图控制器（View Controller）、活动（Activity）、应用（Application）、布局（Layout）等，在 Flutter 中都是 Widget。事实上，Flutter 的核心设计思想便是“一切皆 Widget”。所以，我们学习 Flutter，首先得从学会使用 Widget 开始。
2023-03-13 11:25:57
901
原创 【Flutter从入门到入坑之三】Flutter 是如何工作的
【Flutter从入门到入坑之三】Flutter 是如何工作的本文章主要为例，介绍一下 Flutter 是如何工作的。页面中的各界面元素（Widget）都是以树的形式组织，即控件树。Flutter 通过控件树中的每个控件创建不同类型的渲染对象，组成渲染对象树。而渲染对象树在 Flutter 的展示过程分为四个阶段：布局、绘制、合成和渲染。
2023-03-10 10:55:34
494
原创 【MAC OS 命令行】Redis的安装、启动和停止。就是如此简单
上面主要总结了 Redis 的安装、启动停止的使用方式，如果哪里写的有问题，还请大佬指正。希望上面的内容对你的工作学习有所帮助！欢迎各位一键三连哦～各位 加油！✨原创不易，还希望各位大佬支持一下\textcolor{blue}{原创不易，还希望各位大佬支持一下}原创不易，还希望各位大佬支持一下👍⭐️✏️评论，你的意见是我进步的财富！\textcolor{green}{评论，你的意见是我进步的财富！评论，你的意见是我进步的财富！
2023-03-06 17:05:49
9360
2
原创 require 与 import 两种引入模块方式到底有什么区别？
requireexports和importexport本质上的区别，实际上也就是 CommonJS 规范与 ES Module 的区别。浏览器在不做任何处理时，默认是不支持import和require；babel会将 ES6 模块规范转化成 CommonJS 规范；webpackgulp以及其他构建工具会对 CommonJS 进行处理，使之支持浏览器环境它们有三个重大差异。CommonJS 模块输出的是一个值的拷贝，ES Module 输出的是值的引用。
2023-02-28 10:15:03
2593
原创 【JavaScript高级】模块化规范「一文让你彻底搞懂前端模块化规范 & 区别」
在JS最早出现的时候，是为了实现一些简单的功能，但随着浏览器的不断发展，对于JS的要求也越来越高，需要实现一些较为复杂的功能。这个时候开发者为了维护方便，会把不同功能的模块抽离出来写入单独的 js 文件里，但是当项目更为复杂的时候，html 可能会引入很多个js文件，而这个时候就会出现命名冲突，污染全局作用域，代码库混乱不堪等一系列问题，这个时候模块化的概念及实现方法应运而生。
2023-02-27 16:45:08
422
原创 关于React抛出异常，Can‘t perform a React state update on an unmounted component.错误的解决方案【已解决】
在进行页面切换时，如果页面中存在异步执行操作 `setState` 或其他操作时，在未执行完成即进行页面切换（此时 react 组件将被销毁），便会抛出此异常信息。Can't perform a React state update on an unmounted component
2022-12-22 10:08:52
1965
原创 【Flutter从入门到入坑之二】Dart语言基础概述
2011年10月，在 GOTO 大会上，Google 发布了一种新的编程语言 Dart。Dart 的诞生正是要解决 JavaScript 存在的、在语言本质上无法改进的缺陷。出于对 JavaScript 的不满，Google 的程序员们决定自己写一个新语言来换掉它，所以 Dart 的最初定位也是一种运行在浏览器中的脚本语言。为了推广 Dart，Google 甚至将自己的 Chrome 浏览器内置了 Dart VM，可以直接高效地运行 Dart 代码。由于缺少顶级项目的使用，Dart 始终不温不火。
2022-12-05 09:40:16
1157
原创 关于Mac升级系统后，出现 xcrun: error: invalid active developer path 问题的解决方案【已解决】
前段时间更新升级 Mac 版本之后，使用 VS code 终端时出现 `xcrun: error: invalid active developer path` 的问题。xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun
2022-11-29 10:42:24
4138
原创 【Flutter从入门到入坑之一】Flutter 介绍及安装使用
当下是移动互联网的时代，也是大前端技术紧密整合的时代。而移动系统与终端设备的碎片化，让我们一直头痛于在不同平台上开发和维护同一个产品的成本问题：使用原生方式来开发 App，不仅要求分别针对 iOS 和 Android 平台，使用不同的语言实现同样的产品功能，还要对不同的终端设备和不同的操作系统进行功能适配，并承担由此带来的测试维护升级工作。为解决这一问题，各类打着“一套代码，多端运行”口号的跨平台开发方案，如雨后春笋般涌现。感兴趣的同学可以看一下 React Native VS Flutter。
2022-11-27 15:23:58
1667
原创 从零开始搭建一套完整的基于 React 框架的 H5 项目「下载即用、收藏不亏」
最近需要新开一个基于 React 移动端的项目。由于网上完整的 H5 初始化项目比较少，所以在此总结一下如何从 0—1 开发一套基于 React 框架的 H5 初始化项目，下载就可以直接进行开发，欢迎大家点赞收藏。............
2022-06-07 10:28:05
4756
10
原创 关于嵌套使用 iFrame 出现 Refused to display in aframe 拒绝连接访问 和 ‘X-Frame-Options‘ to ‘SAMEORIGIN‘ 的解决方案【已解决】
目录问题描述原因分析问题解决总结今天在迁移旧项目时，出现了如下错误提示：Refused to display in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'问题描述当前项目是一个生产环境正常运行的项目，由于我们要迁移服务器并且部署 k8s，所以需要重新部署上线该项目。使用 iframe 的场景就是在一个容器中展示另一个页面（也是我们自己的页面，只不过域名不同）才会抛出这个错误。这个项目的在测试环境和生产环境都是可以正
2022-05-26 17:32:02
27460
2
原创 【MAC、Windows系统的node版本管理工具——nvm】nvm的安装、nvm常用命令、nvm设置默认 node 版本
在我们的实际开发过程中，需要使用 `nvm use vxx` 将 node 版本设置成其他更高或更低的版本，但是每次重新打开 VS Code 之后都会恢复到之前一个默认 node 版本上，使用起来很不方便。下面，我将从头到尾介绍一下如何 nvm 的安装和使用以及如何设置默认 node 版本【直接看：6. 指定默认的 node 版本】。
2022-05-23 10:19:12
3785
原创 微信小程序之开发遇到 does not have a method “xxxx“ to handle event “tap“ 问题的解决方案【已解决】
在配置中找不到方法，所以在点击响应时，会有警告，但是程序运行不会报错。这也是小白在学习小程序时经常容易犯的错误，今天竟然把一个开发了多个小程序的我给呆住了，现在就来分析一下产生这个问题的原因有哪些。
2022-05-22 19:01:23
43262
22
原创 简简单单一行代码实现textarea内容原样输出，与微博展示效果类似
写在最前最近在做一个项目，碰到一个问题，其应用场景十分常见，类似于发微博的效果。问题比如我在编辑时：在内容编辑时，使用简单的 <textarea> 进行内容的获取，其中添加分段、空格等样式。需求我需要将编辑的内容原样展示，如果一行内容过多时，进行自动换行处理，且可以实现 \n 的手动换行比如这样展示：解决方案使用 <pre> 标签<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。
2022-05-06 15:28:41
3159
原创 【React 进阶】函数组件中 React Hooks 详解与实践
在 16.8 版本之后的 React 发布了新特性 Hooks。 本篇文章主要对该新特性进行了详细讲解，并对一些常用的 Hooks 进行代码演示，希望可以对需要的小伙伴提供一些帮助。
2022-05-04 18:07:59
1474
原创 【React 进阶】函数组件 和 类组件 详解区分
时隔一年半之久再次重新学习 React，好多都还是原来的样子，这次我要重新开启 React 的大门，希望各位小伙伴可以一起讨论学习呦～前言今天我们开启第三个专题：React 中函数组件和类组件的区别。一、函数组件 和 类组件1. 函数组件函数组件也称无状态组件，顾名思义就是以函数形态存在的 React 组件。在 hooks 出现之前，react 中的函数组件通常只考虑负责UI的渲染，没有自身的状态，没有业务逻辑代码，是一个纯函数。下面这个函数组件就是一个纯函数，它的输出只由参数props.
2022-04-15 10:04:03
7413
原创 【React 进阶】类组件之生命周期钩子详解「基于 React 16.4」
时隔一年半之久再次重新学习 React，好多都还是原来的样子，这次我要重新开启 React 的大门，希望各位小伙伴可以一起讨论学习呦～前言今天我们开启第二个专题：React 中生命周期钩子的使用。我们在学习每个框架的生命周期的时候，都不是去死记硬背他们的顺序和作用，而是应该去结合我们在实际应用开发过程中对这些生命周期的需求，来帮助我们完成一些事情。在新环境下，我们默认都是基于 React 16.4 之后的生命周期进行开发学习，下面的内容也是基于 16.4 版本的生命周期钩子，如果觉得有问题，可.
2022-04-12 17:21:58
1557
原创 【React 进阶】props 和 state 的区别详解
时隔一年半之久再次重新学习 React，好多都还是原来的样子，这次我要重新开启 React 的大门，希望各位小伙伴可以一起讨论学习呦～前言今天我们开始第一个专题：React 中 关于 props 和 state。当然我们不是对 props 和 state 基本用法的介绍，而是尝试由浅入深的来解释 props 和 state，并且归纳使用它们时的注意事项。我们在开发应用时，必然是要与数据进行频繁交互的。React 的核心思想是组件化的思想，所有的页面会被切分成一些独立的、可复用的组件。那么数据.
2022-02-24 08:30:00
7510
原创 JavaScript 常用数组方法及使用技巧「数组的力量隐藏在数组方法中，必收藏」
JavaScript 中常用的数组的方法基本上也就这些了，大概整理了有27个。如果我们能够充分掌握，那么，在我们的项目开发过程中可能会大大提高我们的开发效率。
2022-01-24 18:09:54
1073
原创 JavaScript 常用字符串方法及使用技巧「超级实用，赶紧收藏，提升效率」
最近项目终于忙完了，在开发时就会暴露出一堆问题，正好趁着这个时间给自己充充电。下面总结了一些关于 JavaScript 常用字符串的操作方法，它可以让我们更高效的处理数据，而不必使用时每次都去查询每个方法怎么用，可以大大提高我们的开发效率哦。正餐开始，来看看 JavaScript 中有哪些常用的字符串方法！1. 获取字符串长度JavaScript 中的字符串有一个 length 属性，该属性可以用来获取字符串的长度const str = 'hello world';str.length .
2021-12-15 16:11:57
1433
2
原创 Git 命令大全「全面且实用，值得收藏」
用了这么久的 git 工具，中途也使用过 SourceTree ，但是最后发现，还是git代码香啊！虽然之前也写过一篇学习笔记 Git教程学习笔记和填坑总结 以及 SourceTree 工具的使用，但是感觉那篇还是笔记冗余，看起来不是很明确，所以，整理这篇命令大全，可以更好的在工作中查阅相关的git命令。下面，我们主要分享一下 Git 常用的命令以及详细的命令行讲解，欢迎各位小伙伴
2021-12-13 11:27:05
6532
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人