简介

这是基于 vue-cli4 实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。

技术栈：vue-cli4 + webpack4 + vant + axios + less + postcss-px2rem

源码 https://github.com/Michael-lzg/vue-cli4-vant

1
2
3
4
5
6
7
8

// 安装依赖
npm install

// 本地启动
npm run dev

// 生产打包
npm run build

前言

一篇文章不写前言总感觉不太正式，大概介绍下我是怎么完成一个总的知识点的概括的把。其实很多人都有一看就会,一做就废的特点(当然也包括我在内),这个时候，你需要制定一个略微详细的计划，就比如我这篇会首先列出知识点，列出大的方向，制定思维导图，然后根据思维导图编写代码，计划明确，就会事半功倍，因此，希望你可以跟着本篇循序渐进的跟着代码走一遍，不管是真实开发，还是面试，都有的扯。好了，不扯了，可以先看下目录。现在开始

一、基础配置

1、init项目

1
2
3
4
5

mkdir react-webpack4-cook
cd react-webpack4-cook
mkdir src
mkdir dist
npm init -y

规则声明

我们把一个（或一组）选择器和一组属性称之为 “规则声明”。举个例子：

1
2
3
4

.listing {
  font-size: 18px;
  line-height: 1.2;
}

Airbnb JavaScript 编码风格指南（2018年最新版）

Airbnb JS规范原文： https://github.com/airbnb/javascript

类型

1.基本类型：直接存取

• string
• number
• boolean
• null
• undefined
• symbol
  阅读全文 »

享元模式

享元模式是一种用于性能优化的模式，如果系统中因为创建了大量类似的对象而导致内存不足或占用过高这种模式就非常有用了。
下面通过具体的实例来看看。

假设有个内衣工厂，目前的产品有50种男士内衣与50种女士内衣，为了推销产品，工厂决定生产一些塑料模特来穿上它们的内衣拍成内衣广告。
正常情况需要50个男模特与50个女模特，然后让他们每人分别穿上一套内衣来拍照。不使用享元模式可能会有这种方式来写：