React-Webpack多页

react- scripts 中的一系列技术栈配置都 在使用create-react-app构建项目时并未开放,需要使用以下命令弹射到应用的顶层以供个性化,不过特别注意,整个过程是不可逆的 ,eject后就可以看见熟悉的webpack配置目录config。

Read More

React Native开发之真机调试

# Ios指定模拟的设备类型

你可以在终端中运行 xcrun simctl list 來查看具体可用的模拟器名称.
启动 react-native run-ios –simulator “iPhone 4s“。

Read More

Docker 使用

前言

Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从Apache2.0协议开源。

Read More

Node.js + jsonwebtoken 实现 token 验证

安装 jsonwebtoken

1
$ npm install jsonwebtoken

Read More

Nginx 负载均衡 NodeJS~

负载均衡的目的是为了解决单个节点压力过大,造成Web服务响应过慢,严重的情况下导致服务瘫痪,无法正常提供服务。

假设 基于 本博客内 Node.js+MySQL 服务已经跑在 如下端口,并配置 Nginx 转发:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
upstream ht-server {
server 0.0.0.0:3004;
server 0.0.0.0:3001;
server 0.0.0.0:3002;
server 0.0.0.0:3003;
}
server
{
listen 80;#监听端口
#server_name 192.168.1.30;#域名
index index.html index.htm index.php;
root /usr/local/webserver/nginx/pages;#站点目录

location /ht/ {
proxy_pass http://ht-server/;
}
}

Read More

Vue-ECharts

Vue 中使用 ECharts 有两种方法。

方法一:

直接引入 ECharts 或 其中某个 实例。

Read More

CentOS 搭建 服务端

安装

1
2
3
4
5
6
7
8
9
10
11
12
13
14
diskutil list

##### 将U盘卸载

diskutil unmountDisk /dev/disk2 //disk2 需要为 u盘 盘符

##### yum intsall wget

##### wget download wget
wget http://mirrors.aliyun.com/centos/7.9.2009/isos/x86_64/CentOS-7-x86_64-DVD-2009.iso

##### 用dd命令制作安装盘
sudo dd if=~/Downloads/CentOS-7-x86_64-DVD-2009.iso of=/dev/rdisk2 bs=4m // 静待10分钟

Read More

Vue源码分析之 Vue-router 篇

Vue-router 是什么?

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。它支持 hash、history、abstract 3 种路由方式,提供了 2 种组件,还提供了简单的路由配置和一系列好用的 API。

Read More

Vue源码分析之Vuex 篇

Vuex 是什么?

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。它的核心概念有State,Getter,Mutation,Action,Module。

Read More

Vue源码分析之this.message 为什么能访问到 data.message

首先我们需要知道 new Vue 背后发生了哪些事情。

我们都知道,new 关键字在 Javascript 语言中代表实例化是一个对象,而 Vue 实际上是一个类,类在 Javascript 中是用 Function 来实现的,来看一下 vue 方法,在src/core/instance/index.js 中。

Read More