201611-03 Web优化训练营, 网页提速50倍 前言我们将通过一个完整的实例,一步步的优化加载,渲染等各方面的体验.开始首先我们先看一下项目的文件构成这之中包含了一个基本网页的元素,js(ReactApp),css,还有图片.我们先来看一下来serve整个网页的部分.server.js'usestrict';constfs=require('fs');constpath=require('path');constkoa=require('koa');constapp=koa();app.use(function*(next){constfile=this.path.slice(1)||'index.... 继续阅读 >
201601-06 PHP 实现微信网页授权开发教程 微信网页授权是服务号才有的高级功能,开发者可以通过授权后获取用户的基本信息;在此之前,想要获取消息信息只能在用户和公众号交互时根据openid获取用户信息;而微信网页授权可在不需要消息交互,也不需要关注的情况下获取用户的基本信息。(该接口出来很早了,工作忙,一直没更新教程)微信网页授权时通过OAuth2.0完成的,整个过程分为三步:用户授权,获取code;根据code获取access_token【可通过refresh_token刷新获... 继续阅读 >
201511-17 如何给网页内容上所有的img标签加上alt属性 如何给网页上所有的img标签加上alt属性给img标签加上alt属性是为了更好的让搜索引擎识别,告诉它这是什么东西,但有时页面内容非常多的时候,有些img标签的alt属性就会漏写,检查起来非常烦,或者想让页面上布局更多的关键词,这就可以利用Jquery的一段代码来填补这些不足了,原理是这样的,先得出页面上所有的img标签的总数量,然后用一个for循环去查找每个img标签中有没有alt属性,如果没有,则就加上自己定义的alt属性,如果存... 继续阅读 >
201509-18 网页性能管理详解 你遇到过性能很差的网页吗?这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢?本文将详细介绍性能问题的出现原因,以及解决方法。一、网页生成的过程要理解网页性能为什么不好,就要了解网页是怎么生成的。网... 继续阅读 >
201501-19 网页打开时都发生了什么?我被吓着了 在浏览器里输入网址或者点击链接,网页打开了……这是我们上网时再普通不过的一幕,但是如此简单的表象背后,却隐藏着无比复杂的技术流程。想涨涨知识吗?往下看吧。一个HTTP请求的过程为了简化我们先从一个HTTP请求开始,简要介绍一下一个HTTP求情的网络传输过程,也就是所谓的“从输入URL到页面下载完的过程中都发生了什么事情”。●DNSLookup先获得URL对应的IP地址●SocketConnect浏览器和服务... 继续阅读 >
201501-04 你有没有感觉网页越来越臃肿了? 随着基础设施的发展,我们的网速是越来越快了,那你是否感受到网页加载速度变快了呢?有没有想过,网页也在逐渐变臃肿?根据HTTPArchive的报告,在调查了约50万网页后,他们发现每个网页的平均容量稍小于2Mb,达到了1953Kb,比去年上升了15%。当然,调查的网站不包括那边复杂的网页应用。去年,这一上升比例是32%,虽然今年幅度缩小,但同样不令人乐观。多图慎点将网页内容细分,我们还能了解各部分对网页容... 继续阅读 >
201412-09 为什么要网页模块化? 这篇文章讨论的是为什么Web模块化是很有用的,并介绍了现在可以用来实现Web模块化的一些机制。这里有另一篇文章介绍了RequireJS使用的函数包装格式的设计理念。问题§1网站逐渐转化为Webapps代码复杂度逐渐提高组装变的困难开发者想要分离的JS文件/模块部署时可以把代码优化成几个HTTP请求解决方案§2前端开发者需要这样的解决方案:一些这类的API#includ... 继续阅读 >