发表于 | 分类于 | | 阅读次数:
字数统计: 454 | 阅读时长 ≈ 2

环境：在vue项目中使用

html部分

1
2
3
4
5
6
7
8
9
<div class="share__wrap">
  <div class="share__content">
    <div class="bdsharebuttonbox col-xs-5 share__wrapper">
      <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">分享到QQ空间</a>
      <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">分享到新浪微博</a>
      <a class="bds_renren" data-cmd="renren" title="分享到人人网">分享到人人网</a>
    </div>
  </div>
</div>
阅读全文 »

发表于 | 分类于 | | 阅读次数:
字数统计: 1,608 | 阅读时长 ≈ 6

前端性能优化

1.减少http请求

  • 1.图片
  • 2.样式
  • 3.脚本

2.压缩组件

前端

  • 1.css文件 and js脚本的内容压缩，图片压缩
    服务端
  • 1.启用GZIP编码来压缩http响应包的大小。通过HTTP请求中的Accept-Encoding头来标识对压缩的支持
1
Accept-Encoding: gzip,deflate
阅读全文 »

发表于 | 分类于 | | 阅读次数:
字数统计: 637 | 阅读时长 ≈ 3

前言介绍

自己开始用自己的邮箱，注册了ssh key，将公钥添加到了github上，但现在公司要求使用企业邮箱生成公钥，将使用公司的企业邮箱生成的公钥添加到自己公司搭建的gitlab私服上，由此以来开始了下面的折腾。同时使用多个邮箱，注册多个公钥。

1.先使用自己的邮箱生成第一个key

1
2
// 在终端中执行
ssh-keygen -t rsa -C "yourEmail@xxx.com"

第一个key一路回车,生成以后，在终端中执行下面命令进行查看

1
open ~/.ssh
  • 此时，.ssh文件中多个两个文件 id_rsa 私钥，id_rsa.pub

2.在使用公司邮箱生成第二个key

1
2
// 在终端中执行
ssh-keygen -t rsa -C "companyEmail@xxx.com"

回车以后：在下面的操作中，给第二个key取一个名字，用于区分。如果一路回车会覆盖掉第一次生成的秘钥。

1
Enter file in which to save the key (/Users/Shinancao/.ssh/id_rsa): id_rsa_customName
  • 现在，再执行命令 open ~/.ssh命令，我们能看到 .ssh文件中又多了两个秘钥
    阅读全文 »

发表于 | 分类于 | | 阅读次数:
字数统计: 694 | 阅读时长 ≈ 3

生成markdown文件的目录结构，先上效果图

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
.
├── build
│   ├── build.js
│   ├── check-versions.js
│   ├── logo.png
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── config
│   ├── dev.env.js
│   ├── index.js
│   └── prod.env.js
├── index.html
├── package.json
├── src
│   ├── api
│   │   └── index.js
│   ├── assets
│   │   ├── images
│   │   └── stylus
│   ├── components
│   │   ├── checkbox
│   │   ├── index.js
│   │   ├── radio
│   │   └── topbar
│   ├── index.js
│   ├── main.js
│   ├── mixins
│   ├── router
│   │   ├── index.js
│   │   └── routes
│── └── views
│       ├── App.vue
│       ├── index
│       └── ui
├── static
│   └── .gitkeep
└── tree.md
阅读全文 »

发表于 | 分类于 | | 阅读次数:
字数统计: 538 | 阅读时长 ≈ 2

为什么要使用NPM

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。命令如下，出现版本提示表示安装成功:

1
5.6.0
阅读全文 »