前些日子在优化公司应用的 RV 列表时,使用 TraceView 工具分析哪些因素在影响 RV 滑动的流畅度;
在分析 TraceView 记录时,我发现了下面的问题:
继续阅读 »
引言
影响网页打开速度的原因有许多种,本文主要对部署在github上的hexo博客页面的加载速度做一个分析。然后给出几点相关的优化建议。
more
加载速度对比
先看下面几个站点的加载速度
- www.ieclipse.cn
这是我自己的站点,使用了双线部署,国内节点为coding.net。
{% asset_img ieclipse.cn.png %}
请求非常多,52个请求,页面加载用时427ms,加上其它的异步请求,总用时1.54s。相当于页面秒开。加载相对较慢的有nova.css和那个自动隐藏导航栏的js脚本。其它的像jq和bootstrap都使用了cdn,加载还是相当快的。
继续阅读 »
缘由
JavaScript 数组去重经常出现在前端招聘的笔试题里,比如:
有数组 var arr = ['a', 'b', 'c', '1', 0, 'c', 1, '', 1, 0],请用 JavaScript
实现去重函数 unqiue,使得 unique(arr) 返回 ['a', 'b', 'c', '1', 0, 1, '']
作为笔试题,考点有二:
正确。别小看这个考点,考虑到 JavaScript 经常要在浏览器上运行,在千姿百态的各种浏览器环境下要保障一个函数的正确性可不是一件简单的事,不信你继续读完这篇博客。
性能。虽然大部分情况下 JavaScript 语言本身(狭义范畴,不包含 DOM 等延拓)不会导
继续阅读 »
HTTPS 目前正在逐步得到广泛应用,本篇文章通过不断剖析HTTPS的原理,基于对此的深刻理解不断的分析其性能瓶颈。立足在安全的基础上达到与HTTP同样的性能。
HTTPS
HTTPS 可以认为是 HTTP + TLS/SSL,所以我们只需要了解 TLS/SSL 原理即可。在进入原理之前,我们需要了解两个基础概念:数字证书、证书授权中心
继续阅读 »
安装多说评论系统
实际上landscape-plus主题上已经集成了多说评论系统,我们只需要添加duoshuo_shortname到两个配置文件就行了。
多说的shortname就是你注册多说时的用户名。
接下来在博客根目录下的配置文件和主题下的配置文件_config.yml中加入如下代码:
```bash
Duoshuo
duoshuo_shortname: XXX
```
添加多说最近评论
以landscape-plus主题为例:
more
在landscape-plus\layout_widget\目录下新建recent_comments.ejs文件,内容如下:
bash
注:其
继续阅读 »
window.location.href = "https://www.zybuluo.com/ShawnNg/note/519411"
继续阅读 »
本文主要说明不蒜子访问统计在Landscape-plus主题下的应用,理论上下面的方法同样适用于Landscape主题。
关于light主题下不蒜子的应用可以参考:给hexo配置上评论和访问量
安装脚本
这是使用不蒜子的前提,即要使用它必须先添加它的脚本。
打开themes\landscape-plus\layout_partial\after-footer.ejs,在最后添加上下面的脚本即可,当然你也可以添加到 header.ejs 或 footer.ejs 中。目前最新版本2.3。
bash
网站访问量统计
more
打开themes/landscape-plus/layout/_partial/footer.ej
继续阅读 »
其实确保README.md文件不被渲染也挺容易的,只要在博客根目录下的配置文件_config.yml中配置一下"skip_render"选项就行了,将不需要渲染的文件名称加入的其选项下就行了。
bash
skip_render: README.md
参考
Hexo上传README.md文件
继续阅读 »
大部分浏览器都会请求当前网页根目录下的 /favicon.ico ,如果处理得不得当,会返回 404,有的甚至会引其它意想不到的错误,比如被拦截器拦截到。
more
各个浏览器请求 /favicon.ico 的策略会不同。
继续阅读 »
介绍
一群恶魔的猪从无辜的小鸟那里偷走了所有的前端架构,现在它们要夺回来。一对特工英雄(愤怒的小鸟)将攻击那些卑鄙的猪,直到夺回属于他们的前端架构。(译者注:本系列是关乎前端架构的讨论,作者借用当前最风靡的游戏 - 愤怒的小鸟,为我们揭开了前端架构的真实面目。)
小鸟们最终能取得胜利吗?它们会战胜那些满身培根味的敌人吗?让我们一起来揭示 JavaScript 之愤怒的小鸟系列的另一个扣人心弦的章节!
阅读本系列的介绍文章,查看所有小鸟以及它们的进攻力量。
战况
红色大鸟 - 立即调用的函数表达式
蓝色小鸟 - 事件
黄色小鸟的攻击力
在这片文章中,我们将看看黄色小鸟,它使用 RequireJS 作为助推器,利用动态脚
继续阅读 »