4.4k words 4 mins.

# Vue-Cli 介绍以及使用

vue-cli 官方提供的一个脚手架，用于快速生成一个 vue 的项目模板；
 预先定义好的目录结构及基础代码，就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，我们的开发更加的快速；
主要的功能:

  •  统一的目录结构
  •  本地调试
  •  热部署
  •  单元测试
  •  集成打包上线
4.5k words 4 mins.

# Ts 配置 Webpack 笔记

# 安装 Node.js 淘宝镜像加速器（cnpm）

首先电脑是已经要满足安装了 Node.js 才可以

由于不是很专业的前端，然后又学习了一些简单的 npm 指令:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$ npm -v          #显示版本，检查npm 是否正确安装。
 
$ npm install express   #安装express模块
 
$ npm install -g express  #全局安装express模块
 
$ npm list         #列出已安装模块
 
$ npm show express     #显示模块详情
 
$ npm update        #升级当前目录下的项目的所有模块
 
$ npm update express    #升级当前目录下的项目的指定模块
 
$ npm update -g express  #升级全局安装的express模块
 
$ npm uninstall express  #删除指定的模块
631 words 1 mins.

# html 页面插入百度谷歌地图， react 中插入百度地图

# Google 地图

  1. 在谷歌地图中 http://www.google.cn/maps/

输入地址，搜索到指定地点之后，点击 “共享” 按钮

3k words 3 mins.

# js 中的 some、find、findindex、includes、filter 的使用

类似于 foreach 的方法
为什么把这类方法归到一起讲，因为我在使用的过程中发现其实这些方法的用法和参数其实都是一样的，底层应该都是和 foreach 差不多，差别只是在于返回的东西不一样，那么再来看看这些方法的差别以及用法。

  • 语法
    array.方法名(function(currentValue, index, arr),thisValue)
10k words 9 mins.

# Display 属性

# display 所有属性

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
41
/* CSS 1 */
display: none;
display: inline;
display: block;
display: list-item;
/* CSS 2.1 */
display: inline-block;
display: table;
display: inline-table;
display: table-cell;
display: table-column;
display: table-column-group;
display: table-footer-group;
display: table-header-group;
display: table-row;
display: table-row-group;
display: table-caption;
/* CSS 2.1 */
/* CSS 3 */
display: inline-list-item;
display: flex;
display: box;
display: inline-flex;

display: grid;
display: inline-grid;
display: ruby;
display: ruby-base;
display: ruby-text;
display: ruby-base-container;
display: ruby-text-container;
/* CSS 3 */
/* Experimental values */
display: contents;
display: run-in;
/* Experimental values */
/* Global values */
display: inherit;
display: initial;
display: unset;

3.8k words 3 mins.

# Css 样式

CSS 菜鸟学习链接

opacity

1
2
透明度 
value	规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。

text-align

value 解释
left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。
1.8k words 2 mins.

# Css 选择器 选择器 例子 例子描述 CSS .class .intro 选择 class=“intro” 的所有元素. 1 #id #firstname 选择 id=“firstname” 的所有元素 1 * * 选择所有元素。 2 element p 选择所有 元素。 1 element,element div,p 选择所有 元素和所有 元素。 1 element element div p 选择 元素内部的所有 元素。 1 element>element div>p 选择父元素为 元素的所有...
627 words 1 mins.

# VsCode 快捷键

  • VS Code 中代码格式化
    • Windows Shift + Alt + F
    • 在 Mac 上 Shift + Option + F
  • 一行优化显示
    • Alt + Z

# IDEA 常用

  • Ctrl + Z 撤销 （必备）
  • Ctrl + Shift + Z 恢复 （必备）
886 words 1 mins.

# UML : 类图关系总结

UML 类图几种关系的总结，泛化 = 实现 > 组合 > 聚合 > 关联 > 依赖
在 UML 类图中，常见的有以下几种关系: 泛化（Generalization） , 实现（Realization） ， 关联（Association) ， 聚合（Aggregation） ， 组合(Composition) ， 依赖(Dependency)