yarn

背景 七夕节将至，你是否还因没有找到合适的表白机会而苦恼，还是说在纠结于为伴侣挑选合适的情人节礼物。那么今天你来对地方了。相信在读完这篇文章后，你就可以自己动手打造出一个专属于他/她/它的七夕专属插件化脚手架，通过本篇文章，不仅可以轻松拉近你与你爱人的距离，还能顺便学会插件化脚手架的相关知识。 温馨提醒 本篇文章需要一定的命令行知识，若在阅读本篇文章时有任何的疑惑，可以通过自行搜索相关内容或者阅读以下的文章来解惑： https://aotu.io/notes/2016/08/09/command-line-development/index.html 废话不多说，直接进入正题 项目目录结构 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 . ├── lerna.json ├── package.json ├── packages │ ├── cli // 七夕专属插件化cli │ │ ├── api │ │ │ ├── commandAPI .js │ │ │ ├── operateHooks .js │ │ │ └── share-utils.js │ │ ├── bin │ │ │ └── valentine │ │ ├── commands │ │ │ └── happy.js │ │ └── package.json │

深度剖析了各个基础技术的源码(ZooKeeper、Hive、Spark、Flink、Hadoop等)，对这些基础技 术知识动态的排列组合，形成大数据全局架构观，并深入讲述大数据全局架构设计的方方面面，打 造真正满足企业万亿级海量数据规模的数据中台，真正赋能前台业务。同时，在企业万亿级真实项 目落地环节，采用高性能、高可用、高扩展的架构设计原则，技术上更是融合了企业级主流的离线 架构和实时架构，带领大家构建PB级的大数据中台，真正落地“企业千亿级的数据仓库中台”，实现 “企业级数据中心平台”，搞定“企业千亿级广告统一数据流智能分析平台”，掌握“企业级Hadoop平 台全方位二次源码开发”，让学员面对企业各种海量复杂业务场景，给出优雅的大数据架构设计方 案，从而真正成为企业级大数据架构师! ​ 第一阶段：分布式协调组件 第一单元 掌握ZooKeeper的核心设计 ZooKeeper生态体系结构 ZooKeeper总体架构设计 ZooKeeper读写请求流程深度剖析 第二单元 掌握ZooKeeper服务端源码流程 ZooKeeper启动流程源码深度剖析 Master选举算法源码深度剖析 服务端通信模型源码深度剖析 第三单元 掌握ZooKeeper客户端源码流程 客户端启动流程源码剖析 客户端通信模型源码剖析 Session管理机制源码剖析 第四单元 掌握ZooKeeper企业应用

centos7.7环境安装nodejs8 nodejs的yum安装部署 [root@iZbp16v1zpi82lbf50mlnxZ ~]# curl -sL https://rpm.nodesource.com/setup_8.x | bash - ## Installing the NodeSource Node.js 8.x LTS Carbon repo... ## Inspecting system... + rpm -q --whatprovides redhat-release || rpm -q --whatprovides centos-release || rpm -q --whatprovides cloudlinux-release || rpm -q --whatprovides sl-release + uname -m ## Confirming "el7-x86_64" is supported... + curl -sLf -o /dev/null 'https://rpm.nodesource.com/pub_8.x/el/7/x86_64/nodesource-release-el7-1.noarch.rpm' ## Downloading release setup RPM... + mktemp + curl -sL -o '/tmp/tmp

##引言 React Native路由导航，有它就够了！该文档根据 React Navigation 文档翻译，有些内容会根据自己的理解进行说明，不会照搬直译，若发现理解有问题的地方，欢迎大家提点！由于本人是基于iOS开发，安卓版本的目前还没有去实践运行，后续有时间会去实践，如果遇到问题，可以@我。最后，这边针对iOS运行的时候遇到的问题也有汇总，并提供解决方案。最后的最后，由于本片文章会很长，所以推荐一个Chrome插件，可以自动根据文章中的h1~h6生成目录，方便查看章节内容，在编写文章时也可以用哦！ Smart TOC ，点击安装后，如下图操作： 基本原理 1 开始 如果您已经熟悉React Native，那么您将能够快速上手React导航!如果没有学习过，你需要先读 React Native Express 的第1 - 4部分(包括第4部分)，读完后再回到这里。 本文档的基础部分介绍React导航的最重要的方面。它足以让您了解如何构建典型的小型移动应用程序，并为您提供深入了解React导航更高级部分所需的背景知识。 1.1 安装 在RN项目中安装您需要的包 npm npm install @react-navigation/native 复制代码 yarn yarn add @react-navigation/native 复制代码 React导航由一些核心工具组成

