20231124 前端开发周报

尝试实现了国外大佬用Web做出来跨窗口渲染动画效果;屠龙少年终成恶龙,前端转产品的我给前端挖了个坑;Vite 5.0 正式发布;前端的春天拥抱HarmonyOS4.0;Git 提交竟然还能这么用?;TensorFlow.js,让你的应用更加高级,更具逼格;一个22届被裁前端思想上得转变;Vue有20样写法,你知道么?

  1. 尝试实现了国外大佬用Web做出来跨窗口渲染动画效果

    今天大佬群里分享了一个视频,有个国外大佬用Web做出来多浏览器窗口可以互动的动画效果,自己试着实现了下。

  2. 屠龙少年终成恶龙,前端转产品的我给前端挖了个坑

    客户质问为什么我们的系统还需要输入网址?还需要登录?大家一脸懵逼。然后解释因为数据是服务器器上的,在浏览器里输入地址,就能访问我们的系统了。然后如果不使用用户名和密码登录的话就不知道谁是谁。

  3. Vite 5.0 正式发布

    11 月 16 日,Vite 5.0 正式发布,这是 Vite 道路上的又一个重要里程碑!Vite 现在使用 Rollup 4,这已经代表了构建性能的大幅提升。此外,还有一些新的选项可以改善开发服务器

  4. 前端的春天拥抱HarmonyOS4.0

    本文旨在为您展示鸿蒙4.0的一些基础用法和一些适用于DevEco Studio实用的插件,带你一起拥抱HarmonyOS4.0向未来!

  5. Git 提交竟然还能这么用?

    大家好,我是鱼皮。Git 是主流的代码版本控制系统,是团队协作开发中必不可少的工具。 之前已经给大家分享过 Git / GitHub 的学习指南,感兴趣的同学可以先看视频了解:https://www.

  6. TensorFlow.js,让你的应用更加高级,更具逼格

    哦哦哦,最近,又有一个新词蹦进俺这本就不大的脑里,并在脑子里来回转圈,在好奇心的促使下,我开始试着去了解了一下它,那它究竟是什么呢,标题已经告诉你答案了,TensorFlow.js。

  7. 一个22届被裁前端思想上得转变

    背景以及唠叨 抛出问题,你觉得什么样的人算得上大佬?或者是怎样得人会成为大佬?这是我去面试了一家创业公司,老板跟问我的。我当时得回答是:对框架原理有着比较深得理解得,知道的比较多,各种技术都有一定得了

  8. Vue有20样写法,你知道么?

    引入 打开 Vue3 的官方文档,它首先会告诉你,Vue 的组件可以按两种不同的风格书写:选项式 API 和组合式 API。文档为我们提供一系列两种风格的代码参考,供我们按照偏好进行选择。 实际上,V

  9. 鸿蒙开发,对于前端开发来说,究竟是福是祸呢?

    提前声明: 先说好哈,不要一上来就开喷,好吧,不感兴趣的话你可以不用看下文直接划走。最近,鸿蒙开发的风头也吹到俺这里了,于是我便上网看了看,就以俺的知识面去聊一聊鸿蒙,究竟是个啥,有啥用呢。

  10. 用 HTML5实战打击乐Demo 虚拟类应用开发你真的掌握吗?

    我还记得初中时候很喜欢玩一款游戏叫别踩白块,通过点击黑块来发出声音并且每个不同得黑块有不同的音调串联起来模拟歌曲得弹奏很有意思。然后到现在更新迭代了一大批更高级得音游,那么这些音游如果放在PC端是不是

  11. 前端算法面试–回溯算法之统计逆序对-每日一练

    今天分享的内容是统计数字序列的逆序对数量 什么是逆序对 在数组排序中,逆序对是指数组中的两个元素,如果前一个元素大于后一个元素,则这两个元素构成一个逆序对。例如,在数组 [1, 3, 2, 3, 1]

  12. 获得16个面试机会,拿到7个offer,希望我的经历能在这个寒冬里将信心传递

    早高峰的地铁,沿着铺满整个城市的轨道疾驰着,载着我惴惴不安又充满期待的心情,去往新公司入职。望着满目的人群,思绪拉回到半年前。 我是今年5月份从呆了三年的老东家离开。离开的原因无它,就是看不惯公司一

  13. 【Vue】生命周期一文详解

    文章浏览阅读172次,点赞27次,收藏23次。本文介绍Vue生命周期的四个周期:创建、挂载、更新、销毁。

  14. 2023年最热门的前端Web组态软件(可视化)

    随着5G、物联网、大数据等技术的高速发展,各领域逐步向数字化、可视化的人工智能(AI)的方向不断迈进。全球进入工业 4.0 时代,标志着先进的信息技术于制造业紧密结合,将从单纯的生产要素向数据驱动、智

  15. 因为原生,选择一家公司(前端如何防笔试作弊)

    也是前几天的笔试题,让我了解和巩固了一些原生js的api。感谢贵公司收留我,自己也会努力提升自己的技术。 如何通过浏览器api调用摄像头,录音设备? navigator可以获取当前浏览器的信息。 na

  16. 这些新项目一定不要错过「GitHub 热点速览」

    本周 GitHub 热点上榜的项目有不少的新面孔,比如搞电子商务的 eShop,还有处理表数据的 onetable。还有用来方便处理数据同步问题的 loro,以及网易新开源的 tts 项目 Emoti

  17. 学习 ES6 生成器 ( Generator ) :掌握优雅的异步编程利器

    ES6 生成器(Generator)是 JavaScript 语言新增的一种特殊函数类型,它提供了一种优雅的解决方案来处理异步编程。生成器使得开发者可以用同步的线性代码风格来书写异步操作,代码更加简洁

  18. 用 HTML5实战打击乐Demo 虚拟类应用开发你真的掌握吗

    我还记得初中时候很喜欢玩一款游戏叫别踩白块,通过点击黑块来发出声音并且每个不同得黑块有不同的音调串联起来模拟歌曲得弹奏很有意思。然后到现在更新迭代了一大批更高级得音游,那么这些音游如果放在PC端是不是

  19. 修复vue官网的样式小bug(pr已被merge)

    今天在某个群里看到,一个老哥说,他发现了一个vue官网的bug 目前pr已经被merge,官网已经更新

  20. 如何魔改不维护的开源库来满足自己的需求

    在开发开源库`vue-design-editor`过程中,需要一款设置画布背景色或文本元素颜色的颜色选择器工具, 现有的开源库不满足自身需求只能进行魔改

  21. 快速使用 vitepress 构建你的项目文档

    当今软件开发领域中,项目文档的重要性愈发凸显。好的文档不仅有助于团队协作,还能为用户提供清晰的指导。VitePress 是一个轻量级、快速的静态网站生成器,特别适用于构建项目文档。在这篇文章中,我们将

  22. 前端算法面试之统计逆序对-每日一练

    今天分享的内容是统计数字序列的逆序对数量 什么是逆序对 在数组排序中,逆序对是指数组中的两个元素,如果前一个元素大于后一个元素,则这两个元素构成一个逆序对。例如,在数组 [1, 3, 2, 3, 1]

  23. Sam Altman或回归OpenAI,微软等正在调和;阿里辟谣“裁员2.5万人”;Vite 5.0正式发布 | 极客头条

    一分钟速览新闻点! 蔚来总裁回应「倒闭」质疑:绝无可能 阿里辟谣「裁员两万五千人」:谣言接二连三,已报警 金山办公致歉并承诺用户文档不会被用于 AI 训练 消息称小米汽车已完成部分城市门店店长培训,最

  24. 前端新人们,这些知识tips你必须要知道

    这篇文章收录了本人在前端学习实践中遇到的一些问题及解决,同时在文章开头也整理了一些可能有用的文档/文章/网站,可供前端新人进行学习和参考。

  25. 「前端添加水印」你真的了解全面吗?

    在古茗日常业务中,经常会给加盟商下发各种资料,例如:奶茶的配方、设备的清洗、卫生的标准等等等。这些资料都是一些内部资料,从信息安全维度不能被泄露和盗取出去。所以会给下发的资料加上水印。这些资料可

  26. 开源一个企业可用的 Kotlin Multiplatform 项目模板

    开源一个企业可用的 Kotlin Multiplatform 项目模板,希望更多的人能加入 Kotlin Multiplatform 的开发中。

  27. 如何使用Gitlab搭建属于自己的代码管理平台

    GitLab由乌克兰程序员DmitriyZaporozhets和ValerySizov开发,它使用Ruby语言写成。后来,一些部分用Go语言重写。截止2018年5月,该公司约有290名团队成员,以及

  28. 前端公共组件库优化

    对原先公共组件库的一个优化,对原先的研发流程做了梳理,增加了一些规范,提高组件的使用和阅读性,为后续整个组件库的使用做了一些实践经验

  29. 弥合基础设施即代码和GitOps的鸿沟

    如何将Terraform、Crossplane和Atlantis巧妙地组合使用,发挥每项技术的优势,同时保留实施严格日常管理的灵活性。 基础设施即代码是过去十年计算领域最伟大的进步之一。它建立了一种新

  30. JavaScript 玩转数据集合:探索 Set 对象迭代、转换和应用场景

    在本篇文章中,我们将探索 JavaScript Set 对象的迭代、转换和应用场景。通过了解和熟练掌握 Set 对象的特性和方法,我们将能够更高效、更灵活地处理数据,并应用于实际开发中。

  31. 从canvas到B站弹幕

    canvas是HTML自带的一个用于绘制图形的标签,它身上的API太多了,本文会介绍几个常见的属性,以及应用到B站的实现

  32. 手把手带你入门 Three.js Shader 系列(四)

    本篇文章教大家通过 GLSL 内置函数 mix 对颜色进行插值,并重温前两篇文章所学的颜色渐变与突变、重复条纹、圆圈等效果,在此基础上实现彩色插值等效果。

  33. mac下配置两个ssh提交到两个github账户,包含不生效分析

    1. 预置条件和期望: mac环境,公司电脑上配置了公司账户需要的ssh,这个时候如果有自己的一些总结想push到自己的github账户上,因为现在github已经停止https方式push代码,这个

  34. vite插件与发包的一次简单的尝试

    vite插件与发包的一次简单的尝试,介绍了如何写一个简单的vite插件,如何打包ts项目,如何本地调试包,如何借助github工作流让的发包更简便

  35. Threejs 实现梦幻频谱可视化

    BufferGeometry、Web Audio Api、画圆、发光后期使用、水Shader的引用,当发光特效遇到水,美的不可言喻。将几何体放入水流内一半,有一种鸿蒙Logo动画的美

  36. 基于 node-ssh 开发前端部署脚本

    node-ssh 为开发人员提供了一种便捷的方式来执行远程服务器上的 ssh 操作,本文将介绍如何使用 node-ssh 开发前端部署脚本,以简化部署流程并提高效率。

  37. 我的终端环境:高效 shell 命令(三)之提效日常开发 – entr httpie jq

    本文将介绍的 3 命令,用于提高 Web 开发人员们的日常工作效率。 前言 对 Web 开发而言,除了基本的框架外,日常开发过程中,还常用的必然就是调试工具。本文将要介绍的三个命令分别是 entr、h

  38. 面试官:手写下防抖节流

    防抖节流也是曾经被大厂面试过的问题,如果你还不清楚是什么东西,那就赶紧来学习一下吧 防抖 一个很常见的应用场景就是当我们在音乐软件中搜歌的时候,打字打完后停顿时间超过规定时间再去触发搜索。其优点就是可

  39. 【Vue】「Vue.js 入门指南」(三)常用指令的含义与用法

    本篇博文是《Vue.js 打怪升级之路》中入门系列的第三篇博文,主要内容是详细介绍 Vue 常用指令的含义与用法,并通过一个案例—电子宣传小册的制作,来展示如何使用 Vue 的指令进行开发;

  40. WebRTC是什么?使用他能做什么?如何实现一个 webRTC 的应用?

    WebRTC 是一个开源项目,可在 Web 和本机应用程序中实现音频、视频和数据的实时通信。 WebRTC 代表网络实时通信。它是一个开源免费项目,用于借助 API(应用程序编程接口)为移动应用程序和

  41. 前端算法面试–回溯算法之最短路径-每日一练

    前言 今天分享的内容是常见的算法面试题–回溯算法之找出最短路径 假设 n*n 的方格,每个方格都有一个数字,表示这个方格的权重。现在要从(0,0)走到(n-1, n-1),有很多路径。就像下面这个九

  42. Electron+Vite+Vue3跨平台电脑桌面应用快速开发框架(开箱即用)与Go快速开发后台框架api结合开发也可以单独使用

    跨平台电脑桌面应用快速开发框架介绍 一个可以用Vite+vue3基于electron开发的电脑桌面应用的框架(我们不生产框架,我们是优秀框架的搬运工)。前端开发者用一套熟悉的vue框架就可以开发电脑应

  43. Flutter笔记:缩放手势

    在 Flutter 中,缩放手势是一种常见的交互方式,它允许用户通过双指触摸屏幕来改变 UI 元素的大小。这种手势常用于查看图片、地图等场景中。

  44. 面试官:如何构建一个高可用的系统?

    有的同学,虽然经常听说“系统可用性”、“系统可靠性”、“系统稳定性”这几个词,但却又傻傻分不清其中差别,我先来解释一下。

  45. 面试官:如何构建一个高可用的系统?(3)

    前两章主要是从“减少故障次数” 和 “降低故障时长”的角度进行分析的,本文我们从“缩小故障范围”的角度,再来详细讲讲。

  46. vue3项目同事用 provide+ref 组件实例进行跨组件通信 ,给我看傻了

    前言 平常 你在开发过程中是不是经常会遇到这种场景: 一个页面共有多个区域, 头部区域和中间区域是兄弟组件 头部区域有一个 按钮 会修改 中间部分的内容

  47. Vue 中使用 Lottie 动画库详解

    Lottie 是一个由 Airbnb 开源的动画库,它允许你在 Web、iOS、Android 等平台上使用体积小、高性能的体验丰富的矢量动画。本文将详细介绍在 Vue 项目中如何使用 Lottie


关注我

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

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

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