- 博客(638)
- 收藏
- 关注
原创 当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?
前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑,...
2020-06-09 22:00:00 17064 43
原创 前端开发中不可忽视的知识点汇总(二)
本文为前端开发重要知识点汇总系列第二篇,上一篇请参考22. 让页面里的字体变清晰,变细用CSS怎么做?-webkit-font-smoothing:antialiase...
2019-10-21 08:00:00 2307 2
原创 web性能优化的15条实用技巧
javascript在浏览器中运行的性能,可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂,事实上,多数浏览器使用单一进程来...
2019-10-02 18:30:20 3051 3
原创 前端开发中不可忽视的知识点汇总(一)
本文结合自己前端日常开发中,经常用到的且非常重要的一些知识点,进行了汇总,这是本系列第一篇。1.css禁用鼠标事件.disabled { pointer-eve...
2019-09-24 19:34:05 1708
原创 用css3实现惊艳面试官的背景即背景动画(高级附源码)
我们传统的前端更多的是用javascript实现各种复杂动画,自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,...
2019-09-22 18:30:00 6432 2
原创 5分钟教你用nodeJS手写一个mock数据服务器
对于前端开发者而言,javascript正扮演着越来越重要的地位,它不仅能为浏览器端赋能,在web服务器方面也有很大的价值(我们可以用nodeJS来写服务端代码,启动we...
2019-09-07 18:30:00 3981 4
转载 用three.js做一个3D汉诺塔游戏
入门 three.js 也有一阵子了,我发现用它做 3D 挺有趣的,而且学习门槛也不算高。在这篇博文中,我想分享一下利用 three.js 做一个 3D 版汉诺塔(河内塔)的过程,以及对 three.js 相关知识点进行一次较为全面的实战总结。希望能与大家交流技术心得和经验,一起共同进步。效果展示游戏规则:将串在左边柱杆(A柱)上的盘子全部挪进右边柱杆(C柱)即可获胜;一次只能挪动最上面的一个盘子...
2024-03-27 08:20:41 3
原创 鸿蒙生态专访——对话华为HDE坚果
hi, 大家好, 我是徐小夕. 之前在趣谈前端和大家分享了很多前端工程化, 可视化和低代码的技术实践, 今天又到了《小夕朋友圈》专访时刻, 我会定期采访国内外优秀的开源作者, 独立开发者和创业者, 分享他们的学习成长经验和独立产品开发经验, 让更多热爱技术的小伙伴建立技术自信和技术连接. 同时也让 10w+ 程序员伙伴们看到国内优质的开源项目和技术产品.如果你也是一名独立开发者, 开源作者, 或者...
2024-03-25 19:48:59 485
原创 复盘!如何设计可视化搭建平台的组件商店?
相关文章:如何搭积木式的快速开发H5页面?演示地址:H5-Dooring页面制作平台关注并将「趣谈前端」设为星标每周按定时推送技术干货/优秀开源/技术思维之前一直在做lowcode和可视化相关的项目,也围绕可视化技术输出了一系列技术文章,今天我继续和大家来聊聊可视化平台相关的话题——组件商店。这个需求其实很早在我开源 H5-Dooring 之后就有网友提出过issue,如下:正好最近也...
2024-03-22 08:20:45 748
原创 发现 AI 宝藏:你不能错过的AI产品推荐
hi, 大家好, 我是徐小夕, 一名前端资深玩家. 今天暂时不分享前端技术, 带大家聊聊AI和AIGC产品.这两年AI非常火, 国内也涌现出很多AI相关的产品. 作为一名非AI专业人才,怎么去做AI产品呢? 这个也是我一直探索的课题. 好在很多AI项目都提供了API接口供我们调用, 同时在 github 上也涌现了很多 开源大模型, 我们可以轻松本地化部署它们来实现我们想要的AI功能. 比如:s...
2024-03-15 08:20:51 383
原创 分享一款基于web的PPT制作框架——reveal.js
前言最近在做产品复盘和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了我的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候我发现了reveal.js:一个使用 HTML 语言制作演示文稿的 Web 框架,支持插入多种格式的内容,并以类似 PPT 的形式呈现. 花了15分钟系统的调研了一下, 觉得基本满足技术分享...
2024-03-14 08:30:29 345
转载 vue3项目同事用 provide+ref 组件实例进行跨组件通信 ,给我看傻了
前言 平常 你在开发过程中是不是经常会遇到这种场景:一个页面共有多个区域, 头部区域和中间区域是兄弟组件 头部区域有一个 按钮 会修改 中间部分的内容正常解决方案 正常我们的解决方案 无非就是 props搭配emit 或者bus 总线:mitt 或者 子组件emit出去父组件用ref获取组件实例去改参数等等,但是我同事不一样 后面会叙述props+ emit父组件Header 组件Content ...
2024-03-14 08:30:29 20
转载 unocss 究竟比 tailwindcss 快多少?
点击关注公众号,“技术干货”及时达!unocss 究竟比 tailwindcss 快多少?前言我们知道 unocss 很快,也许是目前最快的原子化 CSS 引擎 (没有之一)。unocss 解释它为什么这么快的原因,是因为它不用去解析 CSS 抽象语法树,直接在 content 里面通过正则表达式从内容中提取 token,然后生成样式。这点从 unocss 官方提供目前最新的测试结果可以看到(2...
2024-03-13 10:10:18 18
转载 面了8个前端开发,发现了一个通病…
面了很多前端开发,发现一个通病。。如今闷头刷题已经行不通。与其没有目标的死磕LeetCode,不如站在阿里大神的肩膀上,背熟大神整理的刷题笔记,才是省时省力的上岸路径!为了帮助小伙伴们快速掌握大厂前端高频考点,上周找阿里P8级前端专家要来了一套内部资料????《阿里前端高频面试真题库》,文档内容为「核心知识点 + N 道相关面试题解析」,掌握了不单能应付面试,还能学到更多的前端核心知识,应用在工作中...
2024-03-13 10:10:18 15
原创 从零开发可视化大屏制作平台(技术拆解版)
最近由于可视化大屏的服务器到期了, 用于演示的网站换了域名, 如果大家想体验或者学习可视化大屏设计思路, 可以移步新网址:https://v6.dooring.vip账号: xujiang156@qq.com密码: 12345678接下来笔者就来带大家一起看看我对的V6.Dooring可视化大屏方案设计和技术实现.你将收获可视化大屏产品设计思路主流可视化图表库技术选型大屏编辑器设计思路大屏可...
2024-03-11 08:30:47 325
原创 分享一款基于web的开源word文档编辑器
hi, 大家好, 我是徐小夕, 最近在研究基于 web 的文档编辑器,在网上调研了很多方案, 刚好看到了一款非常有意思的开源编辑器——canvas-editor, 它底层基于 canvas 实现, 我们使用它可以实现类似于 word文档编辑器类似的效果, 同时还支持很多灵活可配置的 API, 可以帮助我们定制属于自己的文档编辑平台, 如果你刚好也想着手实现, 这个项目将非常适合你.同时, 作者是国...
2024-03-06 08:25:19 919 1
转载 前端最全的5种换肤方案总结
点击关注下方公众号,“技术干货”及时达!最近一年很多客户要求更换主题色,而团队的项目基础框架不一,因此几乎使用了所有的更换主题的方案。以下总结了各方案的实现以及优缺点,希望能帮助有需要更换主题色的伙伴少踩坑。方案一:硬编码对一些老的前端基础库和业务库样式没有提取公共样式,当有更换主题的需求,实现的方法只能是全局样式替换,工作量比较大,需要更改form表单、按钮、表格、tab、容器等所有组件的各种...
2024-03-06 08:25:19 62
转载 今天面试了一个前端女生,当场想给她offer!
马上就是金三银四跳槽高峰期了,上周找阿里P8级前端大佬要来了几套高质量内部资料。既是高频真题,也是一套前端进阶学习宝典。几乎满足各级前端工程师的需求,内容涵盖了Html、Css、Javascript、vue、React、小程序、算法等等。实战代码清晰,解析也十分全面。足足有15套!据说有不少朋友靠这套资料进了字节、蚂蚁、美团等大厂。掌握了不单能应付面试,还能学到更多的前端核心知识,应用在工作中...
2024-03-05 10:10:50 15
转载 ElTable 二次封装:我用 Vue3.3 新特性完美解决了列插槽数据无类型提示问题!!!...
扯皮关于 ElTable 的二次封装其实已经有大篇文章讲述了,但正如标题所说很少有人结合 Vue 3.3 里的泛型组件以及 defineSlots 这两个特性来谈封装,甚至只是简单介绍了一下这两个新特性,很少有将其运用到业务场景中????关于这里实现的思路早在暑期 Vue3.3 已经成为正式版之后我就发现了,因为当时在实习公司用 Vue2 + ElementUI 写常见的中后台业务,只能说在真实业务场景...
2024-03-05 10:10:50 54
原创 小夕朋友圈: 前端Strve.js框架作者专访
hi, 大家好, 我是徐小夕. 之前在趣谈前端和大家分享了很多前端工程化, 可视化和低代码的技术实践, 最近上线了《小夕朋友圈》栏目, 我会定期采访国内外优秀的开源作者, 独立开发者和创业者, 分享他们的学习成长经验和独立产品开发经验, 让更多热爱技术的小伙伴建立技术自信和技术连接. 同时也让 5w+ 程序员伙伴们看到国内优质的开源项目和技术产品.如果你也是一名独立开发者, 开源作者, 或者创业者...
2024-02-28 08:02:51 338
转载 浏览器如何运行一段JavaScript代码
开篇JavaScript在我们日常开发中扮演着至关重要的角色,大部分时间都与它打交道,因此对这门语言的了解再多也不为过。虽然有很多关于JavaScript的书籍和资料,但绝大多数都从JavaScript语言本身的角度去分析其语法和语义,很少有与JavaScript具体执行过程相关的分析资料。因此,我邀请大家一起从浏览器的角度来看一下一段JavaScript代码到底是如何执行的。以 Google 浏...
2024-02-23 08:10:09 27
原创 Excalidraw, 一款超赞的开源白板工具
今天和大家安利一款超赞的开源项目, 基于这个项目我们可以轻松定制自己的白板, 思维导图, 原型草图设计, 流程图工具等, 它就是——Excalidraw.接下来我会和大家介绍一下这款开源项目的功能特点, 如何二次开发, 以及如何使用我改造好的成品快速部署到自己的服务器上.效果演示:在线地址: https://board.dooring.vip开源地址: https://gitee.com/lowc...
2024-02-23 08:10:09 940
转载 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 21
转载 阿里内部首发2024前端开发手册,完整版开放下载了!
做技术的有一种资历,叫做通过了阿里的面试。上周找阿里P8级前端专家要来了一套内部资料——《阿里前端高频面试真题库》,都是常考必考点,文档内容整理采用「核心知识点 + N 道相关面试题」模式,掌握了不单能应付面试,还能学到更多的前端核心知识,应用在工作中!下面是部分资料内容的展示↓(PS:PDF文档在文末领取)1Javascript面试真题解析 210页2Vue面试真题 237页3Css面试真题...
2024-02-22 10:10:26 33
原创 推荐!表单&试卷零代码搭建平台技术详解
hi, 大家好, 我是徐小夕. 年前和大家分享了新开发的轻量级零代码平台——橙子试卷, 主要用于可视化的搭建表单, 试卷等场景, 让不懂技术的人也能拖拽式创建自己的表单和试卷.今天就来和大家分享一下橙子试卷的技术架构和技术实现, 如果你也在调研零代码, 低代码, 或者表单引擎等技术, 那么这篇文章也许可以给你带来一些灵感.体验地址: https://turntip.cn/form-engine文末...
2024-02-21 08:04:25 304
转载 360个小时, 我们开发了一款开箱即用的开源博客系统
hi, 大家好, 我是徐小夕, 今天给大家分享一款由helloworld开发者社区开源非常实用的博客系统——飞鹅.飞鹅(flygoose)是款完全免费开源博客系统,源码可以二次开发,没有任何限制,可以快速帮助开发者搭建一个专属于自己的独立站点.github地址: https://github.com/helloworld-Co/flygoose-blog官网地址: https://flygoose...
2024-02-07 12:06:57 54
原创 基于mathlive将数学公式编辑器集成到可视化搭建平台
hi, 大家好, 我是徐小夕. 上篇文章和大家分享了刚开发完的可视化搭建产品——橙子试卷. 收到了很多用户的反馈和建议, 其中有一个建议我觉得非常有意思, 所以花了一天时间研究和实现了这个用户需求.具体需求如下:对于高等数学类课程的试卷, 能不能实现编辑数学公式的功能呢?经过了一系列的调研和可行性分析, 我觉得这个需求非常有价值, 而且应用面很广, 技术上从 web 的角度也是可以实现的, 所以我...
2024-02-05 08:09:23 773
原创 新产品!可视化试卷搭建平台
hi, 大家好, 我是徐小夕. 之前和大家分享了很多可视化低代码和零代码的技术实现和产品设计思路, 也和大家分享了 H5-Dooring 零代码搭建平台的技术实现和未来规划, 今天继续和大家分享一下我们的新产品——橙子试卷.橙子试卷 是一款可视化试卷/问卷搭建平台, 我们可以通过拖拽的方式快速创建试卷, 表单, 微官网等.产品技术实现目前技术栈上, 考虑到国内用户对 vue3 比较钟爱, 所以前端...
2024-02-02 11:13:15 390
原创 小产品, 快变现, solo社区共建者专访
hi, 大家好, 我是徐小夕. 之前在趣谈前端和大家分享了很多前端工程化, 可视化和低代码的技术实践, 也在《趣谈前端》中上线了《小夕朋友圈》栏目, 会定期采访国内外优秀的开源作者, 独立开发者和创业者, 分享他们的学习成长经验和独立产品开发经验, 让更多热爱技术的小伙伴建立技术自信和技术连接. 同时也让 5w+ 程序员伙伴们看到国内优质的开源项目和技术产品.如果你也是一名独立开发者, 开源作者,...
2024-01-29 15:07:41 857
转载 图解 CSS:CSS 层叠和继承
CSS 中有三个概念是必须要掌握的:层叠、继承和权重。今天我们主要来了解 CSS 中的层叠和继承,对于 CSS 权重这一部分将放到 CSS 的选择器中来介绍,因为这一部分和 CSS 的选择器耦合的更为紧密。不管是初学者还是有一定工作经验的同学,花点时间阅读这篇文章都是很有必要的,这样有利于你对 CSS 更清楚的了解和理解。在很多 Web 开发人员眼中,CSS 不是一门程序语言,但它真真切切的是一门...
2024-01-29 15:07:41 46
原创 2024年的技术成长规划(文末送书)
写了4年的技术文章, 是时候回过头复盘一下了.这四年主要以分享大前端技术为主, 比如:css高级技巧js库开发微前端和组件库设计nodejs全栈开发可视化技术分享零代码&低代码解决方案技术实践前端工具化实践也转载过很多优质内容, 但是总觉得缺点什么, 也许是不够聚焦.2024 年比较火的几个方向比如鸿蒙开发, AI 技术, 前端新框架&解决方案, bunjs 等, 确实会改变未来...
2024-01-26 08:10:36 354
转载 Electron打造你自己的录屏软件
点击关注公众号,”技术干货”及时达!往期精彩爆肝1000小时, Dooring零代码搭建平台3.5正式上线前言录屏软件对于我们来说都不陌生了,今天我们要做的事情是实现自己的录屏软件。载体使用Electron,因为它更适合录制桌面的场景。我们今天实现的录屏软件会包括下面的功能分辨率调节帧率调节支持保存为webm、mp4、gif格式本文用到的技术包括:electronffmpegviteantd下...
2024-01-25 08:10:36 77
转载 前端性能优化手册 - RoadMap
点击关注公众号,”技术干货”及时达!一、前言在日常需求中,开发者只要能保证静态、动效、功能、埋点都正确实现,再把需求和接口文档认真理理就已经称得上信赖的好同事了。但对于性能优化,我们通常只是依赖零散的经验,如偶尔的图片压缩、点击的防抖节流这种散点式手段。「本文旨在把常见的前端性能优化的手段归类整理,画大图,供大家在自己的自测流程中参考。」对于性能优化,并不是说有了这张大图,就不管开发什么项目都对...
2024-01-22 08:10:36 38
原创 专访: 前端出身, 98后的AI创业者——朱昆鹏
hi, 大家好, 我是徐小夕. 之前在公众号和大家分享了很多前端工程化, 可视化和低代码的技术实践, 最近在《趣谈前端》中上线了《小夕朋友圈》栏目, 我会定期采访国内外优秀的开源作者, 独立开发者和创业者, 分享他们的学习成长经验和独立产品开发经验, 让更多热爱技术的小伙伴建立技术自信和技术连接. 同时也让公众号里的 5w+ 程序员伙伴们看到国内优质的开源项目和技术产品.如果你也是一名独立开发者,...
2024-01-22 08:10:36 1011
原创 爆肝1000小时, Dooring零代码搭建平台3.5正式上线
hi, 大家好, 我是徐小夕. 今天和大家分享一下零代码搭建平台 Dooring 最新版 3.5 的 技术架构, 产品设计思路, 产品技术目标(帮助个体和企业低成本的拥有适合自身业务的可视化搭建平台) 以及未来规划.Dooring 从 2020 年开源第一个版本至今已经过去 4 年了, 基于对 技术 和 用户体验 的极致追求, 每一年我们都做了大量的更新迭代, 期望能把用户的 搭建体验 做到最好,...
2024-01-18 16:30:21 350
原创 Pro-Chat: 一款面向未来的开源智能聊天组件
hi, 大家好, 我是徐小夕, 最近在 github 上看到一款非常有意思的开源项目, 定位是开箱即用的大模型对话前端解决方案, 我们使用它可以轻松构建聊天组件, 并且可以一键集成主流 AI 大模型, 比如 通义千问, ChatGpt 等. (让前端再也不用从零写聊天组件了~)我会在文末贴上这款 开源聊天组件 的文档地址和 github 地址.组件demo演示功能亮点我根据自己的使用和实践, 总结...
2024-01-17 08:05:37 1250
转载 极致舒适的Vue高性能列表
往期精彩:前端工作7年, 聊聊工作&开源&创业列表是一种常见的UI组件,相信大家应该都遇到过,并且也都自己实现过!不知道大家是怎么实现的,是根据业务进行CSS布局还是使用了第三方的组件。在这里分享下自认为比较舒适的列表组件及实现思路。使用及效果 网格列表代码<scriptsetuplang="ts">importGridList,{RequestFunc...
2024-01-14 11:34:15 48
原创 专访华为 OpenTiny开源项目负责人 Kagol
hi, 大家好, 我是徐小夕. 最近在我的公众号《趣谈前端》中上线了《小夕朋友圈》栏目, 我会定期采访国内外优秀的开源作者和独立开发者, 分享他们的学习成长经验和独立产品开发经验, 让更多热爱技术的小伙伴建立技术自信和技术连接. 同时也让公众号里的5w+程序员伙伴们看到国内优质的开源项目和独立产品.如果你也是一名独立开发者或者开源作者,欢迎自荐.今天采访的嘉宾是华为 OpenTiny 开源项目负责...
2024-01-12 18:57:29 755
原创 5.25秒变0.023秒:小程序图片优化全攻略
本文首发于lonjin个人博客,转载请注明出处地址: https://lonjinup.github.io最近在公司在写微信小程序,该小程序主要展示一些高清图片,所以图片数量非常多,而且图片尺寸也比较大,导致小程序的加载时间非常长。所以这里记录一下如何减少小程序图片的加载时间。优化前这里我挑选了一些项目里面比较大的图片,还有我之前保存的一些背景图,共计12张,上传到阿里云oss,然后写了一个dem...
2024-01-11 08:01:41 803
转载 Vue Hooks: 让Vue开发更简单与高效
点击关注公众号,”技术干货”及时达!前言Hooks是React等函数式编程框架中非常受欢迎的工具,随着VUE3 Composition API 函数式编程风格的推出,现在也受到越来越多VUE3开发者的青睐,它让开发者的代码具有更高的复用度且更加清晰、易于维护。本文将快速略过并了解Hooks的使用基础以及自定义HOOK开发相关的要点,快速入门。本文含有参考自官方文档、他人文章的内容,侵删。Hook...
2024-01-10 08:01:21 67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人