20240123 前端开发日报

你还在使用websocket实现实时消息推送吗?;中高级前端工程师必备14种性能优化方案;重塑提交历史,让PR更优雅:Git Rebase的实践运用;前端基础-布局与间距;140:vue+leaflet加载here地图(v2软件多种形式);vue和react的差异梳理;200 行代码实现一个超瘦的 React (起步篇);GitHub 一周热点汇总第6期(2024/01/14-01/20)

  1. 你还在使用websocket实现实时消息推送吗?

    本文主要描述在服务端单项对客户端的消息推送中,比websocket更好的技术选择,技术介绍和提供demo演示及demo代码

  2. 中高级前端工程师必备14种性能优化方案

    马上又是金三银四了,又要面对头疼的面试题了。经常容易被问到性能优化相关的问题,没准备的小伙伴进来看看吧,准备了的也可以考虑再熟悉熟悉呀,记忆更深刻一点。

  3. 重塑提交历史,让PR更优雅:Git Rebase的实践运用

    不知道大家有没有这个坏习惯:就是平常在开发项目时虽然会用 Git 做版本控制,但 commit message 都是乱写一通(反正也没人看),什么 Update code 、 Add some fil

  4. 前端基础-布局与间距

    往期回顾 设计风格 设计层次 空间 在提到间距和布局,它的本质就是对于空间的合理分配和理由,所以这一节也是直接从空间开始。 清爽的空间 一个设计最简单也最常用的方式就是给每一个元素之间都加上足够多的间

  5. 140:vue+leaflet加载here地图(v2软件多种形式)

    文章浏览阅读249次,点赞49次,收藏40次。本示例介绍如何在vue+leaflet中添加HERE地图(v2版本的软件),并且含多种的表现形式。包括地图类型,文字标记的设置、语言的选择、PPI的设定。 v3版本和v2版本有很大的区别,关键是引用方法上,请参考文章尾部的API链接。

  6. vue和react的差异梳理

    文章浏览阅读163次,点赞4次,收藏4次。vue和react的差异梳理

  7. 200 行代码实现一个超瘦的 React (起步篇)

    这个阶段,我们先是实现其基本的两个 API : createRoot 和 createElement,并通过分析 JSX 在渲染时的实际结构进行了简单的组件渲染逻辑。

  8. GitHub 一周热点汇总第6期(2024/01/14-01/20)

    GitHub一周热点汇总第6期 (2024/01/14-01/20) ,梳理每周热门的GitHub项目,这一周的热门项目中AI的比重难得的变低了,终于不像一个AI热门项目汇总了,一起来看看都有哪些项目

  9. 解密最受欢迎的开源 Serverless 框架:流量篇

    对于 web 应用来说,通过请求流量的并发数、qps、rt 等指标,可以很好的衡量当前的 web 服务质量。Knative 中提供了基于请求驱动的 Serverless 能力,包括多版本管理流量,流量

  10. 三、【vue3】ref和reactive

    文章浏览阅读484次,点赞13次,收藏6次。ref和reactive的使用方法以及区别

  11. node.js(express.js)+mysql实现新增文章分类功能

    文章浏览阅读129次,点赞4次,收藏4次。【代码】node.js(express.js)+mysql实现新增文章分类功能。

  12. electron-egg+react启动、打包问题(已解决)

    文章浏览阅读174次,点赞3次,收藏3次。解决在使用electron-egg框架中遇到的启动报错exit code 127 && 启动打包后程序报错 Failed to load resource: net::ERR_FILE_NOT_FOUND问题

  13. react中redux的使用方式

    文章浏览阅读365次,点赞11次,收藏6次。本文只是记录自己在学习react过程,仅供参考。有任何不对欢迎大佬指正。

  14. 若依框架VUE分离版导入功能

    文章浏览阅读350次,点赞8次,收藏11次。若依框架VUE分离版的导入和下载模板功能

  15. 【前端-VUE+TS】Vue3组件化-上(三)

    文章浏览阅读371次,点赞8次,收藏5次。【前端-VUE+TS】Vue3组件化-开发基础

  16. VUE—插槽

    文章浏览阅读187次。以达到复用组件且高度自定的效果。

  17. 关于VUE怎么使用momentjs,以及可能遇到的问题

    文章浏览阅读134次,点赞2次,收藏3次。在moment.min.js的文件上下方分别加上两行注释,即可解决。链接下载moment.min.js文件到自己的文件夹目录下。可能遇到的eslint报错问题,如下。

  18. Vue关于router-link的使用和部分代码

    文章浏览阅读153次,点赞2次,收藏4次。/name是在对应的js中路径写成了 path: ‘/user/:username’的写法,正常就是 path: ‘/user‘,在to中就是query,又因为path和params不能共存,所以在js中又加上了 name: ‘user’, // 命名路由的写法。用户//最后携带过去后在对应vue文件的this.$route里面就有数据了。


关注我

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

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

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