20240209 前端开发周报

当春节前不想写业务的前端会做什么;前端智能化,扣子(coze.cn)能做什么;年终奖,还得是腾讯(含面试算法原题);复杂 web 动画开发(GSAP篇);Vue 终于也有属于自己的 CSSInJs 原子库啦一款动静结合,极致体积,融合了原子 css 优点的样式库 @usacss/vue;抓包就指着它了——whistle提升前端开发幸福感的利器;React Native 2023 现状 – 调查结果发布;2024光速学习Vue3基础知识

  1. 当春节前不想写业务的前端会做什么

    今天周日,本来应该是在家躺着的日子却被迫过来调休,想必各位大佬已经踏上了回家的列车吧,那么小弟在这里提前祝福各位新年快乐! 由于春节将至也确实没有想写业务的打算(boring)于是乎我就来掘金摸鱼

  2. 前端智能化,扣子(coze.cn)能做什么

    初体验 进入网站 https://www.coze.cn/ 后,注册或者使用抖音账号登录,即可开启使用。 进入主页面后,操作非常简单,类似 ChatGPT 式的交流形式即可快速、低门槛的搭建一个专属的

  3. 年终奖,还得是腾讯(含面试算法原题)

    腾讯年终奖 什么是真正的好公司? 一年到头,出不了几次裁员等劳务纠纷的吃瓜新闻。 只有到年底了,才因为年终奖远高于行业水平,实在没法低调了,"被迫"上热搜。 最近网友爆料了腾讯头牌部门的年终奖: WX

  4. 复杂 web 动画开发(GSAP篇)

    复杂 web 动画开发 为什么 选择 GSAP GSAP 是一个老牌框架,但也在持续更新,兼容性很好 与框架无关,比如 framer-motion,react spring 只能用于 react;这里

  5. Vue 终于也有属于自己的 CSSInJs 原子库啦一款动静结合,极致体积,融合了原子 css 优点的样式库 @usacss/vue

    Vue 终于也有属于自己的 CSSInJs 原子库啦!一款动静结合,极致体积,融合了原子 css 优点的样式库 @usacss/vue 简介 纯动态的 css-in-js 库大家都见过 0js 无运行

  6. 抓包就指着它了——whistle提升前端开发幸福感的利器

    好多人都说whistle是抓包工具,殊不知抓包只是whistle能力的冰山一角。除了抓包外,它还能修改请求与响应、真机调试h5移动端、解决跨域、域名映射等等等。快来学习下吧

  7. React Native 2023 现状 – 调查结果发布

    React Native 现状调查结果已经发布,人们对 React Native 的总体感觉越来越积极,通过这些调查可以让我们了解到其生态系统中正在发生的事情!

  8. 2024光速学习Vue3基础知识

    2024 过年除夕半天光速学习Vue3,带你走近新世界大门,基于Vue3的setup语法糖讲解,全程采用TypeScript+组合式API编码,贴心准备TypeScript快速上手笔记!带你快速上手纯

  9. 复杂 web 动画开发

    复杂 web 动画开发 为什么 选择 GSAP GSAP 是一个老牌框架,但也在持续更新,兼容性很好 与框架无关,比如 framer-motion,react spring 只能用于 react;这里

  10. 2023年总结:在南宁做前端,躺平了一年

    我仔细回想了我2023年所做的事情,我总结了以下六点: …… 确实,2023年就是正常的上下班, 做需求、写bug、年底出出差,可以说是躺平了一年。 准确的说,自2022年4月底从深圳回到南宁

  11. JS的执行原理,一文了解Event Loop事件循环、微任务、宏任务

    面试官:你了解JavaScript事件循环吗,掌握多少,把你知道的都说一下。 今天我们就来说一下,JavaScript作为一门单线程语言,如何通过事件循环(Event Loop)和任务队列(Task

  12. 8K star功能强大的开源JSON可视神器

    今天我们再推荐一款可视化的JSON调试工具,功能强大且开源免费,让你您快速浏览、搜索 JSON 文件,目前在GitHub有 8K Star,它就是:jsonhero

  13. 探索 React 19:4个可能正式发布的新 hook

    React 开发者们,React 团队他们目前正在开发 React v19 版本其中有4个能帮助开发者提升开发体验和用户体验的新hook有可能正式发布,快来尝鲜学习吧!

  14. 成为高级工程师的必经之路——你必须掌握JS递归的那些事儿

    前言 在写这篇博客之前,我其实已经写过一些关于JS递归方面的知识点了。但是我并不是为了赚这么点儿掘力值而水文,所谓温故而知新,可以为师矣,因为我对递归的认识又有了新的理解,所以撰文与大家分享最近的学习

  15. 2024 Flutter 重大更新,Dart 宏(Macros)编程开始支持,JSON 序列化有救

    说起宏编程可能大家并不陌生,但是这对于 Flutter 和 Dart 开发者来说它一直是一个「遗憾」,这个「遗憾」体现在编辑过程的代码修改支持上,其中最典型的莫过于 Dart 的 JSON 序列化。

  16. 2024年前端工程师推荐的效率工具

    浏览器拓展 沉浸式翻译 NotionCN Bitwarden密码管理器 优点: 1、支持大多数网站的表单自动填充,也支持手动点击填充 2、各端密码同步速度快,mac支持指纹解锁/Apple Watch

  17. 前端实现0代码无弹窗打印小票?

    在当前的订单系统里添加一个打印功能,打印订单小票。不需要按 ctrl+p,不需要有预览弹窗。直接点击就直接从打印机出来小票。

  18. Vue组件通信讲解[父子组件通信]

    文章浏览阅读706次,点赞6次,收藏10次。vue组件通信props用于从父组件向子组件传递数据,而$emit用于从子组件向父组件触发事件。:可以通过在父组件中使用ref属性来获取子组件的引用,并直接访问子组件的属性和方法。:可以创建一个用于中央事件处理的事件总线实例,让父组件和子组件通过事件触发和监听进行通信。在上述示例中,父组件通过ref属性给子组件命名为"childComponent",然后可以使用。在上述示例中,通过创建一个名为eventBus的事件总线实例,父组件可以通过。作为props传递给子组件(Child.vue),同时监听子组件的。

  19. react-native-dropdown

    最近的有个需求是要实现一个下拉面板 dropdown 效果,但技术栈是 react-native, 去网上搜了一圈发现并没有相关的开源组件,于是只有自己实现

  20. 别再用旧方法了Chrome 121对CSS滚动条样式的影响

    在探索前沿技术的旅途中,我们经常会遇到一些令人惊喜的变化,它们不仅挑战我们的既有知识,还为我们的开发实践带来新的可能。最近,在回顾我负责的一个项目时,我发现了一个细微却颇为关键的变化,这不仅令我重新审

  21. 大前端老司机的辩证唯物主义浅谈

    前言 提一个有点偏哲学的问题:什么是辩证唯物主义? 知行合一. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 《控制论与科学方法论》是由金观涛和华国凡合著,首版于1983年,在那

  22. ElTable 二次封装:我用 Vue3.3 新特性完美解决了列插槽数据无类型提示问题

    利用 Vue3.3 的泛型组件以及 defineSlots 解决 el-table-column 自定义列插槽 scope 无类型提示问题

  23. 我为什么没用上NextJS

    NextJS作为一个服务器渲染(SSR)框架已经十分成熟,笔者本想在公司内的新项目上用上,没想到处处碰壁。本文介绍了没有使用NextJS的原因和解决方案,希望对各位在技术选型的思考上有所帮助。

  24. Flutter & GLSL – 贰 | 从坐标到颜色

    上一篇 《 Flutter 绘制集录 | Shader 让绘制无限强大 – 壹》 介绍了 Flutter 本身支持 GLSL 语言进行 Shader 着色器的编写。这给 Flutter 的绘制能力增加

  25. 美团技术年货 | 600+页电子书,前端、后端、算法、测试、运维系列大合集

    在龙年春节到来之际,我们精选过去一年公众号30多篇技术文章和科研论文,整理制作成一本600多页的电子书,作为新年礼物赠送给大家。祝愿大家在甲辰龙年,幸福平安,行稳致远。

  26. 如何应对Android面试官-> CoordinatorLayout详解,我用 Behavior 实现了手势跟随

    CoordinatorLayout 原理深度解析,自定义 Behavior 实现高级特效,带你轻松应对Android面试官连环炮

  27. 5 款轻松上手的开源项目「GitHub 热点速览」

    大家都忙一年了,所以今天来点轻松的吧!就是那种拿来直接用、免费看的开源项目。 开源真是一个充满惊喜的宝库,很多开源软件比收费软件还好用,比如这款开箱即用的电视直播软件:my-tv,它免费、无广告、启动

  28. 大批量接口请求的前端优化

    大批量接口请求的前端优化,背景,在一次请请求多个接口的时候,如果接口数太多,会对浏览器和服务器造成压力,降低用户体验,为此本文通过前端使用接口并发控制策略,与后端约定一次性并发接口数,达到优化性能的目

  29. ant design vue 组件库使用问题汇总

    主要介绍了 ant design vue 1.x 版本使用时的一些问题以及解决方式,例如 label 标签左右对齐显示、table 操作栏高度不对齐问题、ant-table 自定义表格内容处理等等

  30. Vue-router导航守卫,看这一篇就够了

    当使用 Vue.js 构建单页应用时,Vue Router 是一个常用的路由管理库。它提供了导航守卫(Navigation Guards)机制,用于在路由切换前、切换后或切换取消时执行自定义逻辑

  31. 2024年初Android面试总结(面经)

    话不多说,只上干货! 基本信息 工作年限:硕4.5 面试准备时间:2023.12月中旬-2024.1月中旬 面试经历时间:2024.1月中旬-2024.1月底 面试公司:拼多多、小红书、字节、快手 面

  32. Vue 异步更新机制探秘:解析 nextTick 的奥秘与实战应用

    1. Vue 异步更新机制回顾: Vue 中的异步更新机制是确保数据变化后,DOM 更新的一种巧妙设计。在传统的同步操作中,每当我们修改了数据,Vue 就会立即去更新相关的 DOM。然而,这种方式可能

  33. Flutter到鸿蒙,不是有手就行吗? (仿掘金点赞按钮)

    `Flutter` 提供了丰富的动画支持,使开发者能够轻松创建各种类型的动画效果,从简单的渐变和旋转到复杂的交互式动画都可以实现。而 `ArkUI` 从 `api` 上面看起来更简单,更容易编写代码。

  34. 掘金都使用webp图片提速降本,必须安排

    站点性能优化一个很重要的方向是图片压缩,一方面能提升客户端访问性能,另外一方面因为图片体积变小,能大大减少站点的流量成本,webp图片值得使用。

  35. 三十岁的老前端,2023年终总结

    前言 子曰:“吾十有五而志于学,三十而立,四十而不惑,五十而知天命,六十而耳顺,七十而从心所欲,不逾矩。” 不知不觉已经是30老兵,2023年对我来说,是不太平的一年,甚至可以说是糟糕的一年。 关于工

  36. 大文件上传实现-并发控制功能(Vue+Express)

    大文件上传第四篇:图文并茂,手把手实现大文件上传-并发控制功能的前后端逻辑(Vue + Express)

  37. GitHub 一周热点汇总第8期(2024/01/28-02/03)

    GitHub一周热点汇总第8期(2024/01/28-02/03) ,梳理每周热门的GitHub项目。还有一周的就要过年,我马上就要回家了,大家都开始休假了吗?先一起来看看这周的项目吧。

  38. vue electron应用调exe程序

    文章浏览阅读272次,点赞10次,收藏4次。vue electron应用调exe程序

  39. 面试题 ajax是什么

    前言 Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种用于创建快速动态Web页面的技术。它允许在不刷新整个页面的情况下更新部分页面内容

  40. 面试官:手写一个vue-router Hash模式

    前阵子发了一篇文章,讲的是前端路由的实现原理,反响还不错。今天我们继续来手写一个vue-router之hash模式,前端路由包括了vue-router,但是vue-router里面又封装了许多方法,所

  41. 做了半年面试官,我对面试去魅了

    半年前,我第一次成为了二面面试官。这段经历不仅让我,一个曾经的候选人,对许多问题有了更新的理解,也逐渐澄清了我之前在面试过程中的那些困惑。高频次的面试,使得我对于面试这一行为本身,有了深刻的反思和认识


关注我

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

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

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