要点

作为一个类瀑布流型的组件，相较其他组件而言我们需要：

• 监听滚动事件
• 触底加载
  • 触底时触发事件向父组件请求信息
  • 若父组件返回信息则动态加载，并增加组件高度
  • 若父组件中未返回信息则显示“到底啦”
  • 若正在加载（网速较慢）则显示“加载中…”

简介

• flex是Flexible Box的缩写，即“弹性布局”
• 设置display:flex;属性后，子元素的float,clear和vertical-align属性将不再起作用
• 此属性既适用于块级元素也适用于行内元素

近些年来随着微信小程序的蓬勃发展，原本适用于PC端的字体型号px好像不再那么的万金油了，尤其是面对不同的手机屏幕，px的适配性显得过于呆板。之前的一些大厂选用了通用型号的屏幕适配，多余的部分则用留白来填补。这样虽然让Plus型号得以施展，但是一段留白总归看的诸位土豪心中不爽。随着CSS的发展，rem横空出世解决了这一难题

为了大家的时间，我们采用我初中答政治题的方式，分“是什么”，“为什么”，“怎样做”三个方面给大家讲一下rem的详情，希望最大程度的节省大家的时间

config文件夹中的dev.env.js

1
2
3
4
5
6
7
8
9
10

proxyTable: {
    '/api': {
        target: 'http://192.168.1.1:80', // api代理服务器地址
        changeOrigin: true, // 允许跨域
        secure: false,
        pathRewrite: {
            '^/api': '/'
        }
    }
}

target是我们要将请求发送的靶向目标。此选项可以理解为我们的node后台为我们作了一次正向代理，以此避免了跨域。

最近在网上看到一个概念：“鸭子模型”，出于好奇搜一下然后就有了这篇水文，各位看一下图个乐呵就好了

背景

如果它走起来像鸭子，而且叫起来像鸭子，那么它就是鸭子
也就是说，我们只关注对象行为而不关注对象本身

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

什么是跨域

由于浏览器的同源策略限制，导致了我们无法跨域获取数据。呸，是获取数据之后浏览器出于安全考虑将信息拦截。

那么什么是同源策略？

同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

call和apply均用于this值绑定，区别在于参数列表

Function.apply(thisObj, args)
Function.call(thisObj, [param1[, param2 [, param3 [... [,paramN]]]]])

前者传入参数列表（arguments），后者挨个向里边放参数

一张图放在前面

jq 的 ajax 方法封装了原生 ajax 请求，让用户得以更加方便的使用。