20240202 前端开发周报

新人前端入职第一天——京东实习配置开发环境实录;前端项目如何准确预估个人工时;从‘相信前端能做一切’到‘连这个都做不了么’;threejs 实现一个简易的泊车; js谐音梗创意小游戏《望子成龙》;Flutter 首个真正可商用的 JSBridge 框架(完全兼容的 DSBridge for Flutter);没写文章的这几个月,我“完成”了三年前就想做的开源项目 — Chat Craft;前端代码可读性实战指南 – 大厂经验总结

  1. 新人前端入职第一天——京东实习配置开发环境实录

    本文是笔者到京东实习领完电脑到配完开发环境的实录,既作为笔者之后自己的参考,也希望能帮助到更多前端新人小伙伴。

  2. 前端项目如何准确预估个人工时

    前提 此方法是在没有技术阻碍的前提条件下预估,如果有技术障碍,请先解决技术阻碍 此方法需要根据个人实际情况调整 这里以普通的以vue,element-plus,axios为基础技术的管理系统为例 这些

  3. 从‘相信前端能做一切’到‘连这个都做不了么’

    原生语音 造 仪表盘。h5页面中,做一个环形仪表盘(如下图),需要一个从0%到实际百分比的增长过渡动效

  4. threejs 实现一个简易的泊车

    在上一篇文章 threejs都有些啥 搭建的场景的基础上,咱们尝试做一个简单的自动泊车,进一步探究下 threejs 中还有哪些东西

  5. js谐音梗创意小游戏《望子成龙》

    前言 时隔许久,终于再次上线了创意投稿大赛,又到了我最喜欢的环节。 龙年伊始,我给各位设计了一款原创的小游戏,话不多说,直接进入正题,只求各位一个小赞 游戏体验 游戏灵感 灵感来源于一个成语

  6. Flutter 首个真正可商用的 JSBridge 框架(完全兼容的 DSBridge for Flutter)

    DSBridge for Flutter 完全兼容 Android 和 iOS DSBridge 的 dsbridge.js,在现有使用了 dsbridge.js 的 Web 项目中无须修改任何代码。

  7. 没写文章的这几个月,我“完成”了三年前就想做的开源项目 — Chat Craft

    前言 Hiall.好久不见,已经两个多月没有发文章了,这段时间一直在反思过去的一年,有好有坏。对博客文章这块我对自己是不满意的,文章的质量参差不齐,有时候在没有好的题材时,我会选择写一些泛泛之谈的

  8. 前端代码可读性实战指南 – 大厂经验总结

    在编程中,大部分时间都花在阅读代码上,不仅要理解自己的代码,还需要理解其他人的代码。因此,写出易读的代码能够显著提高编程效率。

  9. 为什么 useEffect 执行了两次,我在重读 React 文档时找到了答案

    这一阵,React 的官方文档有了更新,并且还被尤大大怒怼了一番,便想着重新仔细的去全面阅读一下官方文档。 仔细阅读文档的时候,找到了一个之前别人问我的一个问题,useEffect 为什么会执行两次

  10. js如何实现当文本内容过长时,中间显示省略号…,两端正常展示

    前一阵做需求时,有个小功能实现起来废了点脑细胞,觉得可以记录一下。 产品的具体诉求是:用户点击按钮进入详情页面,详情页内的卡片标题内容过长时,标题的前后两端正常展示,中间用省略号…表示,并且鼠标悬

  11. 阿里开源低代码引擎,100+ 垂直领域支持 | 开源日报 No.156

    LowCodeEngine 是一套面向扩展设计的企业级低代码技术体系,提供了以下特点和核心优势: – 从企业级低代码平台中提取出的面向扩展的内核引擎 – 提供开箱即用的高质量生态元素,包括材料系统、

  12. Kotlin开发者尝试Flutter——错怪了Dart这门语言

    前言 我曾经是Java安卓开发者,进入大学后了解并且转向了Kotlin开发安卓,时至今日已经有了一年时间,Kotlin带给我的体验实在是太惊艳了,我深信这就是我最喜欢的语言了。 抱着这种看法,我发现了

  13. 【2024】前端,该卷什么呢?

    2024已来,过去的 2023 可以说是具有里程碑意义的一年,ChatGPT 的炸裂式发展,很多大佬都亲自入场整活儿,你不得不说,人工智能时代的未来已来,大势所趋,不可阻挡。随着生成式AI的迅猛发展,

  14. 《HelloGitHub》第 94 期

    简介 HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。 这里有实战项目、入门教程、黑科技、开源书籍、大厂开源项目等,涵盖多种编程语言 Python、Java、Go、C/C++、S

  15. 一位不合格的面试官在这两周让三位同学破防了

    一位不合格的面试官在这两周让三位同学破防了 一、被破防 第一位面试者: 面试者1已经工作了 6 年,也是熟悉 Java 各种技术栈, 然而面试到最后却不自信的和我坦白说……

  16. 前端最全的5种换肤方案总结

    最近一年很多客户要求更换主题色,而团队的项目基础框架不一,因此几乎使用了所有的更换主题的方案。以下总结了各方案的实现以及优缺点,希望能帮助有需要更换主题色的伙伴少踩坑。 方案一:硬编码 对一些老的前端

  17. 17K star开源免费的离线OCR工具

    今天我们推荐一款开源、免费的离线OCR工具,目前在GitHub已超过17K Star,它就是:Umi-OCR

  18. 面试简历指导 —— 在“华为”OD工作的困惑?EG4

    “目前在华为外包干了大概三个月,刚过试用期,但是每月的需求都非常的折磨我,项目的业务也非常的复杂,没有具体的前端的文档说明,组长不断的催,导致加班也加了,业务做不出来。”

  19. 前端代码可读性 – 大厂生产在用 吐血总结

    在编程中,大部分时间都花在阅读代码上,不仅要理解自己的代码,还需要理解其他人的代码。因此,写出易读的代码能够显著提高编程效率。

  20. 大厂真实 Git 开发工作流程

    大厂的开发流程还是比较规范的,如果你来不及学习长篇大论的 git 文档,这篇文章够你入职时用一段时间了。

  21. Flutter 绘制集录 | Shader 让绘制无限强大 – 壹

    在之前研究 opengl 时,知道 Shader 的强大,我们可以通过着色器完成很多特效。之前在 Android 中写过 《 [ – OpenGLES3.0 – ] 第三集 主线 – shader着色

  22. React 生态系统(2024 版本)

    这是国外程序员 Robin Wieruch 带有明显个人色彩的一份总结,每年都会更新。相比于 awesome 列表,我个人更喜欢这类总结,简短、实用,更容易让人抓到重点并能立即实施

  23. 没有虚拟DOM版本的vue(Vue Vapor)

    随着Svelte和SolidJS的流行,无虚拟DOM模式逐渐开始火了起来。vue也推出了无虚拟DOM模式的版本

  24. 新人前端入职第一天——京东实习配环境实录

    本文是笔者到京东实习领完电脑到配完开发环境的实录,既作为笔者之后自己的参考,也希望能帮助到更多前端新人小伙伴。

  25. 基于Next14+Auth5实现Github、Google、Gitee平台授权登录和邮箱密码登录

    最近使用Next14配合Auth.js5实现了github、google、gitee授权登录以及邮箱密码登录,中间遇到了不少坑,给大家分享一下,帮助大家避坑。

  26. Flutter鸿蒙终端一体化-混沌初开

    环境配置 flutter_flutter项目,这是我们整个工程的核心,但是很多人都倒在了第一步,其原因,就是——需要使用Dev分支!!!https://gitee.com/openharmony-si

  27. GitHub 一周热点汇总第7期(2024/01/21-01/27)

    GitHub一周热点汇总第7期 (2024/01/21-01/27) ,梳理每周热门的GitHub项目,离春节越来越近了,不知道大家都买好回家的票没有,希望大家都能顺利买到票,一起来看看这周的项目吧。

  28. 不是鸿蒙 ArkUI 不会写,而是 Flutter 更有性价比

    写 ArkUI 是不可能写的,这辈子不可能写 ArkUI 的。老板又不加人又不加钱,就只能写 Flutter 了,才能维持生活这样子,进 FlutterCandies 群感觉像回家一样。

  29. 如何应对Android面试官-> 玩转 ViewPager 懒加载

    玩转 ViewPager 懒加载机制,深度理解 ViewPager 渲染原理,助你轻松应对Android面试官连环炮

  30. 前端-关于element-ui表头吸附的问题

    但是吧 经过几天几夜的思考,大聪明的我想到了2个方案,废话不说,直接上干货 第一种方案: 第二种方案: 1.因为表头固定会在多个地方用到,所以弄成了组件。先创建一个表头的组件pk-table-hea

  31. CSS重要概念:视觉格式化模型

    大部分 Web 开发者都知道 CSS 中有一个盒模型,但很少有人知道在 CSS 的世界中还有另一个模型,他就是 CSS 的视觉格式化模型。理解了该部分所涉及到的知识点,有助于实现 Web 布局!

  32. Flutter如何自定义下拉刷新时的loading样式

    下拉刷新通常用RefreshIndicator,通过backgroundColor,color或strokeWidth设置样式,但要自定义的loading,它并没有暴露出对应的属性,那如何修改呢?

  33. 《Learn Next.js 中文教程》来了

    《Learn Next.js 中文教程》是一个基于 Next.js App Router 架构的免费学习教程,通过构建全栈 Web 应用程序,可以让您更好的了解 Next.js 的主要功能。

  34. 多功能搜索引擎,50ms 内展现结果 | 开源日报 No.155

    meilisearch 是一个快速的搜索 API,可以轻松地集成到您的应用程序、网站和工作流程中。它具有搜索即时响应、容错纠错、过滤和分面搜索、排序、同义词支持、地理位置检索、多语言支持、安全管理、多

  35. nodejs+vue+ElementUi化妆品推荐系统网上商城的设计与实现bk9gy

    文章浏览阅读480次,点赞23次,收藏2次。世界各地各民族人们都使用化妆品,化妆品对于保护人体皮肤的健康具有不可轻视的作用,因此化妆品也日益成为人们日常生活中不可缺少的物质,尤其对于女性来说为了买一些稀少的品牌化妆品不惜远渡重洋,因此化妆品推荐系统的实现对人们的生活是非常有必要,使人们可以很清楚的了解各种化妆品信息,从而进行比较,也使化妆品购买不受地域的限制,扩大化妆品的销售范围,轻松的管理大量化妆品。2.后台部分由管理员使用,主要包括公告管理、化妆品管理、会员管理,类别管理,订单管理。课题的重点:数据库表结构的设计;前后端接口的对接与实现。

  36. Vue+ElementUI+nodejs四川成都旅游景区预约网站680d9

    文章浏览阅读356次,点赞8次,收藏6次。利用电脑网络的这些便利,发展一套成都旅游网,将会给用户及旅行社带来更大的效益,而在美食预约效能上,也必然会有很大的方便!成都旅游网的用户是管理员和用户,为了满足现代社会对环保和节约的需要,将传统的纸质文档通过计算机输入计算机并以电子文档的方式显示出来。因此,要建立一个简单、直观的查询渠道,并设定特定的存取权限,以保证工作的顺畅和高效。本篇论文对成都旅游网的需求分析、功能设计、系统设计进行了较为详尽的阐述,并对系统的整体设计进行了阐述,并对各功能的实现和主要功能进行了说明,并附上了相应的操作界面图。

  37. nodejs+vue+ElementUi校园点歌音乐网站系统

    文章浏览阅读119次,点赞3次,收藏3次。它帮助畅听校园点歌实现了信息化、网络化,通过测试,实现了系统设计目标,相比传统的管理模式,本系统合理的利用了畅听校园点歌数据资源,有效的减少了畅听校园点歌的经济投入,大大提高了畅听校园点歌的效率。管理员需要先登录系统然后才可以使用本系统,管理员可以对个人中心、歌曲类型管理、用户管理、歌曲信息管理、排行类型管理、排行榜管理、留言投稿进行添加、查询、修改、删除,以保障畅听校园点歌系统的正常运行。开发工具采用VSCode,前端采用Vue+ElementUI,后端采用Node.js,数据库采用MySQL。

  38. Nodejs+vue+ElementUi新闻发布系统助学网站 _c69rd

    文章浏览阅读226次,点赞8次,收藏3次。用户使用版块:可以选择注册并登录,可以浏览信息、可以网上互动、发布文章、内容推荐等。后台管理员管理版块:以管理员身份登录网站后台,拥有权限的管理员将对整个网站进行管理,包括对于用户发布的文章进行审核,对用户基本信息进行修改,对用户发布评论等信息进行修改和删除等。2.角色切换模块:本网站针对小学生、初中生、高中生、大学生多种群体,登录后可以根据需求进行选择,选择完成后,各个模块就会变成对应的内容。1.登录模块:进行新用户的注册或登录,以及管理员等不同权限的用户进行登录。拥有权限的管理员将对整个网站进行管理,

  39. 快速上手TypeScript

    TypeScript入门指南,包含有TS安装、类型概念、注解、推论、常用类型、函数、对象、接口与泛型等概念,抛开冗杂的教程,帮读者快速上手TS

  40. 【Flutter】节流与防抖,全局点击事件、输入框、扩展函数的封装

    Flutter的防抖与节流与封装 首先我们要区分防抖与节流,他们很类似,又有很大的不同。 防抖是延时操作,在触发事件时,不立即执行目标操作,而是给出一个延迟的时间,如果在指定的时间区间内再次触发

  41. 不使用代理,我是怎么访问Github的

    代理不好用,git clone 总是超时,排查过程中突然想起我背过的八股文,顺利发现和解决了问题,原来八股文真的有用…

  42. 万字长文,带你深入浅出ES6之Generator篇

    前言 Generator,生成器函数,ES6中最难理解的语法,没有之一。从我的亲身经历来说,至少80%的前端不知道Generator的语法特征(小公司这个比例可能会更高),一方面是因为Generato

  43. CSS 滚动驱动动画实现圆弧滚动条

    前不久看到这样一个很有趣的效果,它的滚动条是沿着圆角边缘滚动的,效果如下 你可以查看原链接来体验一下 这是如何实现的呢? 原效果中由于为了兼容不支持CSS滚动驱动的浏览器,特意用 JS做了兼容,所以看

  44. fsx 简介:适用于 JavaScript 的现代文件系统 API

    JavaScript 运行时中的文件系统 API 已经很久没有这么好了,这是我试图做出一个更好的文件系统 API 的尝试。 我们今天拥有的 JavaScript API 比十年前要好得多。考虑一下从

  45. 逃离微前端:我不懂的那些 iframe

    最后需要实现一个系统,内含几个子系统,每个子系统有各自的功能、菜单。 比如某个系统叫 信息化设备运维管理 ,在这里实现设备的组网、检测、统计等。


关注我

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

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

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