macOs 配置终端走本地代理

2021-06-06

1. 在当前终端配置

设置http代理：

export all_proxy=http://127.0.0.1:port

设置socks5代理：

export all_proxy=socks5://127.0.0.1:port

2. 设置永久代理

# 如果你使用的shell是bash
open ~/.bash_profile
# 如果你使用的shell是zsh
open ~/.zshrc

然后在打开的窗口添加下面内容
more >>

展开全文 >>

Homebrew 国内镜像源替换和重置

2020-04-02

查看当前系统的镜像源

# ①、查看 brew 镜像源
git -C "$(brew --repo)" remote -v

# ②、查看 homebrew-core 镜像源
git -C "$(brew --repo homebrew/core)" remote -v

# ③、查看 homebrew-cask 镜像源
git -C "$(brew --repo homebrew/cask)" remote -v

国内镜像源

①、中国科学技术大学开源软件镜像；
https://mirrors.ustc.edu.cn/

②、清华大学开源软件镜像；
https://mirrors.tuna.tsinghua.edu.cn/

③、阿里云开源镜像；
https://mirrors.aliyun.com/homebrew/

more >>

展开全文 >>

前端常用面试题目及答案-Vue篇

2019-07-03

一、Vuex

关于 Vuex

Vuex 是⼀个专为 Vue.js 应⽤程序开发的模式。

把组件的共享状态抽取出来，以⼀个全局单例模式管理。在这种模式下，我们的组件树构成了⼀个巨⼤的“视图”，不管在树的哪个位置，任何组件都能获取状态或者触发⾏为！这就是“状态管理模式”。

应⽤场景有：单页应⽤中，组件之间的数据状态。应⽤实例：

1、购物车功能；

2、下单页⾯有选择优惠券按钮，点击进⼊优惠券页⾯，选择后返回到下单页，数据会绑定回来，显⽰已选择的优惠券；3、登录状态等等；

Vuex有哪⼏种属性？

有五种，分别是 State、 Getter、Mutation 、Action、 Module

Vuex的State特性

1、Vuex就是⼀个仓库，仓库⾥⾯放了很多对象。其中state就是数据源存放地，对应于⼀般Vue对象⾥⾯的data

2、state⾥⾯存放的数据是响应式的，Vue组件从store中读取数据，若是store中的数据发⽣改变，依赖这个数据的组件也会发⽣更新

3、它通过mapState把全局的 state 和 getters 映射到当前组件的 computed 计算属性中
more >>

展开全文 >>

前端常用面试题目及答案-JS篇

2019-06-01

1.var、let、const的区别？

let 为 ES6 新添加申明变量的命令，它类似于 var，但是有以下不同：
var声明变量可以重复声明，而let不可以重复声明
var是不受限于块级的，而let是受限于块级
var会与window相映射（会挂一个属性），而let不与window相映射
var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错
const声明之后必须赋值，否则会报错
const定义不可变的量，改变了就会报错
const和let一样不会与window相映射、支持块级作用域、在声明的上面访问变量会报错

2.js基础数据类型和引用类型分别是什么？(包含ES6新增)

1.基本数据类型（自身不可拆分的）：Undefined、Null、Boolean、Number、String、symbol
2.引用数据类型（对象）：Object （Array，Date，RegExp，Function）

3. jsonp原理，jquery是怎么实现的，这样实现有什么好处和坏处。

在同源策略下;在某个服务器下的页面是无法获取到该服务器以外的数据的;Jquery中ajax 的核心是通过 XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加 script标签来调用服务器提供的 js脚本
当我们正常地请求一个JSON数据的时候，服务端返回的是一串 JSON类型的数据，而我们使用 JSONP模式来请求数据的时候服务端返回的是一段可执行的 JavaScript代码。因为jsonp 跨域的原理就是用的动态加载 <script>的src ，所以我们只能把参数通过 url的方式传递, 所以jsonp的 type类型只能是get ！
more >>

展开全文 >>

前端常用面试题目及答案-HTML&CSS篇

2019-05-01

1. 行内元素和块级元素有哪些？

行内元素：

<a>     //标签可定义锚   
<abbr>     //表示一个缩写形式   
<acronym>     //定义只取首字母缩写   
<b>     //字体加粗   
<bdo>     //可覆盖默认的文本方向   
<big>     //大号字体加粗   
<br>     //换行   
<cite>     //引用进行定义   
<code>    // 定义计算机代码文本  
<dfn>     //定义一个定义项目  
<em>     //定义为强调的内容  
<i>     //斜体文本效果  
<img>     //向网页中嵌入一幅图像  
<input>     //输入框  
<kbd>     //定义键盘文本  
<label>     //标签为 input 元素定义标注（标记）  
<q>     //定义短的引用  
<samp>     //定义样本文本  
<select> // 创建单选或多选菜单  
<small>     //呈现小号字体效果  
<span>     //组合文档中的行内元素  
<strong> //加粗  
<sub>     //定义下标文本  
<sup>     //定义上标文本  
<textarea>     //多行的文本输入控件  
<tt>     //打字机或者等宽的文本效果  
<var>    // 定义变量

