- 博客(1735)
- 收藏
- 关注
RSS订阅转载 17个强大的 AI 工具，让你的工作效率翻倍
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群技术在以前所未有的速度向前发展，而人工智能是我们这个时代最具变革性和影响力的创新之一。对于开发人员来说，人工智能工具已经成为我们工具包中的重要组成部分，开启了曾经难以想象的可能性领域。在本文中，我编译了一些最有用的开发人员工具，它们将帮助您加快日常工作流程并提高工作效率。现在，我将每个工具中的直接链接、主要功能进行简单描述，希望这些工具能够...
2024-07-25 09:37:34
14
转载 VTable 一款高性能的多维数据分析表格，更是一个在行列间创作的方格艺术家家...
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群一、项目简介VTable 是 VisActor 可视化体系中的表格组件库，基于可视化渲染引擎 VRender 进行封装。核心能力如下：性能极致：支持百万级数据快速运算与渲染多维分析：多维数据自动分析与呈现表现力强：提供灵活强大的图形能力，无缝融合VChartVTable提供了三种主要的表格形态，包括基本表格、多维透视表格和透视组合图。可以满...
2024-07-25 09:37:34
5
转载 面试官：如果一个NPM包部分功能不满足需求，如何修改其部分功能~
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文由前端小伙伴@Moment 授权转载。欢迎大家踊跃投稿。原文链接：https://juejin.cn/post/7355383157556019239对第三方包进行修改以适应特定需求是一个常见的场景。尽管直接修改 node_modules 中的代码是可能的，但这种做法并不推荐，因为这些改动在下次运行 npm install 或更新包时会...
2024-07-24 09:15:23
8
转载 答应我，不要再用console.log调试了
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群故事背景 事情是这样的，因为我经常会接到一些 CR，就时常会看到推上来的 console.log 写在代码里没删...这太要命了，要知道这在明治维新时期可是要浸猪笼的所以，今天正好趁这个机会，分享一下我平时是怎么调试代码的注意：我用的是 vscode,其它IDE按照这个思路，大差不差1. 调试配置 要实现最基本的配置其实很简单,你只需要在...
2024-07-24 09:15:23
12
原创 让小程序在 APP 运行的高性价比选择 ——FinClip
背景最近我所在的团队有想在一个 APP 上运行微信小程序，目前这个 APP 是采用 Native+H5 的形式，主要存在以下问题：H5不支持本地缓存H5无法获取APP原生的一些系统权限(类似访问通讯录、调用硬件、访问蓝牙)一个APP往往由 IOS 和 Android 两个团队维护，不仅浪费人力，还经常因为应用商店审核导致发版不一致因此，如果我们在 APP 上运行小程序，那就是 Native+小程序...
2024-07-23 09:16:02
651
转载 飞书一键复制网页内容为图片原理
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群李经理在使用飞书时无意中发现,飞书竟然支持一键复制网页内容到剪贴板的功能。他立即叫来了公司的前端开发小王,兴致勃勃地说:"小王啊,你看,飞书的这个功能多方便!我们公司的协同办公系统是不是也可以实现类似的功能?这样用户体验一定能得到很大提升!"小王看着李经理充满expectant的眼神, 虽然内心已经吐槽"就这点功能至于吗", 但表面上还是恭...
2024-07-22 09:15:27
10
转载 上手 Day.js 日期处理库
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群Day.js 是一个轻量级的 JavaScript 日期处理库，类似于 Moment.js，但体积更小。Day.js 提供了丰富的 API 来解析、格式化和操作日期。以下是 Day.js 的一些基本使用方法首先，确保你已经安装了 Day.js。你可以通过 npm 或 yarn 将其添加到你的项目中：npm install dayjs// ...
2024-07-22 09:15:27
21
转载 13个漂亮的登录页面，附源代码地址
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群今天给大家分享13个超好看的登录页面，这些登录页面不仅有静态的，还有动态的，看看有没有你喜欢的？源码地址：https://codepen.io/Mohuth/pen/QWgrPvp源码地址：https://codepen.io/afgprogrammer/pen/mYQQJV源码地址：https://codepen.io/fghty/pen...
2024-07-19 10:10:24
22
转载 React 渲染流程可视化，有大佬实现了！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群终于有大佬把 React 复杂的流程可视化出来了，让我们来看看效果：体验这个功能的网址：https://jser.pro/ddir/rie下面是作者关于这个功能的介绍：我为什么创建它？当我在 2021 年首次深入探索 React 时，我为自己绘制了一些图表[1]来帮助理解 React 的内部结构，下面是其中之一。React 内部结构图显...
2024-07-18 09:48:28
23
转载 图片碎片化渲染特效实现
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文将分享一个图片碎片化展示的效果，具体效果如下，请诸君按需食用。原理这种特效早在几年前就已经出现，属于老演员了????，它最早是经常在轮播图（banner）上应用的，那会追求各种花里胡哨的特效，而现在感觉有点返璞归真了，简洁实用就行。今天咱们来看看它的具体实现原理是如何的，且看图：一图胜千言，不知道聪明的你是否看明白了？????大概原理是：通过容器/...
2024-07-17 09:15:00
16
转载 Tailwind轻松实现夜间模式，能跟随系统又能手动控制！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群通过本文，你将会收获到：如何让vscode不会再对 @tailwind , @apply 之类的属性报错如何让你的应用既能跟随系统设置，又能手动设置夜间模式图片如果本文对你有所帮助，希望你能动动小手点个免费的赞，这会让我更有动力进行写作，谢谢你！VSCode配置：这一步可以让你的 @apply 和 @tailwind 之类的 @ 属性都不会...
2024-07-17 09:15:00
19
转载 Promise：为什么没有取消？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在JavaScript中，Promise是用于处理异步操作的对象，它代表一个异步操作的最终完成（或失败）及其结果值。然而，JavaScript的Promise并不提供内置的取消（cancel）机制。Promise是经过了深思熟虑，才不自带取消功能的！！！这篇文章，将围绕着设计的哲学，以及从状态机的角度，解释为什么不需要cancel。即使如此...
2024-07-16 09:15:28
18
转载 基于wujie的解决方案来简单聊聊微前端
前言因为目前有时间了，所以在整理一下自己这几年写过的一些东西的相关文档，准备把一些东西改一下发出来，有的内容可能并不复杂，甚至有点浅显，但是也是对自己这几年的一些复盘和总结了如果有需要，转载前请向我确认另：刚入职的公司把总监和经理都干掉了，有可能因为发展路线原因不再需要前端，现在求一份广州 、 深圳的前端开发工作本科5年经验，19年毕业，18年开始从事前端工作，基础良好、有千万级日活产品开发维护经...
2024-07-15 09:15:43
17
转载 “Vue 之父”最新采访：我是第一个吃螃蟹的人
前言对于前端开发而言，循序渐进，基于标准的 HTML + CSS + JS “前端三剑客”构建，是否是更好的选择？或者，你是否需要一个“多面手框架”，例如 Next 或 Angular，它们兼具 SSR（服务端渲染）、路由和导航，以及更强大的状态管理等内置功能？当然，这取决于你要构建的网站的规模。但如果你是 Vue 爱好者，那其实你已经是渐进式框架的拥护者了。如果你确实需要更复杂的功能，可以使用其...
2024-07-15 09:15:43
21
转载 通过可视化彻底搞懂 Promise执行逻辑
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群JavaScript 中的 Promise 一开始可能会让人感到有些难以理解，但是如果我们能够理解其内部的工作原理，就会发现它们其实是非常易于掌握的。在这篇博客文章中，我们将深入探讨 Promise 的一些内部机制，并探索它们是如何使得 JavaScript 能够执行非阻塞的异步任务。一种创建 Promise 的方式是使用 new Pr...
2024-07-12 11:19:45
23
转载 都应该会的前端代码规范 - 日志打印规范
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在前端开发中，随着项目迭代升级，日志打印逐渐风格不一，合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题，提高开发效率。本文将介绍如何在前端项目中制定日志输出规范。1. 日志等级首先，我们需要定义不同的日志等级，以便根据消息的重要性进行分类。通常，日志等级从低到高可以分为以下几类：DE...
2024-07-11 09:15:49
15
转载 又一次变革，Vue 更彻底的拥抱了函数式
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群!最近没授权，但是还抄我文章的有点多，粉丝朋友看到了会反馈给我，你们要小心一点，我暂时先不举报你们，等你们多抄一点，情节严重的时候，到时候一波举报，搞不好号都给你封了！你们要小心哦我本来今天想写一篇文章跟大家介绍一下 React Native for Windows + macOS。之前没有用过，所以这两天花时间调研了一下，也写了一些基础的...
2024-07-09 09:15:20
77
转载 面试官：谈谈前端路由的实现原理【hash＆history】
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群今天我们来聊一聊前端路由。当谈到前端路由时，指的是在前端应用中管理页面导航和URL的机制。前端路由使得单页应用（Single-Page Application，SPA）能够在用户与应用交互时动态地加载不同的视图，而无需每次都重新加载整个页面。在前端开发中，常用的前端路由库有很多，比如React Router、Vue Router和Angul...
2024-07-09 09:15:20
40
转载 前端代码规范 - 图片相关
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在前端项目中，图片资源是构成网站视觉效果的重要元素。合理的图片使用规范不仅可以提高页面加载速度，还可以增强用户体验。本文将详细介绍前端项目中图片，包括图标（Icon）和大图等的使用规范。1. 图片格式选择如下是各图片类型的优缺点，业务开发中要根据实际的场景选择合适的图片格式。能支持WebP的场景推荐WebP，其他推荐使用PNG。JPEG适用...
2024-07-08 09:15:32
21
转载 构建更快的 Web 体验 - 使用 postTask 调度器
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群你有没有经历过打开一个网页，在页面上点击多次才有反应？或者在轮播图上滑动图片时卡顿和不自然？虽然这种经历经常发生，但是我们可以利用工具来提高用户的体验和响应速度。高效地调度和优先处理任务可能会产生快速响应的体验和感觉迟缓之间的巨大差异。Airbnb 一直在与 Chrome 团队合作，利用优先级 postTask 调度器来实现新的模式，并提高...
2024-07-08 09:15:32
47
转载 前端项目路径别名终极解决方案
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群image.png关于路径别名一个前端项目通常会演变成复杂的嵌套目录结构。因此，使用相对路径导入可能会变得更长且更混乱，这可能会对代码的外观产生负面影响，并让辨识代码的来源变得更加困难，更加重要的是代码文件位置变动相对路径就得改变。使用路径别名即绝对路径导入，不仅解决了理解导入路径的问题，而且还简化了重构期间代码移动的过程，美丽且直观。//...
2024-07-05 09:15:32
22
转载 前端生成二维码，三分钟搞定！
本文来分享 5 个用于生成二维码的 JavaScript 工具库，助你快速生成二维码！node-qrcodenode-qrcode是一个用于生成二维码的Node.js库，它支持多种数据格式，并且可以将生成的二维码导出为各种图像格式，如PNG、JPEG、SVG和Data URI，其适用于服务端和客户端。node-qrcode 的特点如下：跨平台支持：既可以在服务端运行，也可以在客户端上运行。命令行工...
2024-07-05 09:15:32
27
转载 React 性能优化十大总结
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文转载于稀土掘金技术社区——敲代码的彭于晏前言性能优化是软件开发中永远不会过时的话题，本篇将介绍在React编码过程中需要注意的性能优化点。鉴于图片懒加载、虚拟滚动列表等已成为广为人知的通用性能优化手段，本文将不再赘述这些内容。1. memomemo允许组件在 props 没有改变的情况下跳过重新渲染默认通过Object.is比较每个...
2024-07-04 09:55:37
35
转载 纯前端怎么实现检测版本更新，请看这篇！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群背景单页应用（Single Page Application，简称SPA）是一种现代Web应用程序架构，通过动态重载页面中的部分内容来提供更流畅和更响应式的用户体验。由于SPA在客户端（用户的浏览器）运行大量的JavaScript代码，并且与传统的多页应用不同，它不会每次操作都从服务器重新加载整个页面内容，因此在性能和用户体验上有显著优...
2024-07-03 09:15:40
41
转载 程序员必备 VS Code 插件大全！
????目录1 Code Runner2 AI 代码助手3 Settings Sync 插件漫游4在 VS Code 中练习 LeetCode5Rainbow 系列6TODO Highlight & TODO Tree7Material Them & Material Theme Icons工欲善其事，必先利其器！VS Code 就像经典游戏《上古卷轴5：天际》一样，本体已经足够...
2024-07-03 09:15:40
22
转载 tailwindcss 高级思维模型
时间是过得真快，从刚开始决定 all in tailwindcss，到现在非常熟练的使用，已经过去了一个多月的时间了。在这个期间，我写了几篇文章给大家分享我的使用感受。但是呢，还是有很多人不理解我为什么如此推崇它，因此，我决定再写一篇文章，来跟大家分享一下，在真实项目中，我是如何使用 tailwindcss 的。区分基础能力与高度封装随着几个版本的迭代，为了增强自己的适用范围，tailwindcs...
2024-07-02 09:15:45
17
转载 苦尽甘来，下一站，上岸字节（船）
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：金色的暴发户原文：https://juejin.cn/post/736355650860421940已经很久没有写文章了，上一篇文章还是海马体的面经，上次面完海马体之后就开启了我的闭关之旅，在这一个多月的闭关时间里一共面了两家公司，一个是百度，还有一个是字节，百度和字节的面试时间非常相近，都是相邻的两天，但是最终还是以字节为主，准备的...
2024-07-02 09:15:45
33
转载 12 种 Vue 设计模式
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群设计模式，说白了就是写代码的“套路”。用好了，你的代码就能更健壮，更易于维护。几乎所有应用都会遇到一些共性问题，设计模式就像一个宝库，提供了很多经过验证的解决方案。可关于 Vue 中的设计模式，很多人都说不清道不明。尤其是 Vue 独有的设计模式，更是少有人提及。今天，我就来给大家分享 12 种 Vue 设计模式，每个模式都附带一个简单...
2024-07-01 09:15:41
31
转载 安利几个还在持续输出的大厂前端博主
现在的前端公众号也挺多的，这里推荐几个大厂前端大佬运营的公众号，都是聚焦前端垂直领域的优质公众号，关注这些公众号至少可以：1、了解现在前端技术发展情况和未来发展趋势，把握学习方向。2、结交前端圈内朋友，让自己融入到更积极的技术氛围，促进自己的技术提升。不多说，快来关注这些大佬吧。前端开发爱好者「前端开发爱好者」号主xy，掘金签约作者，目前在某独角兽公司担任【前端Leader】，公众号创建的初心是【...
2024-06-29 10:05:27
15
转载 5个改善用户体验的HTML属性
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文翻译自 Back to Basics: 5 HTML attributes for improved accessibility and user experience，作者：Daniela Kubesch， 略有删改。在快节奏的...
2024-06-28 09:15:45
21
转载 小程序可测性能力建设与实践
总第593篇 |2024年第013篇本文整理自美团技术沙龙第77期《美团亿级流量系统的质量风险防控和稳定性治理实践》。作为一种终端产品生态，小程序在业界产品中占有非常重要的地位。本文从小程序的质量保障需求出发，分析小程序的测试难点，引出小程序可测性的基本概念，介绍美团到店研发平台针对小程序可测性改进的通用化方案。最后分享美团门票业务小程序测试工作的实践经验，本文旨在为读者在小程序质量保障领域提供...
2024-06-28 09:15:45
22
转载 开源项目推荐：React18、TS、Vite、Antd5 开箱即用的中后台前端项目
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群近期发现很多小伙伴的简历难以区别于其他人，项目比较单一。比如有小伙伴没接触过小程序开发、脚手架开发、图片编辑器、数据大屏等开发。我一般都是建议多找找一些开源项目，学习掌握透彻后，也可以参与贡献代码，可以写到简历上（如果公司想招有类似项目经验的就会加分）。github上有很多开源项目，平时多积累学习，真正需要时，不至于束手无措。后续也会多...
2024-06-27 09:42:23
38
转载 ESLint 团队即将废除所有格式化规则！
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群ESLint 是一款提高代码质量的静态分析工具，旨在使代码风格更加一致并避免错误。ESLint 主要包括两大类规则：代码质量规则和格式化规则。不幸的是，以后 ESLint 有且仅有代码质量规则了......2023 年 ESLint ...
2024-06-27 09:42:23
52
转载 别忘了前端是靠什么起家的！！！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群一、忘了最基础的东西前端开发的核心构建在三大基石技术上：HTML、CSS和JavaScript。回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。因此，前端工程师这一职业逐渐崭露头角，早期的培训班甚至...
2024-06-25 09:20:17
12
转载 用 vue3 + phaser 实现经典小游戏：飞机大战
本文字数：7539字预计阅读时间：30分钟01前言说起小游戏，最经典的莫过于飞机大战了，相信很多同学都玩过。今天我们也来试试开发个有趣的小游戏吧！我们将从零开始，看看怎样一步步实现一个H5版的飞机大战！首先我们定好目标，要做一个怎样的飞机大战，以及去哪整游戏素材？刚好微信小程序官方提供了一个飞机大战小游戏的模板，打开【微信开发者工具】，选择【新建项目】-【小游戏】，选择飞机大战的模板，创建后就是一...
2024-06-24 09:15:30
43
转载 别想调试我的前端代码！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流hello大家好，我是winty。作为web开发者，我们应该都有这样一个认识：前端代码是公开的，所有人都能拿到我们代码，不能把秘钥等信息写死在前端。为了避免他人轻易看懂前端代码，通常我们会对代码进行压缩、混淆等处理。今天带来一篇文章，作者介绍了几种避免他人调试前端代码的常见方式，感兴趣的同学可以在自己项目里试试。下面是正文部分。这里我们不...
2024-06-24 09:15:30
25
转载 来自38岁大厂程序员的忠告！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群今天给大家分享一篇来自国外拥有20年程序员职业生涯的大佬的个人职业总结：记得稍微花几分钟认真阅读噢：距离我正式开始编程的工作已经过去二十年了。在这些年里，我有以下收获：获得了科学领域“卓越能力”的绿卡申请批准成为了Google的开发者专家。成为了IEEE的高级会员。担任过一家拥有100名员工的公司的首席运营官。我编写的一段代码的下载次数达1...
2024-06-21 09:26:17
28
转载 一种更好的前端组件结构：组件树
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群一种清晰简洁的方式来查看前端项目中的前端组件（来源：Midjourney）自很久以前遵循互联网上的建议以来，我一直采用了某种“能工作就行”的组件结构。场景 让我们首先想象一个简化的前端应用程序目录结构，如下所示：public/some-image.jpgpages/index.tsxcomponents/Headin...
2024-06-20 09:16:00
21
转载 手把手教你写一个前端脚手架
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群引言脚手架是什么，相信各位已经熟悉得不能再熟悉了，毕竟无论是vue开发者（vue-cli）还是react（create-react-app）开发者，他们都有各自的脚手架，个人虽是用react更多，但不得不说是更喜欢vue-cli的，它的插件机制非常有意思，虽不如webpack的plugin那么方便，但也很强大。不过再讲这强大的功能之前，原谅...
2024-06-19 09:15:34
40
转载 面试官：如何防止接口重复请求？我给出了三个方案！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言虽然大部分的接口处理我们都是加了loading的，但又不能确保真的是每个接口都加了的，可是如果要一个接口一个接口的排查，那这维护了四五年的系统，成百上千的接口肯定要耗费非常多的精力，根本就是不现实的，所以就只能去做全局处理。下面就来总结一下这次的防重复请求的实现方案：方案一这个方案是最容易想到也是最朴实无华的一个方案：通过使用axi...
2024-06-19 09:15:34
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人