- 博客(653)
- 收藏
- 关注
RSS订阅
原创 当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?
前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑,...
2020-06-09 22:00:00
17094
43
原创 前端开发中不可忽视的知识点汇总（二）
本文为前端开发重要知识点汇总系列第二篇，上一篇请参考22. 让页面里的字体变清晰，变细用CSS怎么做？-webkit-font-smoothing:antialiase...
2019-10-21 08:00:00
2311
2
原创 web性能优化的15条实用技巧
javascript在浏览器中运行的性能，可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂，事实上，多数浏览器使用单一进程来...
2019-10-02 18:30:20
3058
3
原创 前端开发中不可忽视的知识点汇总（一）
本文结合自己前端日常开发中，经常用到的且非常重要的一些知识点，进行了汇总，这是本系列第一篇。1.css禁用鼠标事件.disabled { pointer-eve...
2019-09-24 19:34:05
1712
原创 用css3实现惊艳面试官的背景即背景动画（高级附源码）
我们传统的前端更多的是用javascript实现各种复杂动画，自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,...
2019-09-22 18:30:00
6436
2
原创 5分钟教你用nodeJS手写一个mock数据服务器
对于前端开发者而言，javascript正扮演着越来越重要的地位，它不仅能为浏览器端赋能，在web服务器方面也有很大的价值（我们可以用nodeJS来写服务端代码，启动we...
2019-09-07 18:30:00
3990
4
转载 深度分享：从零实现一个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
3
原创 Formik：让用户体验更加出色的表单解决方案
hi, 大家好，我是徐小夕， 今天又到了我们的博学时间。今天和大家分享一款非常有价值的开源项目——Formik。这款开源项目也是我研究零代码搭建平台——H5-Dooring 时参考的项目之一，它可以提高表单渲染引擎的性能和效率，构建出性能更加优秀的表单设计器。下图是 H5-Dooring 表单设计器的截图：接下来我就和大家一起聊聊Formik 能做什么。Formik 是什么Formik 是一个流行...
2024-04-17 08:50:11
633
转载 Vue3已成气候（超强）！
本文推荐最近在考虑新机会的小伙伴阅读！前言上周和部门BP聊天，她说最近在boss上放出一个初级前端岗位，平均每天都能收到500多份简历。前端市场越来越卷，跳槽前做好技术进阶突击，才能稳拿offer。资料内容展示三个维度：资料框架+八股文+Vue3面试题+算法题部分资料逻辑框架八股文面试必备的八股文，整理的超级全。结合了2024年最新的面试动向，精准拿捏今年的前端面试！Vue3相关面试题总结重...
2024-04-16 10:20:19
8
转载 CSS实现一个故障时钟效果
点击关注公众号，“技术干货”及时达！起因最近公司事情不是太多，我趁着这段时间在网上学习一些Cool~的效果。今天我想和大家分享一个故障时钟的效果。很多时候，一个效果开始看起来很难，但是当你一步步摸索之后，就会发现其实它们只是由一些简单的效果组合而成的。效果05.gif什么是故障效果(Glitch)❝"glitch" 效果是一种模拟数字图像或视频信号中出现的失真、干扰或故障的视觉效果。它通常表现为...
2024-04-16 10:20:19
7
原创 js-pytorch：开启前端+AI新世界
嗨， 大家好， 我是徐小夕。最近在 github 上发现一款非常有意思的框架—— js-pytorch。它可以让前端轻松使用 javascript 来运行深度学习框架。作为一名资深前端技术玩家， 今天就和大家分享一下这款框架。往期精彩Nocode/Doc，可视化+ 零代码打造下一代文件编辑器用零代码的思维设计文档编辑引擎从零打造一款基于Nextjs+antd5.0的中后台管理系统目前人工智能领域...
2024-04-15 11:37:00
677
1
原创 开源推荐！Nextjs开发的适配多终端的精美购物平台
嗨， 大家好，我是徐小夕，之前和大家分享了很多可视化 + 零代码相关的技术实现和前端工程化的最佳实践， 最近研究 nextjs 也开源了一款基于 nextjs + antd5.0 的开源中后台系统（持续迭代中）：从零打造一款基于Nextjs+antd5.0的中后台管理系统今天继续和大家分享一位技术小伙伴 自荐 的非常有意思的开源电商平台——c-shopping。这款电商平台基于 Nextjs 开发...
2024-04-11 12:51:25
228
原创 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
306
原创 用零代码的思维设计文档编辑引擎
嗨，大家好，我是徐小夕。之前和大家分享了很多零代码，可视化相关的最佳实践，最近也花了很多实践研究文档引擎，接下来就和大家分享一下最近的研究成果。大家上图看到的就是我做的文档编辑引擎，类似于飞书文档和钉钉文档，我们可以使用它轻松编写文档，并能随意调整文档元素的顺序。这一方案实现依赖于block 的设计思想，我们可以把文档想象成一个个由块组成的内容，每一个块都能共享编辑器对应的能力，并且可以分治管理。...
2024-04-07 08:30:24
388
转载 告别轮询，手把手教你封装WebSocket消息推送！
在做一些后台项目的时候，有时候需要前端去实时接收消息；一种比较原始的做法就是前端每隔一段时间主动去轮询服务器，如果用户较多的情况下，会给服务器造成一定的压力，而且访问的频率也无法准确把握，所以这种需求还是使用websocket来解决。下面我们就从0到1封装一套websocket消息推送功能模块。文章涉及到的知识均为前端部分，后端部分我们就不展开来说了。如果文章对你有帮助，记得????点赞????收藏！需求梳...
2024-04-05 12:02:51
20
转载 真心建议前端冲一冲新兴领域，工资高前景好
随着GPT大热“AI大模型”无疑是最火爆的话题！Google、百度、腾讯等巨头互联网公司，无不在布局人工智能技术和市场，为挖掘会用AI的前端相关人才甚至开出60k*16薪的高薪抢人作为普通程序员，如何站在时代前沿，享受AI技术带来的红利？！????知乎知学堂特发起：行业前沿资源——AI大模型公开课已为本号粉丝开通免费领取权限预计24小时后关闭通道！速进！AI大模型-重塑程序员核心竞争力（不限年龄！不...
2024-04-05 12:02:51
12
原创 安利一款好用到爆的可视化拖拽库
嗨，大家好，我是徐小夕，之前一直在研究可视化零代码相关的技术实践，也做了很多可视化搭建的产品，比如：H5-Dooring（页面可视化搭建平台）V6.Dooring（数据大屏可视化平台）formManager（表单搭建引擎）最近在研发智能搭建系统（WEP）的时候发现一款非常好用的可视化拖拽插件——draggable。它在 github 上有17.4k star，提供了很多非常精美的拖拽案例， 我们使...
2024-04-04 12:21:05
305
原创 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
689
原创 Nextjs项目部署，跨端适配，图表渲染优化复盘
最近开源了一款基于 Nextjs + Antd5.0 的管理后台系统，打算持续迭代到开发者能傻瓜式开发和部署管理后台的程度， 下面和大家分享一下最近的一些更新。添加pm2持久化部署配置优化打包后图表渲染白屏问题支持PC端和移动端适配添加白板制作页面接下来会和大家分享一下具体的实现， 如果大家想了解 next-admin 这款开源管理系统， 可以参考下面的文章：从零打造一款基于Nextjs+antd...
2024-04-01 08:50:28
728
转载 请拿下软考，现在！立刻！马上！
????分享一个知乎知学堂发起的软考学习交流群（IT人必备！！）群里有：✅ 2天名师直播课，梳理核心考点；✅7天1V1备考指导，扫清备考难题；✅ 赠送2024最新备考资料包+题库；重点是不需要集赞、转发、分享，扫码就能免费加入!但是为了保证服务和学习质量，免费名额仅限定前100人！软考也叫软件水平考试，软考证书是国央企、IT 圈、大厂公认的高含金量证书！加上政策福利好、市场需求变大，直接火爆 IT 圈...
2024-03-30 12:00:18
18
转载 前端视角解读新媒体投放
往期推荐：从零打造一款基于Nextjs+antd5.0的中后台管理系统前言身为前端，虽然我们是技术岗位，但我们存在的意义本质还是“用技术能力去服务业务，帮助业务成功”。身在业务线，与其说我们是开发者，不如说我们其实是“技术服务提供者”。为了更好的服务，需要主动关注业务：理解业务目标和需求，学习业务知识，参与业务规划和决策，掌握用户需求，进而持续学习和提升。这篇文章则是从前端视角解读新媒体投放，为实...
2024-03-30 12:00:18
25
原创 从零打造一款基于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
602
转载 用three.js做一个3D汉诺塔游戏
入门 three.js 也有一阵子了，我发现用它做 3D 挺有趣的，而且学习门槛也不算高。在这篇博文中，我想分享一下利用 three.js 做一个 3D 版汉诺塔（河内塔）的过程，以及对 three.js 相关知识点进行一次较为全面的实战总结。希望能与大家交流技术心得和经验，一起共同进步。效果展示游戏规则：将串在左边柱杆（A柱）上的盘子全部挪进右边柱杆（C柱）即可获胜；一次只能挪动最上面的一个盘子...
2024-03-27 08:20:41
45
原创 鸿蒙生态专访——对话华为HDE坚果
hi, 大家好, 我是徐小夕. 之前在趣谈前端和大家分享了很多前端工程化, 可视化和低代码的技术实践, 今天又到了《小夕朋友圈》专访时刻, 我会定期采访国内外优秀的开源作者, 独立开发者和创业者, 分享他们的学习成长经验和独立产品开发经验, 让更多热爱技术的小伙伴建立技术自信和技术连接. 同时也让 10w+ 程序员伙伴们看到国内优质的开源项目和技术产品.如果你也是一名独立开发者, 开源作者, 或者...
2024-03-25 19:48:59
662
原创 复盘!如何设计可视化搭建平台的组件商店？
相关文章:如何搭积木式的快速开发H5页面?演示地址:H5-Dooring页面制作平台关注并将「趣谈前端」设为星标每周按定时推送技术干货/优秀开源/技术思维之前一直在做lowcode和可视化相关的项目，也围绕可视化技术输出了一系列技术文章，今天我继续和大家来聊聊可视化平台相关的话题——组件商店。这个需求其实很早在我开源 H5-Dooring 之后就有网友提出过issue，如下：正好最近也...
2024-03-22 08:20:45
755
原创 发现 AI 宝藏：你不能错过的AI产品推荐
hi, 大家好, 我是徐小夕, 一名前端资深玩家. 今天暂时不分享前端技术, 带大家聊聊AI和AIGC产品.这两年AI非常火, 国内也涌现出很多AI相关的产品. 作为一名非AI专业人才,怎么去做AI产品呢? 这个也是我一直探索的课题. 好在很多AI项目都提供了API接口供我们调用, 同时在 github 上也涌现了很多 开源大模型, 我们可以轻松本地化部署它们来实现我们想要的AI功能. 比如:s...
2024-03-15 08:20:51
411
原创 分享一款基于web的PPT制作框架——reveal.js
前言最近在做产品复盘和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了我的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候我发现了reveal.js:一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟系统的调研了一下, 觉得基本满足技术分享...
2024-03-14 08:30:29
407
转载 vue3项目同事用 provide+ref 组件实例进行跨组件通信 ，给我看傻了
前言 平常 你在开发过程中是不是经常会遇到这种场景：一个页面共有多个区域， 头部区域和中间区域是兄弟组件 头部区域有一个 按钮 会修改 中间部分的内容正常解决方案 正常我们的解决方案 无非就是 props搭配emit 或者bus 总线：mitt 或者 子组件emit出去父组件用ref获取组件实例去改参数等等，但是我同事不一样 后面会叙述props+ emit父组件Header 组件Content ...
2024-03-14 08:30:29
35
转载 unocss 究竟比 tailwindcss 快多少？
点击关注公众号，“技术干货”及时达！unocss 究竟比 tailwindcss 快多少？前言我们知道 unocss 很快，也许是目前最快的原子化 CSS 引擎 (没有之一)。unocss 解释它为什么这么快的原因，是因为它不用去解析 CSS 抽象语法树，直接在 content 里面通过正则表达式从内容中提取 token，然后生成样式。这点从 unocss 官方提供目前最新的测试结果可以看到（2...
2024-03-13 10:10:18
38
转载 面了8个前端开发，发现了一个通病…
面了很多前端开发，发现一个通病。。如今闷头刷题已经行不通。与其没有目标的死磕LeetCode，不如站在阿里大神的肩膀上，背熟大神整理的刷题笔记，才是省时省力的上岸路径！为了帮助小伙伴们快速掌握大厂前端高频考点，上周找阿里P8级前端专家要来了一套内部资料????《阿里前端高频面试真题库》，文档内容为「核心知识点 + N 道相关面试题解析」，掌握了不单能应付面试，还能学到更多的前端核心知识，应用在工作中...
2024-03-13 10:10:18
18
原创 从零开发可视化大屏制作平台(技术拆解版)
最近由于可视化大屏的服务器到期了, 用于演示的网站换了域名, 如果大家想体验或者学习可视化大屏设计思路, 可以移步新网址:https://v6.dooring.vip账号: [email protected]密码: 12345678接下来笔者就来带大家一起看看我对的V6.Dooring可视化大屏方案设计和技术实现.你将收获可视化大屏产品设计思路主流可视化图表库技术选型大屏编辑器设计思路大屏可...
2024-03-11 08:30:47
348
原创 分享一款基于web的开源word文档编辑器
hi, 大家好, 我是徐小夕, 最近在研究基于 web 的文档编辑器,在网上调研了很多方案, 刚好看到了一款非常有意思的开源编辑器——canvas-editor, 它底层基于 canvas 实现, 我们使用它可以实现类似于 word文档编辑器类似的效果, 同时还支持很多灵活可配置的 API, 可以帮助我们定制属于自己的文档编辑平台, 如果你刚好也想着手实现, 这个项目将非常适合你.同时, 作者是国...
2024-03-06 08:25:19
1070
1
转载 前端最全的5种换肤方案总结
点击关注下方公众号，“技术干货”及时达！最近一年很多客户要求更换主题色，而团队的项目基础框架不一，因此几乎使用了所有的更换主题的方案。以下总结了各方案的实现以及优缺点，希望能帮助有需要更换主题色的伙伴少踩坑。方案一：硬编码对一些老的前端基础库和业务库样式没有提取公共样式，当有更换主题的需求，实现的方法只能是全局样式替换，工作量比较大，需要更改form表单、按钮、表格、tab、容器等所有组件的各种...
2024-03-06 08:25:19
147
转载 今天面试了一个前端女生，当场想给她offer！
马上就是金三银四跳槽高峰期了，上周找阿里P8级前端大佬要来了几套高质量内部资料。既是高频真题，也是一套前端进阶学习宝典。几乎满足各级前端工程师的需求，内容涵盖了Html、Css、Javascript、vue、React、小程序、算法等等。实战代码清晰，解析也十分全面。足足有15套！据说有不少朋友靠这套资料进了字节、蚂蚁、美团等大厂。掌握了不单能应付面试，还能学到更多的前端核心知识，应用在工作中...
2024-03-05 10:10:50
19
转载 ElTable 二次封装：我用 Vue3.3 新特性完美解决了列插槽数据无类型提示问题！！！...
扯皮关于 ElTable 的二次封装其实已经有大篇文章讲述了，但正如标题所说很少有人结合 Vue 3.3 里的泛型组件以及 defineSlots 这两个特性来谈封装，甚至只是简单介绍了一下这两个新特性，很少有将其运用到业务场景中????关于这里实现的思路早在暑期 Vue3.3 已经成为正式版之后我就发现了，因为当时在实习公司用 Vue2 + ElementUI 写常见的中后台业务，只能说在真实业务场景...
2024-03-05 10:10:50
143
1
原创 小夕朋友圈: 前端Strve.js框架作者专访
hi, 大家好, 我是徐小夕. 之前在趣谈前端和大家分享了很多前端工程化, 可视化和低代码的技术实践, 最近上线了《小夕朋友圈》栏目, 我会定期采访国内外优秀的开源作者, 独立开发者和创业者, 分享他们的学习成长经验和独立产品开发经验, 让更多热爱技术的小伙伴建立技术自信和技术连接. 同时也让 5w+ 程序员伙伴们看到国内优质的开源项目和技术产品.如果你也是一名独立开发者, 开源作者, 或者创业者...
2024-02-28 08:02:51
342
转载 浏览器如何运行一段JavaScript代码
开篇JavaScript在我们日常开发中扮演着至关重要的角色，大部分时间都与它打交道，因此对这门语言的了解再多也不为过。虽然有很多关于JavaScript的书籍和资料，但绝大多数都从JavaScript语言本身的角度去分析其语法和语义，很少有与JavaScript具体执行过程相关的分析资料。因此，我邀请大家一起从浏览器的角度来看一下一段JavaScript代码到底是如何执行的。以 Google 浏...
2024-02-23 08:10:09
40
原创 Excalidraw, 一款超赞的开源白板工具
今天和大家安利一款超赞的开源项目, 基于这个项目我们可以轻松定制自己的白板, 思维导图, 原型草图设计, 流程图工具等, 它就是——Excalidraw.接下来我会和大家介绍一下这款开源项目的功能特点, 如何二次开发, 以及如何使用我改造好的成品快速部署到自己的服务器上.效果演示:在线地址: https://board.dooring.vip开源地址: https://gitee.com/lowc...
2024-02-23 08:10:09
956
转载 React Hooks学习指北
一、前言在当今的前端开发环境中，越来越多的开发者认可了 Hooks 的强大能力，并纷纷加入到 Hooks 的使用大军中：2019 年 2 月，React 正式发布 v16.8 版本，引入 Hooks 能力（最新的 v18 中，还新增了 5 个 Hooks API）；2019 年 6 月，尤雨溪提出了 Vue3 Composition API 的提案，使 Vue3 中也能够使用 Hooks；诸如 A...
2024-02-22 10:10:26
27
转载 阿里内部首发2024前端开发手册，完整版开放下载了！
做技术的有一种资历，叫做通过了阿里的面试。上周找阿里P8级前端专家要来了一套内部资料——《阿里前端高频面试真题库》，都是常考必考点，文档内容整理采用「核心知识点 + N 道相关面试题」模式，掌握了不单能应付面试，还能学到更多的前端核心知识，应用在工作中！下面是部分资料内容的展示↓（PS：PDF文档在文末领取）1Javascript面试真题解析 210页2Vue面试真题 237页3Css面试真题...
2024-02-22 10:10:26
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人