more >>

展开全文 >>

GIT 常用命令行及含义

2018-08-24

Git和SVN是我们最常用的版本控制系（Version Control System， VCS），当然，除了这二者之外还有许多其他的VCS，例如早期的CVS等。顾名思义，版本控制系统主要就是控制、协调各个版本的文档内容的一致性，这些文档包括但不限于代码文件、图片文件等等。早期SVN占据了绝大部分市场，而后来随着Git的出现，越来越多的人选择将它作为版本控制工具，社区也越来越强大。相较于SVN，最核心的区别是Git是分布式的VCS，简而言之，每一个你pull下来的Git仓库都是主仓库的一个分布式版本，仓库的内容完全一样，而SVN则不然，它需要一个中央版本库来进行集中控制。采用分布式模式的好处便是你不再依赖于网络，当有更改需要提交的时候而你又无法连接网络时，你只需要把更改提交到本地的Git仓库，最后有网络的时候再把本地仓库和远程的主仓库进行同步即可。当然，分布式和非分布式各有各的优缺点，但是目前来看，分布式的Git正逐渐被越来越多的人所接受并推广。

以下是Git的一些常用命令及含义：

git init：在本地新建一个repo仓库，进入一个项目目录，执行git init，会初始化一个repo仓库，其中会新建一个名为.git的文件夹。
git clone [url]：获取一个url对应的远程git repo，创建一个local copy。clone下来的repo会以url最后一个斜线后面的名称命名，创建一个文件夹，如果想要指定特定的名称，可以用 git clone [url] [repo-name] 这样的命令。
git status：查询repo的状态。git status -s 其中的 -s 表示short，-s的输出标记会有两列，第一列是对staging区域而言，第二列是对working目录而言。
git add：添加暂存区的新文件或改动！git add . 会递归地添加当前工作目录中的所有文件。

more >>

展开全文 >>

React-Native开发环境快速搭建

2017-10-02

入坑需谨慎，且入且珍惜🤣 本文章适用于准备入坑的新手观看，也欢迎各位大佬拍砖🙏！

准备工作

需要的硬件

首先电脑(Windows、Mac都行)是必须的啊（没有电脑你还想开发😏），有条件的小伙伴可以准备一部手机，没有手机也可以使用模拟器（详见需要的软件）,硬件的准备就完成了，接下来看看需要哪些软件吧！

需要的软件

Node

前往官网下载程序，推荐下载LTS版本的，更稳定！Node的安装程序我就不介绍了，一直下一步就行了！
安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！
打开终端或命令提示符输入以下命令！

npm config set registry https://registry.npm.taobao.org –global
npm config set disturl https://npm.taobao.org/dist –global

more >>

展开全文 >>

Genymotion相关问题

2017-10-02

运行报错

当你下载好了Genymotion的Android镜像并点了start后，如果你运气不好会报以下错误。😾

VT-x is disabled in the BIOS for both all CPU modes (VERR_VMX_MSR_ALL_VMX_DISABLED)

报错一

要在64位主机上运行Oracle VM Virtual Box / VMware计算机，需要启用Virtualization Technology（VTx）和Virtualization Technology Directed I/O（VTd）。

通常这些设置在BIOS级别上被禁用。

要启用VTx和VTd，您必须更改BIOS中的相应设置。
more >>

展开全文 >>

CSS 单行文字水平分散对齐

2017-08-02

想要一排按钮均匀分散对齐:

<div class="tab-bar navbar-fixed-bottom">
  <a href="#" class="btn btn-default"><i class="fa fa-home" aria-hidden="true"></i><span>主页</span></a>
  <a href="#" class="btn btn-default"><i class="fa fa-home" aria-hidden="true"></i><span>主页</span></a>
  <a href="#" class="btn btn-default"><i class="fa fa-home" aria-hidden="true"></i><span>主页</span></a>
  <a href="#" class="btn btn-default"><i class="fa fa-home" aria-hidden="true"></i><span>主页</span></a>
  <a href="#" class="btn btn-default"><i class="fa fa-home" aria-hidden="true"></i><span>主页</span></a>
</div>

自然想到用text-align

1	text-align: justify;

但有个问题, justify 是说对于多行文字,中间的文字分散对齐,最后一行还是左对齐. 所以对于单行文字这不起作用.
more >>

展开全文 >>