一、初始化一个vue项目 vue init webpack vuemqtt npm install npm run dev 二、安装mqtt npm install mqtt --save 三、编写vue组件 1 <template> 2 <div id="app"> 3 <p>mqtt收到的数据： ...
分类：
其他好文 时间：
2020-05-23 20:17:56
阅读次数：
193
1.在项目文件根目录上创建 vue.config.js 文件 2.写入以下代码，具体内容见注释： ...
分类：
其他好文 时间：
2020-05-23 16:11:11
阅读次数：
157
Webpack 入门 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 1. Webpack安装 全局安装 2. 快速入门 2.1 JS打包 以上代码的意思是：读取当前目录下src文件夹中的main.js（入口文件）内 ...
分类：
Web程序 时间：
2020-05-23 14:54:31
阅读次数：
55
2019年5月24日 开始对于react的学习 http://huziketang.mangojuice.top/books/react/lesson46 开始提要：reactjs是不依赖nodejs的，但是webpack是依赖的，所以我们react开发也要安装node环境！安装node的教程我要另 ...
分类：
其他好文 时间：
2020-05-23 13:22:12
阅读次数：
41
1. 主要使用vue.js2. 使用vue-cli脚手架搭建项目3. 使用vue-router来做路由，实现单页面跳转4. 使用iView UI作为前端UI框架，Mouse UI作为手机端UI框架5. 使用axios来请求接口，实现前后端分离6. 使用Echarts.js来实现图表效果7. 使用qr ...
分类：
其他好文 时间：
2020-05-22 09:39:28
阅读次数：
99
Webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX javascript xml）、coffee、样式（含less/sass/css）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sas ...
分类：
Web程序 时间：
2020-05-22 00:28:20
阅读次数：
82
1. 利用打包工具打包压缩前端代码，webpack 可以将前端代码压缩差不多你未压缩之前的一半体积或更多 2.按需加载 3.图片压缩优化，小图标用精灵图，减少对http的请求 打包后文件过大怎么处理 使用UglifyJSPlugin压缩 开启gzip压缩 第三方库不需要打包 ...
分类：
其他好文 时间：
2020-05-22 00:06:52
阅读次数：
60
相信很多人在使用webpack-dev-server时肯定会遇到一些问题（如下图所示） 我在学习vue框架的时候因为要使用到webpack工具，但这个工具又是基于node，而我对node没有任何基础，然后每次出现问题就在网上疯狂的找啊找，在网上诸如类似这个问题的解答很多，但是每个人的情况不一样，而我 ...
分类：
Web程序 时间：
2020-05-21 16:18:45
阅读次数：
68
1. 硬件服务： CDN分发，gzip，大小图，缓存 2. webpack： 大文件切割抽取公共代码 功能或业务为单元代码 相应依赖和公共资源可以放到CDN 按需引入工具库与UI库 3. 项目上： 减少请求次数 异步的优先级，是否需要同时请求多个，需要分段请求 异步的重复请求 资源预加载 图片懒加载 ...
分类：
其他好文 时间：
2020-05-21 16:04:27
阅读次数：
73
1、安装文件 npm install --save-dev sass-loader npm install --save-dev node-sass 2、配置 webpack.base.conf.js 找到webpack.base.conf.js文件的module模块下面的rules添加以下代码 1 ...
分类：
Web程序 时间：
2020-05-21 12:00:33
阅读次数：
69
