SF
看见看不见的
看见看不见的
注册登录
关注博客
注册登录
主页
关于
RSS
11 个 Nginx 参数性能优化工作
Chakhsu
2019-01-17
阅读 5 分钟
14.5k
这个参数调整的是 Nginx 服务的 worker 进程数,Nginx 有 Master 进程和 worker 进程之分,Master 为管理进程、真正接待“顾客”的是 worker 进程。
Webpack 最佳实践总结(三)
Chakhsu
2017-08-23
阅读 5 分钟
9.8k
有时候,前端项目中除了 JavaScript 外,还有一个更重要的 CSS 需要我们花点精力进去。这里主要陈述一下如何将 CSS 加工流整合到 webpack 中,因为 CSS Modules 的情况比较复杂,所有暂还未打算介绍更多关于 CSS Modules 的内容
Webpack 最佳实践总结(二)
Chakhsu
2017-08-21
阅读 5 分钟
2.4k
上一篇介绍了 Webpack 优化项目的四种技巧,分别是通过 UglifyJS 插件实现对 JavaScript 文件的压缩,css-loader 提供的压缩功能,配置NODE_ENV可以进一步去掉无用代码,tree-shaking帮助找到更多无用代码
Webpack 最佳实践总结(一)
Chakhsu
2017-08-18
阅读 5 分钟
4.9k
Webpack3 自今年6月20日正式发布而来,给我们带来Scope Hoisting和Magic Comments两大功能,可惜不在这次系列文章内容范畴里,而本次文章的主要内容是从项目中总结得到,当然也看了很多别人写的文章,是可以被应用到生产中。这次主要介绍三个方面,分别是压缩 JavaScript 和 CSS、配置环境变量、ES 模块机制带来的Tree-s...
把Gzip换成Brotli的Nginx配置教程
Chakhsu
2017-05-11
阅读 3 分钟
10.8k
HTTP 的内容协商的其中一种方式:服务端根据客户端发送的请求头中某些字段自动发送最合适的版本。可以用于这个机制的请求头字段又分两种:内容协商专用字段(Accept 字段)、其他字段
webpack2与Less使用教程
Chakhsu
2017-03-24
阅读 5 分钟
11.6k
当我们在项目里写大量的css的时候,会有以下几个问题:太多重复性的规则、查找定位和修改太依赖编辑器、替换修改太麻烦等等。基于这类问题,我们可以用css预处理器来解决,例如Less,Sass,Stylus和PostCSS,让代码更加有条理和易于维护
Git使用教程
Chakhsu
2017-02-26
阅读 7 分钟
4.3k
什么是Git?Git 是一个命令行工具的集合,它可以帮你跟踪和记录文件的更改(源代码,图片等一切你想跟踪回访的)。有了它你可以恢复旧版本的项目,甚至可以比较、分析、合拼和修改等。这个过程我们称为版本控制。除了Git之外,我们还有SVN,Mercurial,Perforce,CVS,Bitkeeper等,帮助我们实现版本控制
配置React开发环境教程
Chakhsu
2017-02-25
阅读 4 分钟
3k
这是一篇新手向文章,主要是记录一下使用过程,希望能给予别人一些帮助和提示 用 Yarn 做包管理用 Babel 做jsx和es6语法编译器Webpack 做模块管理和打包 教程是基于macOS的,Nodejs得提前安装好。我的Nodejs和npm的版本如下 {代码...} Yarn安装和配置 我们在 macOS 下可以通过brew去安装,如下 {代码...} Yarn 下载的包...
从一道JavaScript题目学点正则
Chakhsu
2017-02-19
阅读 2 分钟
1.7k
我印象中的这道题目是:有一组数组为[1,1,2,3,3,3,3,4,5,5,5,6,6]使用js把它变成[[1,1],2,[3,3,3],4,[5,5,5].[6,6]]
前端整合MathjaxJS的配置笔记
Chakhsu
2017-02-10
阅读 7 分钟
15.9k
这篇文章是我给Pinghsu主题添加数学公式功能的一个小教程,包含我大量的官方文档阅读后的实践,跟着这篇配置教程走,你可以做到给任何一个需要数学公式的站点添加支持。
解释一下为什么我很少jQuery
Chakhsu
2017-02-09
阅读 4 分钟
3.2k
这里声明一下,这不是反jQuery的文章,jQuery作为一个js库给大家的项目开发带来很多便利,但有时候仔细想想,我们真的需要jQuery吗?一年前的lpisme的主题的一个特色是没有jQuery,还是现在的Pinghsu主题,也是不用jQuery的。这里我想告诉大家,我持有的观点是在中小型的项目中建议能不用jQuery就不用。
够用的ngx_pagespeed安装教程
Chakhsu
2016-11-12
阅读 4 分钟
4k
ngx_pagespeed 是 Nginx 的一个扩展模块,主要的功能是针对前端页面而进行服务器端的优化,对前端设计人员来说,可以省去优化css、js以及图片的过程。ngx_pagespeed对nginx自身负载能力的提升基本是看不到的,甚至会因为进行服务器端的优化而使系统增加负载;但从减少客户请求数的角度去看,牺牲部分服务器性能还是值得的。
Web缓存优化的进阶认知
Chakhsu
2016-08-28
阅读 2 分钟
2.6k
一般情况下,网站在第二次加载时,加载时间会大大被提升,这是因为网页中的一些资源被客户端缓存下来了,网页在二次加载的时候就不需要重新从远处服务器请求资源,而是直接应用客户端缓存好的数据。
证明:减少HTTP请求数能减少网页传输时间
Chakhsu
2016-06-20
阅读 2 分钟
2.8k
假设有资源 r1, r2, r3, r4..., rn,其大小分别为 s1, s2, s3, s4..., sn。当前网络环境是稳定的,每建立一个HTTP连接所耗时为t,网络传输速度为b。这里由于是对同一个站点的请求,请求不同的资源时所发送的请求时间p应该相同,等待资源进行传输的时间w也应该相同(这个时间也可以认为是从服务器收到请求到开始传输返回结...