为什么需要性能优化
在使用 Webpack 时,如果不注意性能优化,可能会产生性能问题,会导致在开发体验上不是非常丝滑,性能问题主要是编译速度慢,打包体积过大,因此性能优化也主要从这些方面来分析。本文主要是自己平时的工作积累和参考别人的文章,而进行总结,基于 Webpack4 版本。
构建分析
编译速度分析
对 Webpack 构建速度进行优化的首要任务就是去知道哪些地方值得我们注意。
speed-measure-webpack-plugin 插件能够测量 Webpack 构建速度
SMP ⏱
General output time took 38.3 secs
SMP ⏱ Plugins
HtmlWebpackPlugin took 1.31 secs
CopyPlugin took 0.016 secs
OptimizeCssAssetsWebpackPlugin took
问题描述
Taro init 遇到没有权限创建项目,具体报错如下:
(node:71338) UnhandledPromiseRejectionWarning: Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@tarojs/cli/templates/taro-temp'
(node:71338) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled w
订单页
order.jsx:
import Taro, { Component } from '@tarojs/taro';
import { View } from '@tarojs/components';
import { AtTabs, AtTabsPane } from 'taro-ui';
import request from '../../request';
import { STATUS } from './../../config';
import List from './components/list';
import './index.less';
class Index extends Component {
constructor(props) {
super(props);
this.state = {
安装
$ brew install mysql
登录
$ mysql -uroot -p
连接到 mysql 数据库,默认没有密码的,直接按回车进入。
启动数据库
$ service mysqld start
停止数据库
$ service mysqld stop
重启数据库
$ service mysqld restart
显示所有数据库
$ show databases;
进入数据库
$ use mysql;
显示所有表
$ show tables;
创建表名和字段
$ CREATE TABLE data (images VARCHAR(20));
修改字段大小
$ ALTER TABLE data images MODIFY VARCHAR(100);
查询表
$ select * from card;
修改用户密码
$ mysql -u root -p
微信打开这个网址http://debugx5.qq.com或扫描下方二维码
进去后,选择中间"信息",一直往下翻,把 VConsole 打开,把下面两个 Content Cache 关掉。
然后,打开你要调试的页面,就能看到右下角有个绿色按钮 VConsole。