20231222 前端开发周报

开源不挣钱?这个项目上线半年月入超 30w;Gitee的刷星乱象:能成为推荐第一;前端之虎陈随易 2023 年终回顾与总结;前端项目公共组件封装思想(Vue);Vue 2 即将停止更新;圣诞节快到了,用ThreeJS给女朋友写了一个圣诞树,她很开心;前端开发怎样开发一个自己的产品;Flutter到鸿蒙,不是有手就行吗? (下拉刷新)

  1. 开源不挣钱?这个项目上线半年月入超 30w

    很兴奋的告诉大家,Sealos 自从 6 月份上线以来,**仅半年时间注册用户已经突破 7万,月收入超过 30w**,本文来向大家介绍我们是怎么做开源商业化的。每月平均增速超过 40%,而且这些收入

  2. Gitee的刷星乱象:能成为推荐第一

    今天,笔者闲来无聊,决定探索一下Gitee上的热门推荐项目。迫不及待地打开了Gitee官网,点击了“Stars”排行榜,欣赏着星标数量遥遥领先的项目。然而,随着深入了解,我渐渐发现了一些令人怀疑的迹象

  3. 前端之虎陈随易 2023 年终回顾与总结

    前端之虎陈随易 2023 年终回顾与总结 本文参与掘金 2023 年度征文活动,请大家帮我随手点个支持,提升一下名次,谢谢~ 掘金 2023 年度人气创作者打榜中,快来帮我打榜吧~

  4. 前端项目公共组件封装思想(Vue)

    1. 通用组件(表单搜索+表格展示+分页器) 在项目当中我们总会遇到这样的页面:页面顶部是一个表单筛选项,下面是一个表格展示数据。表格下方是一个分页器,这样的页面在我们的后台管理系统中经常所遇到,有时

  5. Vue 2 即将停止更新

    随着2024年即将到来,我们借此机会提醒Vue社区,Vue 2将于2023年12月31日终止更新(EOL)。

  6. 圣诞节快到了,用ThreeJS给女朋友写了一个圣诞树,她很开心

    转眼间又是一年快要结束了,马上圣诞节就快到了。给女朋友(没有女朋友的就自己new一个吧)写一个圣诞树让她开心一下吧

  7. 前端开发怎样开发一个自己的产品

    昨日入城市,归来泪满巾。 遍身罗绮者,不是养蚕人。 写了一辈子代码,没有一行代码的产权是属于自己的。更没有一个产品是属于自己的。每一个程序员都值得拥有,一个属于自己的产品。

  8. Flutter到鸿蒙,不是有手就行吗? (下拉刷新)

    前言 五年前,有人告诉我,你可以错过其他技术,但千万不要错过 Flutter 。然而此刻,有人告诉我,如果你错过了鸿蒙,恐怕要错过下个时代了。

  9. 前端是怎么解析Excel、PDF、Word、PPT等文件的?

    一、写在前面 作为一名开发者,大家在开发过程中是不是经常遇到各种各样的文件,比如xlsx、word、ppt等办公类型的文件格式,还有pdf这种便携式的打印格式文件等。 但是通常情况下我们都是使用一个相

  10. 卡顿减少 95% — 记一次React性能优化实践(性能篇)

    什么?今天我被 Leader 拉进小黑屋了!“有很多用户吐槽咱的页面太卡了”,本文将从笔者近期参与的一个实际业务需求出发,总结性能优化思路,讲述我在 React 中后台场景下性能问题排查的心路历程

  11. 面试官:能不能给 Promise 增加取消功能和进度通知功能… 我:???

    这段时间闲着没事就去翻翻红宝书无意间看到了这两个功能,只能说很符合面试官的口味,以后要是我当上面试官一定让候选人来谈谈这两个点,然后顺势安利我这篇文章

  12. Python 作者分享了对 Rust、Go、Julia 和 TypeScript 的看法

    Python 发明者 Guido van Rossum 分享了他对其他一些编程语言的看法,比如Rust、Go、Julia 和 TypeScript。

  13. 一个小小的备忘录,让我熟悉了vue3全家桶

    vue3.js 实战–备忘录的实现 最近没有学到什么好的技术知识点分享,不过本次给大家带来一个实战,那就是使用 vue.js3 + ts 完成了一个小小的备忘录。虽然每个人的手机都自带有备忘录,但我

  14. localStorage 竟然支持存储 JavaScript 几乎所有数据类型

    更好用的 localStorage 封装,支持几乎所有 Javascript 数据类型的存取,当然 sessionStorage 也是支持的。

  15. 写 Vue 我建议非必要别用 watch

    场景 代码大概如下,删除了很多无关内容。 本来只有 2 个 watch,今天新功能加了个关键词搜索,又得多 watch 一个 keyword.value。 于是这里变成了 3 个 watch,而且里面

  16. 2023 年超全前端代码评审清单

    在项目开发中,代码评审是至关重要的一个环节,是整个项目健康运行的必要保障。笔者基于维护多年的 React 前端组件库,总结了如下的代码评审清单,欢迎大家参考讨论。

  17. Linus:批评 GitHub 代码合并【毫无用处的】

    Linux 和 Git 的创建者 Linus Torvalds 批评 GitHub 创造了“毫无用处的代码合并”

  18. 我可能是全中国最了解 tailwindcss 的开发者

    我可能是全中国最了解 tailwindcss 的开发者 我可能是全中国最了解 tailwindcss 的开发者 前言 预设 小工具 转化器 UI 组件库 开源起始 上下求索 开发之始 更多的平台 继续

  19. 8年前端,32岁,2023年终总结

    最近经常刷到大家的年终总结,忍不住也来参与一下。 2023总结 我比较喜欢简洁,就用图说明了,简单明了。

  20. 我在大专院校教前端(二)

    现在行情差,初级前端已经饱和并暴雷,各大培训机构前端方向要么关闭,要么缩减严重。对于一个37岁的老前端来说,大学老师或许是一个比较好的归宿!

  21. Web 自动化神器 Playwright:统一 API 操作多种浏览器 | 开源日报 No.113

    Playwright 是一个用于 Web 测试和自动化的框架,它允许使用单个 API 测试Chromium、Firefox 和 WebKit。

  22. 2023 年最后一波工具安利「GitHub 热点速览」

    2023 年还有两周就要接近尾声了,2023 年的热点速览还有一波工具好安利:比如上周推荐之后上了热榜的远程调试工具 page-spy-web,让调试像呼吸一般自然方便;还有轻量级的搜索引擎 oram

  23. 我是如何优雅地手写AJAX的

    浅聊一下 提到AJAX,好像有点熟悉… 搞懂 AJAX:写给前端新手的实用教程 在本篇文章中,我们将对其进行一个升华,带领大家来手写一个AJAX…

  24. 前端兼容性问题 – 屏幕尺寸兼容

    写在前面 前端开发最让人头疼的莫过于兼容性问题,继上一篇 前端兼容性问题 – CSS、JS 兼容 之后,这一篇主要研究并解决屏幕尺寸的兼容性问题 目录: 当前现状 解决方案 模拟设备测试方案 当前现状

  25. 开源数据整合利器DataFlux Func——与云可视化组件的数据交互实践

    基于官方杭州亚运会可视化的案例,准备了一个Function函数开发平台的数据可视化对接实践案例,介绍如何使用Function对观测云数据进行提取并发送给阿里云DataV可视化组件进行展示

  26. “JavaScript闭包:让你的代码更加灵活和高效”

    引言 这次我们来聊聊什么是闭包,其闭包是一个非常重要的概念。在JavaScript中,闭包可以实现私有化变量、模块化编程等功能,但同时也可能会导致内存泄漏问题。

  27. gRPC-Gateway:高效转换 RESTful 接口 | 开源日报 No.105

    gRPC-Gateway 是一个强大的工具,它可以将 gRPC 转换为 JSON,同时遵循 gRPC HTTP 规范。它可以帮助您以 gRPC 和 RESTful 风格同时提供 API,具有简单的配置

  28. FaceBook 开源 AtomicCss 解决方案:Stylex

    最近,Facebook 团队开源了他们内部的 Atomic Css 解决方案:stylex,正是这套解决方案让 facebook 首页样式文件体积减少百分之 80%。

  29. Flutter基建 – 形影不离的State**Widget

    本篇为Flutter基建的第七篇文章,主要介绍Flutter中StatelessWidget和StatefulWidget使用以及基础类Widget相关知识

  30. “Vue框架入门:让前端开发轻松愉快起来”

    在前端开发中,修改 HTML 数据是一项常见的任务。然而,纯粹的 JavaScript 方法存在一些不足和缺陷。为了解决这些问题,并更便捷地进行数据修改和更新,引入 Vue 框架是一个明智的选择。

  31. Flutter基建 – 12种隐式动画小组件全解析

    文章会围绕着ImplicitylyAnimatedWidget隐式动画组件来分析,通过代码+Gif的形式将12种常用的动画呈现出来.

  32. Cosmopolitan Libc:让 C 语言一次构建、随处运行 | 开源日报 No.109

    Cosmopolitan Libc 是一个令人兴奋的 C 语言库,它让 C 语言能够像 Java 一样一次编写,到处运行,而无需解释器或虚拟机。它通过重新配置标准的 GCC 和 Clang,输出符合

  33. Git命令之本地分支与远程分支支关联/解除关联

    解决git pull拉取最新的代码时出现运行命令后报错:Your configuration specifies to merge with the ref 'refs/heads/xxx

  34. Swift 响应式编程:简化 KVO 观察与 UI 事件处理 | 开源日报 No.110

    RxSwift 是 Swift 中的 Reactive Extensions 标准实现,它通过提供 Observable 接口来实现通用的计算抽象。它以 Swift 为中心,为 Rx API 提供了真

  35. flutter 原生PlatformView开发实现磁力气泡

    序 最近终于有些时间能够好好整理自己过去的知识,swiftui项目,flutter项目,以前之前主uikit项目.学而时习之,也算对自己有益的行为.本篇就来开篇讲讲我flutter项目中一些功能的实现

  36. 2023年中大厂面试经历分享,很可惜,但是没关系

    已经好久没有面试了,突然想起来自己曾经有面试过几家公司,那就分享一下这些面经吧,也算是积攒一下人品了。 先来说说我都面了啥吧。作为一个没有学历也没有什么实习经历的我,有幸靠着两个 star 数还可以的

  37. NocoDB:把任意数据库转换成智能表格 | 开源日报 No.112

    Kata Containers 是一个开源项目和社区,旨在构建轻量级虚拟机 (VMs) 的标准实现,使其在性能上表现得像容器一样,同时提供 VMs 级别的工作负载隔离和安全优势。它提供了类似容器的体验

  38. CSS之Grid网格布局详解

    网格布局 网格布局(Grid)是将网页划分成一个个网格单元,可任意组合不同的网格,轻松实现各种布局效果,也是目前CSS中最强大布局方案,比Flex更强大。需要学习Flex弹性布局的看这里。 基本概念

  39. nodejs+vue+ElementUi吉他钢琴乐器乐谱推荐交流网站41tj9

    文章浏览阅读63次,点赞3次,收藏4次。本系统主要包括以下功能模块:首页、个人中心、用户管理、乐谱管理、乐器管理、社区、系统管理等模块,通过这些模块的实现能够基本满足日常吉他乐谱推荐交流的操作。系统的主要功能包括:用户、乐谱、乐器、社区、系统管理等功能。而吉他乐谱推荐交流网站能很好地解决这一问题,轻松应对乐谱推荐,既能提高用户对乐谱评论,又能加快乐谱推荐交流网站的效率,取代人工管理是必然趋势。本文着重阐述了吉他乐谱推荐交流网站的分析、设计与实现,首先介绍开发系统和环境配置、数据库的设计,接着说明功能模块的详细实现,最后进行了总结。

  40. nodejs+vue+ElementUi心理健康测评分析与预警系统

    文章浏览阅读343次,点赞8次,收藏11次。论文主要从系统的分析与设计 、数据库设计和系统的详细设计等几个方面来进行论述,系统分析与设计部分主要论述了系统的功能分析、系统的设计思路,数据库设计主要论述了数据库的设计,系统的详细设计部分主要论述了几个主要模块的详细设计过程。伴随着社会以及科学技术的发展,互联网已经渗透在人们的身边,网络慢慢的变成了人们的生活必不可少的一部分,紧接着网络飞速的发展,系统管理这一名词已不陌生,越来越多的心理健康测评网站等机构都会定制一款属于自己个性化的管理系统。(2)系统设计:相关数据库、各功能的设计。

  41. nodejs+vue+elementui爱心公益志愿者服务系统228n

    文章浏览阅读294次,点赞11次,收藏2次。基本实现了志愿者服务平台应有的主要功能模块,本系统有管理员、监管者、受益人和志愿者四大功能模块,主要包括:首页、个人中心、监管者管理、受益人管理、志愿者管理、任务分类管理、志愿项目管理、项目报名管理、任务进度管理、爱心商城管理、商城兑换管理、联系我们管理、爱心数管理、爱心数增加管理、爱心数兑换管理、系统管理等功能进行操作。对于网站的系统设计,要保证主界面的整洁有序,能够抓住人的眼球,不会产生视觉疲劳,更重要的是,带给人容易操作的直观感受,这样才能留住用户去进行使用,增加三分热度的延续期。

  42. Typescript通关秘籍(一)

    2012年微软推出TS语言,2013年VSCode开始支持,2014年TS1.0发布,2016年TS2.0发布,2018年TS3.0发布,2020年TS4.0发布,2023年TS5.0发布。

  43. 开源啦轻量级工作流引擎管理系统

    流程设计 新增 点击列表左上角“新增”按钮,可新增流程设计,这里只需要填写基本信息。 字段说明 显示名称,流程显示的名称,相当于中文标题 唯一编码,流程编码的唯一编码,通过该编码一流程定义的name相

  44. 前端已死?别低估前端,他是互联网世界的核心【这是一篇治愈系文章】

    我的朋友是前端,也在济南工作,一月9.5K,薪资水平不算高,但是22年培训的,工作经历就一年,这个薪资还是可以的了! 他上家公司工作了三个月,老板被抓起来了,然后9月开始找工作,刚好10月入职新公司.

  45. 探索未知领域:Web开发人员必备的14个超级书签 ✨

    在这篇博客中,一共提到了14个超级实用的Web开发人员书签,为我们的工作和学习带来了许多便利和效率提升。

  46. JavaScript事件循环机制:深入解析Event loop

    前言 JavaScript 是一种单线程的编程语言,这意味着它在任何给定的时刻只能执行一个任务。然而,JavaScript 却能够处理异步操作,实现非阻塞的编程。这一切得益于 JavaScript 的

  47. elementUI + moment.js 日期选择器(年、月、日、周、季度)

    文章浏览阅读136次,点赞2次,收藏3次。elementUI + moment.js


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流