基于ubuntu的hadoop分布式安装（课程实验） 在VirtualBox中安装ubuntu，命名这台机器为Master创建用户名为hadoop（自己定）并增加hadoop用户管理员权限： sudo adduser hadoop sudo 更改软件源：在Ubuntu的菜单中找到软件与更新，选择中国服务器，此处aliyun，163都可。然后对APT进行更新： sudo apt-get update （ubuntu的vim和ifconfig运行都需要下载） 安装SSH远程连接： 1）下载SSH客户端 sudo apt-get install open-server 2）尝试登入本机 ssh localhost 3）进行本机的免密登入 cd ~/.ssh/ #没有此目录就执一遍ssh localhost ssh-keygen -t rsa #执行后按enter键即可 将密钥加入本机授权： cat ./id_rsa.pub>>./authorized_keys 1）安装Java环境 sudo apt-get install default-jre defalut-jdk #下载jdk 2）添加环境变量 vim ~/.bashrc export JAVA_HOME = /usr/lib/jvm/defalut-java #在配置文件中加入 source ~/.bashrc

https://github.com/davidkpiano/xstate/tree/master/packages/core#readme https://blog.jerry-hong.com/posts/xstate-tutorials-state-machine/ 安装 yarn add xstate 配合vue模拟红绿灯 <template> <div :style="`background:${state}`">{{ state }}</div> <button @click="click">click</button> </template> <script> import { createMachine, interpret } from "xstate"; import { reactive, ref } from "vue"; export default { name: "App", setup() { const states = { green: { on: { TOGGLE: "yellow" } }, yellow: { on: { TOGGLE: "red" } }, red: { on: { TOGGLE: "green" } }, }; const state = ref("green"); const toggleMachine =

之前写了在vue中使用mockjs模拟后台接口,现在使用react,也把react中的使用写一下.基本方法和vue一样 我这个项目是用react脚手架搭建的,项目源码地址: https://github.com/shengbid/my-react-admin 1. 安装mockjs和axios yarn add axios -S yarn add mockjs - D 2. 在项目中新建几个文件,文件位置也没有特别规定要放在哪,根据自己的习惯放就行了 需要一个mock文件,配置接口数据;一个axios文件,配置axios;一般还会有一个接口管理文件,放接口名称,现在都不会直接在项目中引入axios调用 3. axios文件配置, 就是正常的请求拦截响应处理 /src/common/request.js import axios from 'axios' import { message } from 'antd' ; const service = axios.create({ // baseURL: '', timeout: 5000 }) service.interceptors.request.use( config => { return config }, error => { console.log(error) return Promise.reject(error)

参考 https://www.cnblogs.com/stevexu/p/10744765.html yarn 根目录下执行, yarn根据yarn.lock 判断是否需要更新 yarn yarn upgrade-interactive --latest 使用空格选择需要更新的依赖, 回车确认更新 ctrl+a 会选择所有 npm-check npm-check 根据node_modules判断 npm i npm-check -g npm-check -u 命令对照表 说明 yarn npm-check 更新项目依赖，没有交互 yarn upgrade --latest npm-check -y 更新项目依赖，有交互 yarn upgrade-interactive --latest npm-check -u 更新全局依赖，没有交互 yarn global upgrade --latest npm-check -g -y 更新全局依赖，有交互 yarn global upgrade-interactive --latest npm-check -g -u nrm npm i nrm -g nrm ls nrm use taobao 来源： oschina 链接： https://my.oschina.net/ahaoboy/blog/4462623

安装项目 安装全局yarn npm i yarn -g // 安装项目 npx create-react-app 你的项目名 --template typescript 进入项目目录 cd 你的项目名 安装需要的支持库(redux,react-router-dom) yarn add redux react-redux@types/react-redux -S yarn add react-router-dom @types/react-router-dom -S 安装需要的第三库(antd,babel-plugin-import,axios,mockjs) yarn add babel-plugin-import -D yarn add antd axios mockjs -S node-sass yarn add node-sass 配置babel文件–antd // .babelrc { "plugins" : [ [ "import" , { "libraryName" : "antd" , "libraryDirectory" : "es" , "style" : "css" // `style: true` 会加载 less 文件 } ] ] } 配置mobx—不需要 yarn add mobx mobx-react -s yarn add @babel/plugin

1、简介 1.1 Spark简介 Spark是加州大学伯克利分校AMP实验室（Algorithms, Machines, and People Lab）开发通用内存并行计算框架。Spark在2013年6月进入Apache成为孵化项目，8个月后成为Apache顶级项目，速度之快足见过人之处，Spark以其先进的设计理念，迅速成为社区的热门项目，围绕着Spark推出了Spark SQL、Spark Streaming、MLLib和GraphX等组件，也就是BDAS（伯克利数据分析栈），这些组件逐渐形成大数据处理一站式解决平台。从各方面报道来看Spark抱负并非池鱼，而是希望替代Hadoop在大数据中的地位，成为大数据处理的主流标准，不过Spark还没有太多大项目的检验，离这个目标还有很大路要走。 Spark使用Scala语言进行实现，它是一种面向对象、函数式编程语言，能够像操作本地集合对象一样轻松地操作分布式数据集（Scala 提供一个称为 Actor 的并行模型，其中Actor通过它的收件箱来发送和接收非同步信息而不是共享数据，该方式被称为：Shared Nothing 模型）。在Spark官网上介绍，它具有运行速度快、易用性好、通用性强和随处运行等特点。 l运行速度快 Spark拥有DAG执行引擎，支持在内存中对数据进行迭代计算。官方提供的数据表明，如果数据由磁盘读取