20230922 前端开发周报

前端又出新框架了,你还学得动吗?;Harmony 开始支持 Flutter ,聊聊 Harmony 和 Flutter 之间的因果;ES14新特性揭秘,对前端开发有哪些影响?;入职之前,狂补技术,4w字的前端技术解决方案送给你(vue3 + vite );被裁员了,记录下去年刚入职一个月时在组内关于前端基建的技术分享;写给初中级 Vue 工程师的高级进阶指南;中秋节特别定制(升级版):CSS创造属于你的漫天星空许愿灯之夜;Vue3如何优雅的加载大量图片

  1. 前端又出新框架了,你还学得动吗?

    最近前端又出来一个新框架/库,名为nue.js。一周前的9.13号提交了第一个commit,到今天已超过2000个star。

  2. 入职之前,狂补技术,4w字的前端技术解决方案送给你(vue3 + vite )

    大多企业都是7月入职很多应届生,vue也是国内大多是公司首选的技术栈,下面就带你了解一下一些技术的实现,所以该文章每个技术实现都有对应的代码案例。

  3. 被裁员了,记录下去年刚入职一个月时在组内关于前端基建的技术分享

    半年时间撑过了三轮裁员,还是在第四轮的时候被裁了,差一周时间就入职满一年了。去年7月份换了一家新公司,刚进公司的时候感觉蒸蒸日上,特别有朝气,氛围也很轻松。这一年除了负责业务开发外,还做了很多前

  4. 写给初中级 Vue 工程师的高级进阶指南

    前言 很多读者会来问我,Vue 该怎么规划学习路线,或者大概进行到某个阶段了,该怎样继续深入。所以我决定根据我自己学习的心路历程,总结一篇 Vue 从入门到精通的路线。 跟着这篇文章走下来,对 Vue

  5. 中秋节特别定制(升级版):CSS创造属于你的漫天星空许愿灯之夜

    掘友们,不卖关子,让我们先运行点击文字预览一波效果!!! jcode # 中秋创意投稿大赛 先别说别的掘友们:小弟祝大家年年圆满如意,月月事事顺心,日日喜悦无忧,时时高兴欢喜,刻刻充满朝气,月圆人

  6. Vue3如何优雅的加载大量图片

    最近开发了一个功能,页面首页会加载大量的图片,初次进入页面时,会导致页面性能下降, 于是乎,我改进了这个功能,可以让所有图片自动懒加载。 原理 这个功能主要的底层逻辑是是使用Intersectio

  7. 作为前端 leader,怎么快速搭建多环境CICD自动化部署?

    假设你入职了一家小公司,既没有内部自研的 DevOps 平台,也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署,你会怎么做?

  8. 中秋节特别定制(升级版):CSS创造属于你的漫天星空许愿灯之夜

    掘友们,不卖关子,让我们先运行点击文字预览一波效果!!! jcode # 中秋创意投稿大赛 先别说别的掘友们:小弟祝大家年年圆满如意,月月事事顺心,日日喜悦无忧,时时高兴欢喜,刻刻充满朝气,月圆人

  9. 作为面试官,为什么我推荐微前端作为前端面试的亮点?

    为什么选择微前端作为项目亮点 作为面试官,我经常听到很多候选人说在公司做的项目很简单,平常就是堆页面,写管理端,写H5,没有任何亮点,我以我一次面试候选人的经历分享给大家 面试官:你为什么选择用微前端

  10. 少年,该升级 Vue3 了

    Vue2 的终止支持时间是 2023 年 12 月 31 日,本文是一篇 Vue2 升级 Vue3 的指南,可帮助你快速从 Vue2 平滑升级到 Vue3。

  11. 写给前端同学的Nginx配置指南

    全面介绍了Nginx配置的相关知识,内容涵盖核心配置、location匹配规则、反向代理、负载均衡、动静分离等方面

  12. 整会promise这8个高级用法,再被问倒来喷我

    我发现在同事和面试者中,很多中级或以上的前端都还停留在promise常规用法,但其实,promise还有很多巧妙的高级用法。

  13. React 面试题: 不一定最全但绝对值得收藏(5W字)

    最近在准备面试, 所以整理了些常见的 React 相关的面试题!!!! 有需求的欢迎 点赞、收藏, 同时欢迎大家在评论区留下面试中经常被问到的问题, 一起讨论….

  14. 毫秒级突破腾讯技术团队是如何做前端性能优化的?

    搜狗百科是一个服务于互联网用户的高质量内容平台。文章主要介绍团队在梳理业务时发现百科无线前端项目在研发流程、架构设计、研发效率、页面性能等方面存在诸多问题和痛点。

  15. 【中小厂前端面经】三年工作经验求职时会被问些什么?

    大家好,我是一尾流莺,又来给大家分享真实面经了。简单介绍一下自己的情况,方便大家和自身情况做对比,更好的知道自己的定位是什么,自己理想的公司和职位是什么样的。

  16. 还不清楚webpack和vite原理?有这篇足够了

    前言 每次用vite创建项目秒建好,前几天用vue-cli创建了一个项目,足足等了我一分钟,那为什么用 vite 比 webpack 要快呢,这篇文章带你梳理清楚它们的原理及不同之处!文章有一点长,看

  17. Vue3 封装 element-plus 图标选择器

    Vue3 封装 element-plus 图标选择器

  18. 【Vue】上万个字把事件处理讲解的淋漓尽致

    hello,我是小索奇,精心制作的Vue系列教程持续更新哈,想要学习&巩固&避坑就一起学习吧~重点内容使用v-on:xxx缩写@xxx绑定事件,其中 xxx 是事件名(回顾:v-bind缩写为冒号:)事件的回调需要配置在methods对象中,最终会在VM上methods中配置的函数,不要用箭头函数,否则 this 就不是VM了,重点强调!methods中配置的函数,都是被 Vue所管理的函数,this 的指向是VM(ViewModel-vue实例对象)或组件实例对象@click="dem

  19. 让你的 React 组件水平飞跃的 5 个技巧

    通过合理使用函数组件和类组件、使用 PropTypes 进行类型检查、使用生命周期方法、使用 React Hooks 和利用 React DevTools 进行调试,你可以提升你的 React 组件开发技巧。通过在组件中定义 PropTypes,你可以确保组件在使用时传递正确的属性类型,从而减少潜在的错误和调试时间。使用 Hooks,你可以在不编写类组件的情况下,编写具有复杂逻辑的组件。它提供了组件层次结构、组件状态和性能分析等有用的功能,帮助你更好地理解和调试你的组件。如果你有任何问题,请随时提问。

  20. React中插槽处理机制

    解决2:我们也可以把按钮的区域预留出来,但是内容不写,内容让调用的组件的时候,把东西传递进来【传递的是结构】需求:假如底部可能有按钮,根据需求判断需要展示或不展示,或者需要展示不同的按钮或者其他DOM。传进来的子节点若只有一个展示在组件头部,若两个则第一个节点在组件头部,第二个节点在组件底部。调用组件的时候,基于上闭合调用方式把插槽信息【子节点信息】,传递给组件,组件内部渲染即可。解决1:需要的按钮可以在组件中写死,后期基于传递进来的属性来进行判断。目的:在调用组件的,传递信息的时候,可以不用。

  21. 【React Query】终极教程02:初见 RQ

    React 中,状态管理是核心,React Query则是为了解决服务端状态管理问题而生的,本系列将会深入研究怎么有效使用React Query进行状态管理,结合实际业务,探索最佳实践。

  22. 在Vue中实现组件间的通信(父子通信,非父子通信,通用通信)

    所以,当在子组件需要修改来自父组件prop的值时,需要通过$emit来将修改的逻辑传到父组件,在父组件修改传到子组件的值,再根据单项数据流的特点,从而改变子组件的值。原理:v-model本质上是一个语法糖(语法的简写)。例如应用在输入框上,就是value属性和 input事件的合写。:为组件的prop指定验证要求,不符合要求,控制台就会有错误提示–>帮助开发者,快速发现错误。单项数据流:父级prop 的数据更新,会向下流动,影响子组件。作用:非父子组件之间,进行简易消息传递。概念:组件通信,就是指。

  23. 基于Electron和Vue的MAC版本日历开发记录与天气预报

    Electron是一个流行的跨平台桌面应用程序开发框架,它基于Node.js和Chromium,可以使用Web技术(HTML、CSS和JavaScript)构建桌面应用。为了满足用户的需求,本文将介绍如何使用Electron和Vue框架开发一个功能强大的MAC版本日历应用,并且还将整合天气预报功能。为了满足用户的需求,本文将介绍如何使用Electron和Vue框架开发一个功能强大的MAC版本日历应用,并且还将整合天气预报功能。中,你可以使用Vue的模板语法编写日历和天气预报的代码,同时在。

更多内容请关注公众号【前端开发博客】每日更新


关注我

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

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

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