炫意html5
最早CSS3和HTML5移动技术网站之一

标签:前端性能优化

前端性能优化不完全手册

性能优化是一门大学问,本文仅对个人一些积累知识的阐述,欢迎下面补充。 抛出一个问题,从输入url地址栏到所有内容显示到界面上做了哪些事? 1.浏览器向 DNS 服务器请求解析该 URL 中的域名所对应的 IP&...

如何通过RAIL优化网页CSS性能

前段时间,我将精力专注在Web性能领域;在这个领域下有个重要的课题是如何让网页更丝滑(流畅)。 想让网页变得丝滑,首先,我们需要一个标准来判断什么样的网页是丝滑的;其次,我们要准确的测量出网页的性能数据;最后,使用有效的方法让网页变得丝滑。...

Webpack4如何优化?

今天我们主要聊聊在写webpack配置中,如何优化打包后生成的上线代码 1、tree shaking tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的未引用代码。 它依赖于 ES2015 模块系统中的...

Vue开发手机移动端怎么调试页面

在开发移动端页面的时候我们通常是在浏览器完成开发完成,之后才在手机端测试,如果测试出现问题还得重新回到浏览器上寻找错误。甚至还有嵌入在APP的页面,经过调试之后还要重新发包。当然还有更加奇怪的现象,由于手机浏览器和Web浏览器的差异,经常会...

Vue优化:常见会导致内存泄漏问题及优化

如果你在用 Vue 开发应用,那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要,因为在 SPA 的设计中,用户使用它时是不需要刷新浏览器的,所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效...

vue自定义指令导致的内存泄漏问题解决

vue的自定义指令是一个比较容易引起内存泄漏的地方,原因就在于指令通常给元素绑定了事件,但是如果忘记了解绑,就会产生内存泄漏的问题。 看下面代码: 起初,我忘记了些注释的unbind方法,导致出现了内存泄漏,给元素绑定的scroll方法,会...

URL加载,缓存,CDN,图片,渲染,CSS,DOM等前端性能优化技术

从输入URL加载起看方向 从输入 URL 到页面加载完成的过程: 首先做 DNS 查询,如果这一步做了智能 DNS 解析的话,会提供访问速度最快的 IP 地址回来 接下来是 TCP 握手,应用层会下发数据给传输层,这里 TCP 协议会指明两...

HTML/CSS浏览器页面回流和重绘

面呈现流程  在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1.  浏览器把获...

第4部分:Web Workers加速移动Web应用程序

本文简介 在本文中,您将使用最新的 Web 技术开发 Web 应用程序。这里的 大部分代码只是 HTML、JavaScript 和 CSS — 所有 Web 开发人员的核心技术。所需的最重要的工具是用于进行测试的浏览器。本文大部分代码将在最...

如何使用GoEasy实现PHP与Websocket实时通信

如何使用GoEasy实现PHP与Websocket实时通信 实现步骤如下: 1. 获取GoEasy appkey. 在goeasy官网上注册一个账号,并新建一个app. APP创建好后系统会为该app自动生成两个key, 一个既可以用来接收...

WebSocket的JavaScript例子

详细解读一个简单html5 WebSocket的Js实例教程,附带完整的javascript websocket实例源码,以及实例代码效果演示页面,并对本实例的核心代码进行了深入解读。从WebSocket通讯三个阶段(打开握手、数据传递、关...

websocket与node.js的完美结合

之所以写下此文,是我觉得越是简单的技术往往能发挥越重要的作用,随着各种新的技术的诞生,实时web技术已经走进我们。websocket和node.js使开发实时应用非常简单,同时性能也非常高。 关于websocket websocket是ht...

CSS3教程HTML5教程