基本概念 1、网站吞吐量:TPS/每秒的事务数,QPS/每秒的查询数,HPS/每秒的HTTP请求数 2、服务器性能指标:系统负载,内存使用,CPU使用,磁盘使用以及网络I/O等 前端优化方法 1、减少HTTP请求:通过将多个前端资源合并成一个实现减少HTTP请求提高性能。 2、设置响应头字段是部分及 ...
分类:
Web程序 时间:
2017-11-04 11:33:20
阅读次数:
150
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 本章节基于 Webpack3.0 测试通过。 从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 接 ...
分类:
Web程序 时间:
2017-10-16 01:50:40
阅读次数:
238
源码工程下载之后,需要以下几步应用才能开始运行, 1、npm install 安装依赖的插件包 2、项目使用了bower管理前端资源文件,使用npm install bower -g 安装全局bower,然后在gulpfile.babel.js同级的目录下执行gulp进行打包,会生成bower-co ...
分类:
移动开发 时间:
2017-10-15 22:32:11
阅读次数:
228
来源:https://github.com/zuojj/fedlab/issues/5 Webpack,Webpack 是一个前端资源加载/打包工具,现在版本已经 release 到 v2.6.1,今天的文章不直接介绍Webpack的API及使用,而是对最近项目开发中使用Webpack打包时处理IE ...
分类:
Web程序 时间:
2017-10-12 20:25:04
阅读次数:
1124
Webpack 是当下最热门的前端资源模块化管理和打包工具。 什么是webpack Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader ...
分类:
Web程序 时间:
2017-10-12 15:41:59
阅读次数:
209
在我们开始前先介绍下流程: 1 Bower是什么? bower是一个包管理工具 只不过它面向前端。 1.1 安装 1.1.1 安装node.js 在我们安装Bower前应该先安装node.js,因为安装Bower我们需要用到npm,首先先看看我们是否安装了npm: 如果没有输出版本号,那么可以到no ...
分类:
其他好文 时间:
2017-10-03 22:20:45
阅读次数:
169
https://www.helloweba.com/nav.html Helloweba为广大前端开发者收录了常用实用的前端资源工具,方便大家学习和查阅。 https://www.helloweba.com/view-blog-265.html 图片切换效果 参数说明:http://www.cnbl ...
分类:
Web程序 时间:
2017-09-30 15:12:33
阅读次数:
196
上周介绍了实现前端资源下载的思路,今天给一个简单的初版代码。 首先 基于express启动一个服务端容器,用于处理前端路由和后段逻辑处理,目录结构如下: 其中gameDir是游戏存放的地址,node_modules是存放用到插件的module,server内部目录结构如下 app.js是程序的启动代 ...
分类:
其他好文 时间:
2017-09-01 21:18:43
阅读次数:
150
这篇文章主要记录了一些我觉得不错的网站,以便于记忆,浏览。 置顶:前端资源教程 (如果你有幸点进去,那么我相信你一定不会放过它) 置顶:资源、工具、教程...应有尽有。。 置顶:知乎推荐网站、app,包括网站排行,远程操控,视频加速。。。。。碉堡了 MDN 官方文档 即 Mozilla develo ...
分类:
Web程序 时间:
2017-08-11 12:14:54
阅读次数:
225
1.下载安装node.js [6的版本] 2.下载安装python2.7.*的版本 3.可以通过淘宝的npm进行相关的安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 在项目的文件夹下 cnpm install --s ...
分类:
其他好文 时间:
2017-08-08 19:48:29
阅读次数:
118