搜索内容

包含标签:前端性能优化 的文章
  • 前端性能优化不完全手册

    性能优化是一门大学问,本文仅对个人一些积累知识的阐述,欢迎下面补充。 抛出一个问题,从输入url地址栏到所有内容显示到界面上做了哪些事? 1.浏览器……
    html5 前端教程 2019年9月9日
  • 如何通过RAIL优化网页CSS性能

    前段时间,我将精力专注在Web性能领域;在这个领域下有个重要的课题是如何让网页更丝滑(流畅)。 想让网页变得丝滑,首先,我们需要一个标准来判断什么样……
    html5 CSS3教程 2019年9月9日
  • Webpack4如何优化?

    今天我们主要聊聊在写webpack配置中,如何优化打包后生成的上线代码 1、tree shaking tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中……
    html5 Javascript 2019年9月9日
  • Vue开发手机移动端怎么调试页面

    在开发移动端页面的时候我们通常是在浏览器完成开发完成,之后才在手机端测试,如果测试出现问题还得重新回到浏览器上寻找错误。甚至还有嵌入在APP的页面,经……
    html5 前端教程 2019年9月9日
  • Vue优化:常见会导致内存泄漏问题及优化

    如果你在用 Vue 开发应用,那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要,因为在 SPA 的设计中,用户使用它时是不需要刷新浏览器的,所……
    html5 Javascript 2019年8月27日
  • vue自定义指令导致的内存泄漏问题解决

    vue的自定义指令是一个比较容易引起内存泄漏的地方,原因就在于指令通常给元素绑定了事件,但是如果忘记了解绑,就会产生内存泄漏的问题。 看下面代码: ……
    html5 Javascript 2019年8月27日
  • URL加载,缓存,CDN,图片,渲染,CSS,DOM等前端性能优化技术

    从输入URL加载起看方向 从输入 URL 到页面加载完成的过程: 首先做 DNS 查询,如果这一步做了智能 DNS 解析的话,会提供访问速度最快的 IP 地址回来接……
    html5 前端教程 2019年8月26日
  • HTML/CSS浏览器页面回流和重绘

    面呈现流程  在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的……
    html5 HTML5教程 2019年8月26日
  • 第4部分:Web Workers加速移动Web应用程序

    本文简介 在本文中,您将使用最新的 Web 技术开发 Web 应用程序。这里的 大部分代码只是 HTML、JavaScript 和 CSS — 所有 Web 开发人员的核心技术。所需的……
    html5 HTML5教程 2019年8月22日
  • 如何使用GoEasy实现PHP与Websocket实时通信

    如何使用GoEasy实现PHP与Websocket实时通信 实现步骤如下: 1. 获取GoEasy appkey. 在goeasy官网上注册一个账号,并新建一个app. APP创建好后系统会为该app自……
    html5 HTML5教程 2017年1月19日
  • WebSocket的JavaScript例子

    详细解读一个简单html5 WebSocket的Js实例教程,附带完整的javascript websocket实例源码,以及实例代码效果演示页面,并对本实例的核心代码进行了深入解读。从WebSocket通讯三个阶段(打开握手、数据传递、关闭握手)进行了探讨,各阶段中浏览器和服务器做了些什么事情也有所涉及。
    html5 Javascript 2013年4月20日
  • websocket与node.js的完美结合

    之所以写下此文,是我觉得越是简单的技术往往能发挥越重要的作用,随着各种新的技术的诞生,实时web技术已经走进我们。websocket和node.js使开发实时应用非常……
    html5 Javascript 2012年1月3日