深圳幻海软件技术有限公司 欢迎您!

  • 开启了国内弹幕文化的先河,实现B站弹幕很难么?这个开源项目了解一下

    说起B站,最有特色的功能就是弹幕,现在弹幕已成为各大视频网站的标配,其实,弹幕最早是诞生于日本的一个二次元网站Niconico。后来A站和B站将其引入,开启了国内弹幕文化的先河。相比点赞、转发、评论,弹幕的形式让用户的互动性更强,因此也更受大家喜爱,很多人已经养成了看视频必开弹幕的习惯。假如程序员自

  • 【深入浅出 Yarn 架构与实现】1-1 设计理念与基本架构

    一、Yarn产生的背景#Hadoop2之前是由HDFS和MR组成的,HDFS负责存储,MR负责计算。一)MRv1的问题#耦合度高:MR中的jobTracker同时负责资源管理和作业控制两个功能,互相制约。可靠性差:管理节点是单机的,有单点故障的问题。资源利用率低:基于slot的资源分配模型。机器会将

  • yarn和npm的区别

    熟悉一个新项目一般都是如下步骤:gitclonexxxnpminstallnpmrundev或者gitclonexxxyarnyarnstartyarn是什么?yarn是由Facebook、Google、Exponent和Tilde联合推出了一个新的JS包管理工具,yarn是为了弥补npm的一些缺陷

  • react脚手架搭建的几种方式

    react脚手架创建几种方式nodev16.17.0npm8.15.0yarn3.2.3vite3.1.3配置less-loadernpm首先通过npm方式全局安装create-react-appnpminstall-gcreate-react-app查看是否安装完成create-react-app

  • 字节跳动 YARN 云原生化演进实践

    一.演进背景字节跳动(以下简称字节)内部离线业务具有庞大的规模,线上每天有数十万节点运行,每天的任务数达到百万量级,每天使用的资源量达到千万核量级。在如此庞大的计算规模下,为了能够高效地处理任务,提高资源流转效率,调度系统发挥了非常重要的作用。如上图所示,我们可以清楚地看到,字节内部调度架构分为两大

  • pnpm才是前端工程化项目的未来

    前言​相信小伙伴们都接触过npm/yarn​,这两种包管理工具想必是大家工作中用的最多的包管理工具,npm​作为node​官方的包管理工具,它是随着node的诞生一起出现在大家的视野中,而yarn​的出现则是为了解决npm​带来的诸多问题,虽然yarn​提高了依赖包的安装速度与使用体验,但它依旧没有

  • npm,pnpm,yarn,npx的那些事儿

    ​包管理器历史最早发布的包管理器是npm,他在2010年1月就已经发布了。它确立了包管理器工作的核心原则。npm的发布诞生了一场革命,在此之前,项目依赖项都是手动下载和管理的。npm引入了文件和元数据字段,将依赖项列表存储在package.json文件中,并且将下载的文件保存到node_module

  • Pnpm 是凭什么对 Npm 和 Yarn 降维打击的

    大家最近是不是经常听到pnpm,我也一样。今天研究了一下它的机制,确实厉害,对yarn和npm可以说是降维打击。那具体好在哪里呢?我们一起来看一下。我们按照包管理工具的发展历史,从npm2开始讲起:npm2用node版本管理工具把node版本降到4,那npm版本就是2.x了。然后找个目录,执行下np

  • 如何统一前端项目的 Node 版本和包管理器?

    开发环境Node.jsPackageManager(npm、yarn、pnpm)痛点问题成员机器Node.js版本不统一:守旧派用12.x、保守用14.x、激进用17.x。项目能否正常跑起来全凭天意,在没有CICD流水线加持本地npmrunbuild的场景下线上风险可想而知。有人习惯用npm、有人习

  • 记录一次切换包管理器引发的血案

    ​背景我们现在的项目统一用yarn进行包管理,之前有一个旧项目之前使用的是npm进行管理。于是我决定切换一下。我具体的做法简单粗暴,直接 yarninstall。问题结果我发现之前还好好的项目,突然就出现各种问题,其中一个问题是ANTD的图标重复渲染了,显示出来两个。经过一轮搜索,我找到一

  • 看了九个开源的 Vue3 组件库,发现了这些前端的流行趋势

    参考了如下组件库,因为有些设计是多个版本和框架的,这里只讨论Vue3版本。element-plus [3] -经典中的经典,全面支持Vue3tdesign-vue-next [4] -鹅厂优质UI组件,配套工具完满,设计工整,文档清晰arco-design-v

  • 都 2022 年了,手动搭建 React 开发环境很难吗?

    工厂流水线生产的东西用久了,总想着自己手工是否也能做出来,就如同工艺品和艺术品一般,虽然效果相似,但艺术品往往比工艺品更有韵味。作为一名前端工程师,总是用一些脚手架来快速搭建新项目的基本结构,因此今天尝试着一步步搭建一个React的项目环境,看看需要处理哪些问题,查漏补缺!一、需求分析 首

  • H5小游戏开发教程之基础项目搭建

    我计划做一个小游戏开发的连载教程,涉及的游戏包括:2048,连连看,走出迷宫,扫雷,拼图,贪吃蛇,数独,人机对战五子棋,消消看,俄罗斯方块等,也许还会有其它游戏,比如:泡泡龙,要看我的能力和精力了。其实以上10款游戏是我6年前写好的,当时能力受限,没能完成泡泡龙的开发,就一直搁置了,这是我心中的一个

  • 前端包管理器对比 npm、yarn 和 pnpm

    前端包管理器的发展没有包管理器依赖(dependency)是别人为了解决一些问题而写好的代码,即我们常说的第三方包或三方库。一个项目或多或少的会有一些依赖,而你安装的依赖又可能有它自己的依赖。比如,你需要写一个base64编解码的功能,你可以自己写,但为什么要自己造轮子呢?大多数情况下,一个可靠的第

  • 聊聊前端包管理器对比Npm、Yarn和Pnpm

    前言本文将从前端包管理器的发展开始说起,然后对比npm、yarn和pnpm。没有包管理器依赖(dependency)是别人为了解决一些问题而写好的代码,即我们常说的第三方包或三方库。一个项目或多或少的会有一些依赖,而你安装的依赖又可能有它自己的依赖。比如,你需要写一个base64编解码的功能,你可以

  • Spark ON Yarn的资源分配图解

    任务提交脚本脚本模板当我们提交一个Spark作业到YARN上,通常情况下会使用如下的脚本模板:复制spark-submit     --class class-name     --mast

  • PyFlink 开发环境利器:Zeppelin Notebook

    PyFlink作为Flink的Python语言入口,其Python语言的确很简单易学,但是PyFlink的开发环境却不容易搭建,稍有不慎,PyFlink环境就会乱掉,而且很难排查原因。今天给大家介绍一款能够帮你解决这些问题的PyFlink开发环境利器:ZeppelinNotebook。主要内容为:1

  • Hadoop之完全分布式集群

     首先准备三台客户机(hadoop102,hadoop103,hadoop104),关闭防火墙,修改为静态ip和ip地址映射配置集群编写集群分发脚本创建一个远程同步的脚本xsync,并放到当前用户下新建的bin目录下,配置到PATH中,使得此脚本在任何目录下都可以执行脚本实现复制[kocd

  • 老板拖欠工资,程序员怒将项目开源,竟火爆GitHub!

     当独立开发者被客户窃取走你的时间和精力时,确实是一件很被动且无奈的事情,近日,一位以色列的全栈开发工程师Jason接了一个项目,花了几周去完成它之后却惨遭金主毁约。在气恼过后,Jason选择将这个项目开源,这个应用程序一个能够让用户直接通过平台支付租金而无需再使用支票或银行转账的方式的平

  • 前端核心工具:yrn、npm、cnpm三者如何优雅的在一起使用 ?

     一位用不好包管理器的前端,是一个入门级前端,一个用不好webpack的前端,是一个初级前端三个包管理器是可以一起用的,只要你够胆大心细,就没任何问题!在JavaScript编写中,我们尽量不要定义全局变量,封装函数尽量不要有副作用,因为全部变量的查询时间会比局部变量的查询慢,更是考虑在N

推荐阅读