发表于

概念

容器

镜像

常用命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 查看当前运行的容器
> docker ps
# 查看所有（包括停掉的）容器
> docker ps -a 
# 查看本地存在哪些镜像
> docker images 
# -f参数，强制删除包含正在运行的容器
> docker rm 容器ID 
# 删除某个镜像
> docker rmi 镜像名 
> docker pull 镜像名
> docker search 镜像名
# 查看某个容器端口与宿主端口映射
> docker port 容器ID 
# 在容器中执行命令
> docker exec
# 启动一个容器，如：nginx
> docker run -i -d -p 8080:80 nginx

发表于

对于不同的企业有不同的前端（代码/文件目录/打包发布）规范，其下为个人习得或习惯。

代码规范

HTML

文档统一采用UTF-8编写(设置IDE)

代码缩进采用4个空格

一个标签多个属性(导致折行)，每个属性单独成行

1
2
3
4
5
6
7
8
9
<div 
  data-prop1="1"
  data-prop2="2"
  data-prop3="3"
  data-prop4="4"
  ...
>
  <!-- ... -->
</div>
阅读全文 »

发表于

一张图看清JavaScript原型脉络:

解释下如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
// 每个函数都存在一个prototype属性

Function.prototype.__proto__ === Object.prototype // true
// 

Function.prototype === Object.__proto__ // true
// typeof Object === 'function'
// 相当于Object函数是Function实例

Function.prototype === Function.__proto__ // true
// typeof Function.prototype === 'function'

Function.__proto__ === Object.__proto__ // true

发表于 | 分类于

注：本文用于帮助记忆前端开发遇到的问题及解决方法/方案。为持续更新文章

字体平滑

1
2
3
4
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

IOS下普通元素绑定点击事件无效

1
2
3
.js-click {
  cursor: pointer;
}

Safari下input[type=”number”]提示”输入有效值”

当输入小数时，需指定step属性

1
<input type="number" step="0.01"/>

发表于

如何安装及如何使用参见parcel官网。

新建文件_main.html(任意名称)作为项目的入口，将项目功能页面以如下方式引入。

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <!-- 项目功能页面 -->
  <a href="index.html"></a>
  <a href="page1.html"></a>
  <a href="page2.html"></a>
  <!-- more -->
</body>
</html>
阅读全文 »