Webpack learning

前言

目的

使用 webpack 打包单页应用

目录结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

│  index.html
│  package-lock.json
│  package.json
│  webpack.config.js
│  
├─dist
│      app.ddc8e77.js
│      index.html
│      ventor.js
└─src
    │  a.js
    │  index.js
    │  
    ├─image
    │      1.png
    │
    └─style
            index.css
            index.less

周末随笔

8 月的最后一个周末，966 的上班模式，有一天可以休息是很难得的，计划了一下要做的几件事 1. 9 点 30 分的 LeetCode 周赛，2. 把博客的 CI(持续集成)搭起来 3. 做软工的作业。在这过程中出现了一点小差错，只完成了前 2 件事情

使用 daocloud 和 docker 实现 vue 的持续集成

一、Dockerfile

Docker File 命令

Dockerfile 是一个文本文件，其内包含了一条条的指令(Instruction)，每一条指令构建一层，因此每一条指令的内容，就是描述该层应当如何构建。

而 FROM 就是指定基础镜像，因此一个 Dockerfile 中 FROM 是必备的指令，并且必须是第一条指令。

Dockerfile 中的每一条指令都是一个 layer，docker build 的过程中会缓存 layer，所以就存在可优化的地方。

this 的四种调用方式

一、方法调用模式

当一个函数被保存为对象的一个属性并调用该方法时，this被绑定至该对象。即使用”obj.method”形式

1
2
3
4
5
6
7
8

var val = 'outer'
var methodCall = {
  val: 'inner',
  printVal: function() {
    console.log(this.val)
  }
}
methodCall.printVal() //"inner"

一、例子

在掘金的文章最好用的 javascript 编码规范中文版提到：

当你需要拷贝数组时，使用 Array#slice。

1
2
3
4
5
6
7
8
9

var len = items.length
var itemsCopy = []
var i

for (i = 0; i < len; i++) {
  itemsCopy[i] = items[i]
}

itemsCopy = items.slice(0)

微信小程序 爬坑记录 request-header

Labrador 组件 封装了 小程序原版的 request。

源码：

一. 作用域

1.块级作用域任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。

例如：

for(int i = 0;i<=n;i++)中的 i
while(1){这里面的变量}

在 C/C++中是存在块级作用域的，但是在 JS 中不存在。

例如:

for(var i=0;i<3;i++){ } alert(i); 会弹出 3

也就是说，JS 并不支持块级作用域，它只支持函数作用域，而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。

2.函数作用域

定义在函数中的参数和变量在函数外部是不可见的。

解决跨域问题

1.同源策略

第一，如果是协议和端口造成的跨域问题“前台”是无能为力的，
第二：在跨域问题上，域仅仅是通过“URL 的首部”来识别而不会去尝试判断相同的 ip 地址对应着两个域或两个域是否在同一个 ip 上。

“URL 的首部”指 window.location.protocol +window.location.host，也可以理解为“Domains, protocols and ports must match”。

这里提供了一些解决方法

JChen 博客

在我自己开发的项目中，由于是前后端分离的 API 在 weafung 的服务器上，本地调试的时候就会产生跨域问题(vue-cli 脚手架 载体是 express)
在本地上 浏览器的 域名是 localhost:8081 端口和域名都不一样 就产生了跨域问题。本地的解决办法是 由于 express 使用了一个叫http-proxy-middleware的中间件 这个中间件是 node 的代理模块。如果是使用 vue-cli 脚手架的话，只要在 config/index.js 中