- 博客(402)
- 资源 (5)
- 收藏
- 关注
原创 什么,你还在用 momentJs 处理相对时间
可是,你竟然用一个大小为 20k (还是压缩过的,没压缩 61k)的包,只用来做日期的转换?really?你想要的只是进行一个日期上的转换啊。${${别,请别这么做。还可能存在其他问题,例如。这些复杂的问题一旦来到,往往开发者会采用像momentJs和dayjs这样的库来解决问题。${${${?'s'''但是,还是请你别这么做。因为这看起来似乎变得复杂了。而我向你推荐的一个内置对象能帮助你解决相对时间的问题。
2023-06-10 15:01:13
910
1
原创 【学完毕业】处理数字和日期输入的更好方法,很早就有了
这很好,但你可能不知道,实际上有一种更好的方法来读取数值。但是,的类型是number类型。因此,这意味着如果没有为输入设置值,将获得的是NaN这就是 JavaScript 有趣的部分。因此,在将valueAsNumber 赋值给变量之前,一定要检查它是否为NaN。
2023-06-07 20:37:32
642
原创 TypeScript 的魔法技能:satisfies
在上面的示例中,我给出了satisfies的使用示例,但是我并没有解释那样做的原因。现在,是该给你解释解释了。children?AUTH : {这看起来似乎没有什么呀,很正常,IDE 也会自动帮我们进行自动补齐。但是,当我们使用routes对象时,因为 IDE 并不知道实际配置的路由是什么。routes . NONSENSE . path // TypeScript 报错:发现这个路由属性不存在为什么会这样?这是因为我们的Routes类型可以接受任何字符串作为键。
2023-06-05 07:26:05
2251
原创 来了来了,我使用 ChatGPT 开发了一个 AI 应用
ChatGpt 实在太火爆了,很多人在问我怎么使用 chatgpt 开发一个 AI 应用程序。这不就来了吗~
2023-04-29 00:15:00
3829
原创 开放原子训练营(第一季)铜锁探密:基于铜锁,在前端对登录密码进行加密,实现隐私数据保密性
本文将基于 铜锁(tongsuo)开源基础密码库实现前端对用户登录密码的加密,从而实现前端隐私数据的保密性。首先,铜锁密码库是一个提供现代密码学算法和安全通信协议的开源基础密码库,在中国商用密码算法,例如 SM2、SM3、SM4、祖冲之等密码算法方面提供强大的能力。除此之外,对国际主流算法、同台加密算法等密码学也提供了功能。更多详细的功能,请参考。接下来,我会在docker环境中,基于容器镜像,结合nodejs实现对用户登录密码的加密。
2023-04-28 15:48:06
11183
原创 瞒不住了,Prefetch 就是一个大谎言
我们知道,现在的应用程序已经发展到可以拆分为多个 JavaScript包了,为了获得更好的用户体验,这些 bundle 包通常需要预获取,即。但是由于请求是不完整的,浏览器不知道缓存头是什么,所以它不知道重用请求是否安全。我觉得真正的 prefetch 是一种提示,告诉浏览器你将需要一些东西,因此浏览器应该在下载时有一个良好的开端,但我们想要的是用。例如,为了让应用程序拆解成多个包,在你的代码的某些地方,你会进行动态导入,比如。你也不太确定,因此接着,你在 Chrome 中测试它,发现一切都能正常工作。
2023-04-03 19:31:03
1390
原创 【创作赢红包】喂,鬼仔,你还在瞒着我偷偷使用强制相等
我们都知道JavaScript有==(强制相等)和===(严格相等)运算符进行比较。但你可能不知道它们两个究竟有什么不同,并且更重要的是,在 js 引擎中使用它们的时候发生了什么?前面我们提到==是强制比较。强制意味着 VM 试图。你要知道,强制是对称的,如果a == b为真,那么b == a也为真。另一方面,只有当两个操作数完全相同时===才为真(除了Number.NaN因此,上面的例子都真实的情况下都是假真(即,在===的情况下是false的)。为什么强制相等有这样的问题,这要归咎与强制相等的规则。
2023-04-01 11:59:48
713
1
原创 你的应用太慢了,给我司带来了巨额损失,该怎么办
记得很久之前看过谷歌官方有这么样的声明:如果一个页面的加载时间从 1 秒增加到3 秒,那么用户跳出的概率将增加 32%。但是早在 2012 年,亚马逊就计算出了,页面加载速度一旦下降一秒钟,每年就会损失 16 亿美元的销售额。于是,这篇文章就想聊聊有没有方法来解决这种问题。
2023-03-25 15:08:41
7936
9
原创 【你不知道的事】Javascript 中一种更安全的 URL 读写方式
在日常开发中,你可能在不知不觉中以一种不安全的方式编写 url,例如,你能发现下面这段代码中有什么错误吗?
2023-03-12 13:37:17
764
原创 【你不知道的事】JavaScript 中用一种更先进的方式进行深拷贝:structuredClone
本文我们要介绍的是 `structuredClone` 函数,它是内置在 JavaScript 运行时中的,它可以帮助我们进行深拷贝。
2023-03-11 21:26:26
1182
1
原创 猿创征文|2022年快过完了,是时候总结一下那些优秀的 React 组件库
2022 年只剩下 2 个月,在这快一年的开发过程中,我觉得是时候总结了 7 个很棒的、日常开发中常用的 React 组件库。
2022-11-04 09:44:42
1128
2
原创 Javascript 中的浅拷贝深拷贝是什么?一文带你搞懂,不再犯错
浅拷贝和深拷贝是Javascript中抛出的术语,如果你以前没有听说过,可能会感到困惑。我们经常听说,像 slice 或 filter 这样的数组方法会对原始数组进行浅层复制。
2022-10-26 08:21:04
1315
3
原创 秋招难?这几点建议值得你收藏
今年秋招到底有多难?缩招、缩编是基操,很多去年烧钱的厂子今年钱烧完了,直接不招。万千毕业生涌向了依然开放HC的几家公司,管道窄,闸水大,很容易堵。有同学提到很多问题,简历流转、状态切换、公海不捞,简历被挂,测评被谢…难受的不行。别人你们了,社招的同学也是排着队在找工作,有的也在被裁员的路上。此时突然有路歌词很应景:我排著队拿著爱的号码牌,阴天 傍晚 车窗外,未来有一个人在等待🧑🏻🦱作为在面试辅导一线的前端修罗场,给一点不知道算不算建议的建议:少鸽点笔试(HR真的改不过来时间)注意细节,别
2022-09-15 07:56:48
667
3
原创 提升 React 应用的安全性:从这几点入手
目前的网络环境,共享的数据要比以往任何时候都多,对于用户而言,必须注意在使用应用程序中可能遇到的相关风险。
2022-09-06 22:32:43
2276
原创 用案例的方式解释 React 18 新特性——并发渲染、自动批处理等
React 18 于 2022 年 3 月发布。这个版本侧重于性能改进和渲染引擎的更新。同时,React 18 为并发渲染奠定了基础,未来的 React 功能将在此基础上构建。
2022-09-04 10:29:26
1945
1
原创 【前端程序员的中秋节】中秋节,送你千盏孔明灯,万家灯火故事长
马上,中秋又要来了,如果按照往年的节奏,这会前端程序员或许正在赶着制作中秋主题的页面。今天,借此机会,和大家分享一个使用纯 HTML + CSS + Javascript 制作中秋主题网页的代码
2022-08-31 20:40:12
3327
原创 【Flutter】记住,永远都不要在 Flutter 中使用全局变量
全局变量似乎是很棒的 Flutter 程序组件,因为它们被声明一次并且可以被程序中的每个函数访问。 但是,这些变量的成本比你想象的要高
2022-08-24 07:24:22
1554
6
原创 使用 Mapbox 在 Vue 中开发一个地理信息定位应用
在本文中,我们将大致了解正向地理编码和反向地理编码的概念。 我们将使用 Mapbox 和 Vue.js 2.6.11 构建一个应用这些概念来显示特定位置的应用程序。
2022-08-19 15:01:18
3696
1
原创 【Web3 系列开发教程——创建你的第一个 NFT(9)】如何在手机钱包里查看你的 NFT
本文将为你介绍如何在你手机里的Metamask钱包中查看现有的 NFT。作为先决条件,你应该已经在移动设备上安装了Metamask(你可以在 iOS 或 Android 上免费安装该应用程序),并且它应该包括你铸造 NFT 的帐户。...
2022-08-10 21:00:13
1634
15
原创 【Web3 系列开发教程——创建你的第一个 NFT(8)】如何开发一个成功的 NFT 项目 | NFT 社区建设技巧
随着 NFT(Non-fungible Tokens)越来越受欢迎,许多 web3 开发人员、营销人员和企业家都渴望试水这个领域。但是,想要创建或运营一个成功的 NFT 项目究竟需要什么? 本文将介绍一些久经考验的真实技巧与经验,以帮助你为创建一个成功的 NFT 项目做准备!...
2022-08-10 07:30:33
1498
8
原创 【Web3 系列开发教程——创建你的第一个 NFT(7)】创建一个 NFT DApp,给你的 NFT 赋予属性,例如图片
在本文中,你将构建一个 NFT 铸币机,并学习如何通过使用 Metamask 和 Web3 工具将你的智能合约连接到 React 前端,来创建一个NFT dApp。我认为,对于具备 Web2 开发背景的开发者来说,最大的挑战之一是通过构建 NFT 铸币机(在本文中,我们将使用 React 作为我们的前端框架。因为本文主要关注 Web3 开发,所以我们不会花太多时间分解 React 基础知识。.........
2022-08-08 18:10:44
3604
16
原创 【Web3 系列开发教程——创建你的第一个 NFT(6)】为 NFT 设置价格
我想作为 NFT 的创建者,你可能有意将你的 NFT 出售给你的 NFT 爱好者。 为此,我们需要为 NFT 定价,本文介绍两种主要的定价方式。
2022-08-06 11:12:37
3177
23
原创 【Web3 系列开发教程——创建你的第一个 NFT(5)】使用 Ethers.js 铸造 NFT | 测试用例
本节文章将描述如何通过 ethers.js 库使用以太币在以太坊区块链上铸造 NFT,以及我们还会讨论如何对创建的 NFT 进行基础的测试。
2022-08-06 09:26:14
3305
16
原创 前端技能树,面试复习—— 模拟题+真题系列(2): 单例模式 | 大文件上传 | SSR 原理 | 收集依赖 | HOOK 原理 | Worker 等等
本文是本专栏很重要的一个分支系列。该分支系列注重真题、模拟题的考核,以及解决方案、细节知识点的补充。非常贴近真实考题、真实场景,均是博主常年参与面试累计下来的成果。内容中对重点考核内容进行了标注,方便读者聚焦核心考点,快速领会考察内容,同时也便于记忆。...
2022-08-04 09:36:10
559
9
原创 前端技能树,面试复习—— 风中劲草:知识要点精讲精炼手册(二)
如果说前面 56 章节是书本,那么《风中劲草:知识要点精讲精炼手册》就是对前面章节知识点的浓缩版本,便于大家背诵。 这也是本专栏的一大特色,方便一些急需参加面试、在短时间内无法充分准备的同学。同时,在精讲精炼手册中,我还结合真实面试题进行了知识点的补充,源码的精讲。同样,本手册也进行了要点标注。本手册有两大部分,本文是第二部分。......
2022-08-03 17:24:26
543
15
原创 前端技能树,面试复习—— 风中劲草:知识要点精讲精炼手册(一)
如果说前面 56 章节是书本,那么《风中劲草:知识要点精讲精炼手册》就是对前面章节知识点的浓缩版本,便于大家背诵。 这也是本专栏的一大特色,方便一些急需参加面试、在短时间内无法充分准备的同学。同时,在精讲精炼手册中,我还结合真实面试题进行了知识点的补充,源码的精讲。同样,本手册也进行了要点标注。...
2022-08-03 11:34:35
527
6
原创 前端技能树,面试复习第 56 天—— LeetCode 算法常考题型 | 百题大战
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享......
2022-08-01 20:04:46
554
4
原创 前端技能树,面试复习第 55 天—— 代码输出:同步异步任务 | 事件循环
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...
2022-08-01 18:15:04
395
5
原创 前端技能树,面试复习第 54 天—— 手写代码:情景题
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...
2022-08-01 17:21:41
923
22
原创 前端技能树,面试复习第 53 天—— 手写代码:数据处理 | 排序 | 扁平 | 去重 | 解析 | 分隔
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...
2022-08-01 17:14:48
262
原创 前端技能树,面试复习第 52 天—— 手写代码:Javascript 基础考核
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享,手写代码......
2022-08-01 16:59:01
411
原创 和我一起写一个音乐播放器,听一首最伟大的作品
ts-audio是一个能够使API更易于交互的第三方库。它能为开发者提供播放、暂停等方法,并允许你创建播放列表。一个简单的API,它抽象了AudioContextAPI的复杂性提供跨浏览器支持轻松创建音频播放列表适用于任何能够编译成JavaScript的语言。......
2022-07-31 16:12:00
658
原创 使用 GraphiQL 可视化 GraphQL 架构
在我们谈论GraphiQL之前,让我们先谈谈GraphQL。GraphQL是一种用于应用程序编程接口(API)的开源数据查询和操作语言,也是一种使用现有数据完成查询的运行时。GraphQL于2012年由Facebook内部开发,然后于2015年向公众发布。与REST方法相比,开发人员更喜欢它,但本篇文章我们不会关注关于RESTful方法和GraphQL的优缺点的比较。将GraphiQL视为Postman或Insomnia。......
2022-07-31 11:43:12
2169
原创 前端技能树,面试复习第 51 天—— Vue 项目性能优化方案
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...
2022-07-31 09:28:34
499
原创 前端技能树,面试复习第 50 天—— Vue3.0 基础 | Vue3 有什么更新 | Composition API
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...
2022-07-31 09:07:57
573
NFT Minter 创建一个 NFT DApp
2022-08-08
在线 Web 代码编辑器开发实战教程源代码:web_code_editor
2022-07-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