自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

趣谈前端

公众号《趣谈前端》.一个重度代码洁癖者,有对前端生态的总结,思考和探索.内容涵盖了笔者多年对vue;react;node;webpack以及javascript框架设计的探索和经验.

  • 博客(669)
  • 收藏
  • 关注

原创 当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?

前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑,...

2020-06-09 22:00:00 17130 43

原创 前端开发中不可忽视的知识点汇总(二)

本文为前端开发重要知识点汇总系列第二篇,上一篇请参考22. 让页面里的字体变清晰,变细用CSS怎么做?-webkit-font-smoothing:antialiase...

2019-10-21 08:00:00 2324 2

原创 web性能优化的15条实用技巧

javascript在浏览器中运行的性能,可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂,事实上,多数浏览器使用单一进程来...

2019-10-02 18:30:20 3071 3

原创 前端开发中不可忽视的知识点汇总(一)

本文结合自己前端日常开发中,经常用到的且非常重要的一些知识点,进行了汇总,这是本系列第一篇。1.css禁用鼠标事件.disabled { pointer-eve...

2019-09-24 19:34:05 1729

原创 用css3实现惊艳面试官的背景即背景动画(高级附源码)

我们传统的前端更多的是用javascript实现各种复杂动画,自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,...

2019-09-22 18:30:00 6449 2

原创 5分钟教你用nodeJS手写一个mock数据服务器

对于前端开发者而言,javascript正扮演着越来越重要的地位,它不仅能为浏览器端赋能,在web服务器方面也有很大的价值(我们可以用nodeJS来写服务端代码,启动we...

2019-09-07 18:30:00 3999 4

原创 四款开源电子表格组件,轻松集成到你的项目

hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,最近在研究在线电子表格的技术实现,发现了几个优质的开源电子表格项目,这里和大家一起分享一下。同时我也把其中一款电子表格集成到了Next-Admin (基于nextjs的开源中后台系统)中,方便大家学习参考。github地址:https://github.com/MrXujiang/next-admin1. f...

2024-05-25 12:18:34 245

原创 爆肝开发3个月,第三款可视化产品终于上线了

嗨,大家好,我是徐小夕。之前和大家分享了很多可视化低代码的最佳实践,以及前端工程化的实战项目,也陆陆续续设计并开发了多款可视化搭建产品,比如:H5-Dooring(页面可视化搭建平台)V6.Dooring(可视化大屏搭建平台)橙子6试卷(表单搭建引擎)最近规划的新产品可视化文档引擎终于上线了,先后花费了3个月左右,从原型设计到技术调研,再到技术实现,历经艰辛,接下来就和大家一起分享一下最新的进展。...

2024-05-23 08:20:52 255

转载 架构设计与业务稳定性仍是第一要务,那除此之外呢?

企业和组织的架构框架趋向轻量化和敏捷化,强调可持续性和弹性。业务稳定性不再仅限于高峰时段的运维保障,而是更加系统化,注重故障响应和恢复。开发者们面临快速发展的机遇和挑战,需要架构设计和业务稳定性解决方案,并通过实践案例学习突破瓶颈。如何在新技术环境下构建高效、可扩展的系统?在复杂多变的业务环境中,怎样设计出能够长期稳定运行并具备高度弹性的架构?通用业务组件和框架的统一对策的孵化和迭代从何做起?架构...

2024-05-22 18:25:11 11

原创 Next-Admin支持可视化流程编排模块,已开源!

hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续分享一下最近开源的 Next-Admin 项目的最新更新。Next-Admin 是一款基于 nextjs 内核开发的开箱即用的中后台管理系统。最近对这个项目做了一系列优化,并集成了大家比较关注的可视化流程编排模块,感兴趣的可以参考一下。开源地址:https://github.com/MrXujiang...

2024-05-20 14:41:45 411

原创 vue3+nodejs实战个人知识库项目

近几年vue3迭代十分迅猛, 一方面企业对前端岗位的要求越来越大, 另一方面对求职者的技术要求也越来越高, 我们再也不是曾经只会切切图, 写写业务就能轻松找到工作的coder了, 我们需要掌握Javascript, Vue, React, 小程序甚至是可以写后端的NodeJs.同时随着AI的发展, 涌现出很多AI + 知识库产品,为了让大家快速熟悉 vue3 的技术栈, 了解知识库的产品技术开发...

2024-05-17 08:38:33 155

原创 基于NodeJS从零构建自动化出码工作流

往期精彩零代码+AI的阶段性复盘文档引擎+AI可视化打造下一代文档编辑器爆肝1000小时, Dooring零代码搭建平台3.5正式上线从零打造一款基于Nextjs+antd5.0的中后台管理系统前言NodeJS在前端领域正扮演着越越重要的地位,它不仅可以让前端工作者使用javascript编写后端代码,还能方便地搭建响应速度快、易于扩展的网络应用。Node.js使用事件驱动,非阻塞I/O模型而...

2024-05-17 08:38:33 670

原创 可视化文档引擎全面更新,解锁文档新玩法

hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续分享一下可视化文档引擎 Nocode/WEP 的最新更新。Nocode/WEP 基本介绍Nocode/WEP 是一款我结合零代码设计思想和文档引擎设计模式开发的一款多模态文档系统。我们使用它可以快速实现:图/文/音/视频融合的文档内容个人/企业知识库AI辅助创作多组态的富文档展现(插件的方式集成任何w...

2024-05-15 14:23:49 705

原创 next-admin支持AI问答模块,完全开源!

hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续分享一下最近开源的 Next-Admin 的最新更新。最近对这个项目做了一些优化,并集成了大家比较关注的AI问答模块,感兴趣的可以参考一下。开源地址:https://github.com/MrXujiang/next-admin在线demo:http://next-admin.com目前已支持的功能模...

2024-05-13 08:40:57 262

原创 文档可视化+表单引擎,让数据交互更流畅!

hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续分享一下最近开发的文档引擎 Nocode/WEP 的最新更新。往期精彩零代码+AI的阶段性复盘文档引擎+AI可视化打造下一代文档编辑器爆肝1000小时, Dooring零代码搭建平台3.5正式上线从零打造一款基于Nextjs+antd5.0的中后台管理系统先和大家同步一下更新内容:1. AI内容生成格...

2024-05-10 13:28:32 331

原创 nestjs版若依全栈管理后台完全开源!

hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续和大家分享一下我们小伙伴开源的基于 nestjs 的若依全栈管理系统。相信前端小伙伴对若依管理系统并不陌生,它的后端采用 SpringBoot, 支持企业常用的权限管理,多语言,系统监控,定时任务等模块,但是对于前端工程师来说学习 java 还是有一定成本的,好在 nestjs 提供了类似 Spri...

2024-05-06 08:40:48 561

原创 Nextjs+Antd5.0打造面向AI的文档可视化引擎(最新更新)

hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续分享一下我开发的文档引擎 Nocode/WEP 的最新更新。issue收集: https://github.com/MrXujiang/Nocode-Wep/issues演示地址: http://wep.turntip.cn往期精彩零代码+AI的阶段性复盘文档引擎+AI可视化打造下一代文档编辑器爆肝1...

2024-04-30 17:36:14 843 1

原创 开源项目与独立技术产品的高效运营指南(打造个人核心竞争力)

hi,大家好,我是徐小夕。接下来的内容,是我精心准备的付费知识精华,也是我个人技术成长,开源和产品运营的实践总结,相信它一定会给大家带来很多收获。我一直主张以实际经验来作为分享素材,避免空洞的理论,所以我会用我自己这几年沉淀的成果,以事实为依据和大家分享切实可行,可落地的方案。 (文末彩蛋+交流群~)接下来开始我的分享。...

2024-04-29 13:00:28 395

原创 Next-Admin最佳实践!支持可视化拖拽模块

hello,大家好,我是徐小夕,之前和大家分享了很多可视化低代码的最佳实践,以及前端工程化的实战项目,今天继续和大家分享一下我开源的比较有价值的项目——Next-Admin,目前已经支持拖拽搭建模块,并且支持:参考线吸附组件成组和取消成组组件对齐支持多选,键盘多选开箱即用的拖拽搭建方案开源地址:https://github.com/MrXujiang/next-admin在线demo:http:/...

2024-04-26 13:12:27 251

原创 可视化+多人协同技术原理和案例分享

前言hi,大家好,我是徐小夕,之前和大家分享了很多可视化低代码的技术实践,最近也做了一款非常有意思的文档搭建引擎——Nocode/Doc:也做了一些分享:Nocode/Doc,可视化+ 零代码打造下一代文件编辑器爆肝1000小时, Dooring零代码搭建平台3.5正式上线接下来和大家分享另一个比较有意思的话题——多人协同技术。文章大纲多人协同技术方案探讨OT和CRDT算法插曲(互斥锁(Mutex...

2024-04-24 17:45:33 901 1

原创 零代码可视化+AI的一些探索和实践

嗨,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码的技术实践,今天继续做一个系统性的复盘,聊聊这100天,Dooring零代码都做了些什么。从零代码和可视化说起4年前一个夜高风黑的夜晚,我决定做一款前端效率工具,通过拖拽式来帮助技术人员快速搭建页面,也就是现在的 H5-Dooring 零代码平台。当时在github开源后, 迅速得到了很多小伙伴的支持和反馈,也给了我持续迭代的决心,从开源到...

2024-04-22 15:27:36 481

原创 文档引擎+AI可视化打造下一代零代码编辑器

hi,大家好, 我是徐小夕。之前和大家分享了很多我设计的零代码和可视化解决方案,最近也是一直在研究文档引擎和零代码搭建引擎,今天就来分享一下最新进展。往期精彩:Nocode/Doc,可视化+ 零代码打造下一代文件编辑器爆肝1000小时, Dooring零代码搭建平台3.5正式上线可视化表单&试卷搭建平台技术详解上一期和大家分享了文档引擎的基础功能, 技术选型, 产品设计思路,接下来先来总结...

2024-04-20 12:27:20 657

转载 深度分享:从零实现一个JS引擎

背景这是很久之前的一个念想,当时为了加深自己对js的理解,明白js引擎是如何工作的。于是从上网找了一个giao-js[1],感觉还不错,因此想学习一下。原文地址:https://juejin.cn/post/7205517870976270394?share_token=6a5d39fa-0b35-4e3c-8e93-0c9f11b2665dJS引擎之前有篇文章理解React中Fiber架构(一)...

2024-04-18 08:42:00 35

原创 Formik:让用户体验更加出色的表单解决方案

hi, 大家好,我是徐小夕, 今天又到了我们的博学时间。今天和大家分享一款非常有价值的开源项目——Formik。这款开源项目也是我研究零代码搭建平台——H5-Dooring 时参考的项目之一,它可以提高表单渲染引擎的性能和效率,构建出性能更加优秀的表单设计器。下图是 H5-Dooring 表单设计器的截图:接下来我就和大家一起聊聊Formik 能做什么。Formik 是什么Formik 是一个流行...

2024-04-17 08:50:11 920

转载 Vue3已成气候(超强)!

本文推荐最近在考虑新机会的小伙伴阅读!前言上周和部门BP聊天,她说最近在boss上放出一个初级前端岗位,平均每天都能收到500多份简历。前端市场越来越卷,跳槽前做好技术进阶突击,才能稳拿offer。资料内容展示三个维度:资料框架+八股文+Vue3面试题+算法题部分资料逻辑框架八股文面试必备的八股文,整理的超级全。结合了2024年最新的面试动向,精准拿捏今年的前端面试!Vue3相关面试题总结重...

2024-04-16 10:20:19 25

转载 CSS实现一个故障时钟效果

点击关注公众号,“技术干货”及时达!起因最近公司事情不是太多,我趁着这段时间在网上学习一些Cool~的效果。今天我想和大家分享一个故障时钟的效果。很多时候,一个效果开始看起来很难,但是当你一步步摸索之后,就会发现其实它们只是由一些简单的效果组合而成的。效果05.gif什么是故障效果(Glitch)❝"glitch" 效果是一种模拟数字图像或视频信号中出现的失真、干扰或故障的视觉效果。它通常表现为...

2024-04-16 10:20:19 22

原创 js-pytorch:开启前端+AI新世界

嗨, 大家好, 我是徐小夕。最近在 github 上发现一款非常有意思的框架—— js-pytorch。它可以让前端轻松使用 javascript 来运行深度学习框架。作为一名资深前端技术玩家, 今天就和大家分享一下这款框架。往期精彩Nocode/Doc,可视化+ 零代码打造下一代文件编辑器用零代码的思维设计文档编辑引擎从零打造一款基于Nextjs+antd5.0的中后台管理系统目前人工智能领域...

2024-04-15 11:37:00 912 1

原创 开源推荐!Nextjs开发的适配多终端的精美购物平台

嗨, 大家好,我是徐小夕,之前和大家分享了很多可视化 + 零代码相关的技术实现和前端工程化的最佳实践, 最近研究 nextjs 也开源了一款基于 nextjs + antd5.0 的开源中后台系统(持续迭代中):从零打造一款基于Nextjs+antd5.0的中后台管理系统今天继续和大家分享一位技术小伙伴 自荐 的非常有意思的开源电商平台——c-shopping。这款电商平台基于 Nextjs 开发...

2024-04-11 12:51:25 270

原创 Nocode/Doc,可视化+ 零代码打造下一代文件编辑器

hi,大家好,我是徐小夕,之前和大家分享了《用零代码的思维设计文档引擎》的内容,承诺大家在10号上线内测版可视化文档编辑器——Nocode/Doc。 今天如约而至,接下来就和大家分享一下可视化文档引擎的最新内容和技术理念。内测地址: http://wep.turntip.cn文档案例: http://wep.turntip.cn/design/doc?id=d1711853506463&u...

2024-04-10 17:17:47 323

原创 用零代码的思维设计文档编辑引擎

嗨,大家好,我是徐小夕。之前和大家分享了很多零代码,可视化相关的最佳实践,最近也花了很多实践研究文档引擎,接下来就和大家分享一下最近的研究成果。大家上图看到的就是我做的文档编辑引擎,类似于飞书文档和钉钉文档,我们可以使用它轻松编写文档,并能随意调整文档元素的顺序。这一方案实现依赖于block 的设计思想,我们可以把文档想象成一个个由块组成的内容,每一个块都能共享编辑器对应的能力,并且可以分治管理。...

2024-04-07 08:30:24 402

转载 告别轮询,手把手教你封装WebSocket消息推送!

在做一些后台项目的时候,有时候需要前端去实时接收消息;一种比较原始的做法就是前端每隔一段时间主动去轮询服务器,如果用户较多的情况下,会给服务器造成一定的压力,而且访问的频率也无法准确把握,所以这种需求还是使用websocket来解决。下面我们就从0到1封装一套websocket消息推送功能模块。文章涉及到的知识均为前端部分,后端部分我们就不展开来说了。如果文章对你有帮助,记得????点赞????收藏!需求梳...

2024-04-05 12:02:51 46

转载 真心建议前端冲一冲新兴领域,工资高前景好

随着GPT大热“AI大模型”无疑是最火爆的话题!Google、百度、腾讯等巨头互联网公司,无不在布局人工智能技术和市场,为挖掘会用AI的前端相关人才甚至开出60k*16薪的高薪抢人作为普通程序员,如何站在时代前沿,享受AI技术带来的红利?!????知乎知学堂特发起:行业前沿资源——AI大模型公开课已为本号粉丝开通免费领取权限预计24小时后关闭通道!速进!AI大模型-重塑程序员核心竞争力(不限年龄!不...

2024-04-05 12:02:51 30

原创 安利一款好用到爆的可视化拖拽库

嗨,大家好,我是徐小夕,之前一直在研究可视化零代码相关的技术实践,也做了很多可视化搭建的产品,比如:H5-Dooring(页面可视化搭建平台)V6.Dooring(数据大屏可视化平台)formManager(表单搭建引擎)最近在研发智能搭建系统(WEP)的时候发现一款非常好用的可视化拖拽插件——draggable。它在 github 上有17.4k star,提供了很多非常精美的拖拽案例, 我们使...

2024-04-04 12:21:05 408

原创 Next.js实现国际化方案完全指南

‍哈,大家好,我是徐小夕。最近 Next-Admin 中后台管理系统已经支持国际化,接下来就和大家分享一下实现国际化的详细方案,方便大家轻松应用到自己的项目。github地址:https://github.com/MrXujiang/next-admin演示地址:http://next-admin.com内容大纲Next-Admin 基本介绍Nextjs 国际化常用方案从零实现 Nextjs 国际...

2024-04-03 13:15:27 800

原创 Nextjs项目部署,跨端适配,图表渲染优化复盘

最近开源了一款基于 Nextjs + Antd5.0 的管理后台系统,打算持续迭代到开发者能傻瓜式开发和部署管理后台的程度, 下面和大家分享一下最近的一些更新。添加pm2持久化部署配置优化打包后图表渲染白屏问题支持PC端和移动端适配添加白板制作页面接下来会和大家分享一下具体的实现, 如果大家想了解 next-admin 这款开源管理系统, 可以参考下面的文章:从零打造一款基于Nextjs+antd...

2024-04-01 08:50:28 763

转载 请拿下软考,现在!立刻!马上!

????分享一个知乎知学堂发起的软考学习交流群(IT人必备!!)群里有:✅ 2天名师直播课,梳理核心考点;✅7天1V1备考指导,扫清备考难题;✅ 赠送2024最新备考资料包+题库;重点是不需要集赞、转发、分享,扫码就能免费加入!但是为了保证服务和学习质量,免费名额仅限定前100人!软考也叫软件水平考试,软考证书是国央企、IT 圈、大厂公认的高含金量证书!加上政策福利好、市场需求变大,直接火爆 IT 圈...

2024-03-30 12:00:18 29

转载 前端视角解读新媒体投放

往期推荐:从零打造一款基于Nextjs+antd5.0的中后台管理系统前言身为前端,虽然我们是技术岗位,但我们存在的意义本质还是“用技术能力去服务业务,帮助业务成功”。身在业务线,与其说我们是开发者,不如说我们其实是“技术服务提供者”。为了更好的服务,需要主动关注业务:理解业务目标和需求,学习业务知识,参与业务规划和决策,掌握用户需求,进而持续学习和提升。这篇文章则是从前端视角解读新媒体投放,为实...

2024-03-30 12:00:18 41

原创 从零打造一款基于Nextjs+antd5.0的中后台管理系统

hi, 大家好,我是徐小夕,最近在研究nextjs, 为了更全面复盘总结nextjs, 我写了一个开箱即用的基于 next 的后台管理系统, 供大家学习参考.github地址:https://github.com/MrXujiang/next-admin演示地址:http://next-admin.com接下来我就和大家介绍一下 Next-Admin 这款中后台管理系统。为什么要用Nextjs首先...

2024-03-29 08:22:38 749

转载 用three.js做一个3D汉诺塔游戏

入门 three.js 也有一阵子了,我发现用它做 3D 挺有趣的,而且学习门槛也不算高。在这篇博文中,我想分享一下利用 three.js 做一个 3D 版汉诺塔(河内塔)的过程,以及对 three.js 相关知识点进行一次较为全面的实战总结。希望能与大家交流技术心得和经验,一起共同进步。效果展示游戏规则:将串在左边柱杆(A柱)上的盘子全部挪进右边柱杆(C柱)即可获胜;一次只能挪动最上面的一个盘子...

2024-03-27 08:20:41 130

原创 鸿蒙生态专访——对话华为HDE坚果

hi, 大家好, 我是徐小夕. 之前在趣谈前端和大家分享了很多前端工程化, 可视化和低代码的技术实践, 今天又到了《小夕朋友圈》专访时刻, 我会定期采访国内外优秀的开源作者, 独立开发者和创业者, 分享他们的学习成长经验和独立产品开发经验, 让更多热爱技术的小伙伴建立技术自信和技术连接. 同时也让 10w+ 程序员伙伴们看到国内优质的开源项目和技术产品.如果你也是一名独立开发者, 开源作者, 或者...

2024-03-25 19:48:59 697

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除