让你的web前端项目更强大

web前端性能优化必看之课,为你解决几乎所有的开发者都会面临的网页加载问题

Web前端性能优化进阶课程

导学视频
千迦

Web前端工程师

现为某互联网独角兽公司技术专家,曾就职于百度、华为等一线互联网企业,有丰富的前端开发和调优经验。现负责公司内部3d仿真引擎等诸多3d业务,主导了3d底层库开发、3D应用调优等多个技术方向,具有丰富的threejs开发经验。

了解讲师
让你页面速度飞起来 Web前端性能优化

从构建、浏览器渲染、缓存、PWA、服务端优化等多方面,梳理优化点
真正理解每个细节的性能优化点,改善前端页面优化,提高页面加载效率
用专业的技术排除你一直以来对网页性能的困扰,解决网页加载问题

... 已有1054同学加入学习
加购物车 立即学习
导学视频
DellLee

Web前端工程师

BAT资深前端工程师,负责数据平台技术研发。曾任去哪儿网高级前端工程师,主导去哪儿网内部前端监控系统设计,负责去哪儿网门票用户端的前端设计开发。曾任国内知名培训机构高级前端讲师,负责React,Angular,Vue,Hybrid,RN的课程讲授,具备丰富前端授课经验。对优雅编程及工程化有深度思考及见解,教会你写代码,同时帮助你把代码写的更漂亮!

了解讲师
从基础到实战 手把手带你掌握新版Webpack4

Webpack 使用越来越普及,而想要学会Webpack更绝非易事。
本课程通过 基础 + 实例 + 原理代码编写 + 复杂案例分析
完成Webpack4的分析与讲解,实现能力思想双升级。

... 已有3627同学加入学习
加购物车 立即学习

web前端性能优化相关文章

手记文章

使用multipart/form-data实现文件的上传和下载

1. Form简介 [Form(中文译为表单)] www.w3.org/TR/html401/interact/forms.html,是HTML标记语言中的重要语法元素。一个Form不仅包含正常的文本内容、标记等,还包含被称为控件的特殊元素。用户通常通过修改控件(比如:输入文本、选择菜单项等)来“完成”表单,然后将表单数据以HTTP Get或Post请求的形式提交(submit)给Web服务器。 很多初学者总是混淆HTML和HTTP。其实,http通常作为html传输的承载体,打个比方,html就像乘客,http就像出租车,将乘客从一个地方运输到另外一个地方。

浏览7810推荐1
手记文章

【震惊】padding-top的百分比值参考对象竟是父级元素的宽度

引言 书写页面样式与布局是前端工程师Coding 中必不可少的一项工作,在定义页面元素的样式时,padding 属性也是经常被使用到的。 padding 属性用于设置元素的内边距,其值可以是length、inherit,当然也可以是百分比。 今天为什么会聊到padding-top设置百分比时的参考对象这个话题呢,这还要从一道不那么正经的面试题说起~ 一道不那么正经的css布局面试题 在对面,一本正经的面试官和蔼可亲的说道:我们来道简单的面试题,写写代码吧。你一脸微笑的说道:好哒。 题目须知: 页面中有一

浏览2860推荐2
手记文章

[笔记整理]几个有点重要的知识点

前言 最近看的东西杂七杂八的。也做了一些笔记,发现有些知识点,面试或者项目开发上可能会遇到的比较多,或者比较重要,就整理出来发篇文章。每个知识点不会很全面,知识针对某一个方面进行稍微深入的记录,或者换一个角度记录。如果有错或者其他建议,欢迎评论区留言 1.css 为什么要从右往左解析?应该怎么优化? 可能很多人都会被问到过,浏览器解析 css 的时候,为什么是从右往左解析,而不是从左往右解析?关于这个问题,通俗一点的来说就是:如果 css 从左往右解析,浏览器会更累

浏览6277推荐2
手记文章

面试官:你可以用纯 CSS 判断鼠标进入的方向吗?

作者:陈大鱼头 github: KRISACHAN 前言 在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。 给出的初始结构如下: <style> body { padding: 2em; text-align: center; } .block { position: relative; display: inline-block; width: 10em; height: 10em; vertical-align: middle; } .block_content { position: absolute; top: 0; left: 0; width: 100

浏览8305推荐6
手记文章

【Flutter 2-3】Flutter手把手教程UI布局和Widget——容器控件Container

作者 | 弗拉德 来源 | 弗拉德 Container 我们先来看一下Container初始化的参数: Container({ Key key, // 位置 居左、居右、居中 this.alignment, // EdgeInsets Container的内边距 this.padding, // 背景颜色 this.color, // 背景装饰器 this.decoration, // 前景装饰器 this.foregroundDecoration, // 宽度 double width, // 告诉 double height, // 约束 BoxConstraints constraints, // EdgeInsets Container的外边距 this.margin, // 旋转

浏览2274推荐0
手记文章

推荐几个大厂的前端代码规范,你也能写出诗一样的代码!

大家好,我是你们的 前端章鱼猫,一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~简介前端章鱼猫从 2016 年加入 GitHub,到现在的 2020 年,快整整 5 个年头了。相信很多人都没有逛 GitHub 的习惯,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道。初步前端与高级前端之间,最大的差距可能就是信息差造成的。从 2018 年开始,我就养成了每天逛 GitHub 的习惯,一般在早上上班前或者中午午休的时候都会逛一下。看看每天都开源了哪些好的前端项目,还有用到的主流前端技术栈又是哪些,值得我去学习的。因此也收藏了不少好的开源项目,在此推荐给大家,每周会有一到三篇精华文章推送。希望你在浏览、学习了前端章鱼猫推荐的这些开源项目的过程中,你能学习到更多编程知识、提高编程技巧、找到编程的乐趣。前端GitHub,专注于挖掘 GitHub 上优秀的前端开源项目,抹平你的前端信息不对称,涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS、数

浏览3635推荐1
手记文章

我最新整理的 web 前端知识体系

前言 我最近几年一直关注“知识体系”这个话题。经历了很久的积累的总结,前段时间刚刚写完这份知识体系目录。但后面还会再继续补充,也能会做出调整。因为内容较多,我就做了一个开源的网站 what-is-fe.gitee.io ,读者可以去那里查阅。 什么是知识体系 完善的知识范围,包含了前端工程师常用的所有知识点 合理的结构化,便于理解和记忆 初衷 Web 前端知识体系很重要,而当今网络上又没有一个靠谱的,只能自己去写。一为自己总结输出,二为分享帮助他人。 你并不是学不动了,而是学太

浏览14660推荐52
手记文章

四月份前端面试指北

前言 由于个人的一些原因最近也参加了几家公司的面试,发现有很多基础性的东西掌握程度还是不够,故此想总结一下最近面试遇到的问题,希望能为在准备面试的的小伙伴尽一些绵薄之力,主要说的是一些我面试当中问到的一些问题,说的不对的地方请小伙伴们即使指正出来,或者有其他的看法也可以一起探讨。 一、HTML/CSS 1.html5新增标签 新增了一些语义化的标签例如:header,fotter,nav,main 新增图像:canvas svg 新增媒体标签: audio video 2.什么是盒模型 W3C标准盒模型,属性width,h

浏览7323推荐8

web前端性能优化相关问答

优秀的人 就要用优秀的Web前端框架

不迎合、不妥协,选择有态度的框架,做实力拔群的前端开发!

查看详情

站上微信小程序风口,实现职业华丽转身!

入门技能+项目开发,逐步深入学习微信小程序开发!

查看详情

Web前端入门到精通,完美学习路线

有数据显示,2017年Web前端岗位月薪最高达到2-3万元,月平均薪资超过8000元,预计在2018年薪资水平将再一次水涨船高!前端薪资如此诱人,入门有难度吗?对于小白来说,入门前端必是绝佳选择,门槛低、较基础,可以顺利帮你打开通往互联网新世界的大门!迟疑1秒,可能丢失10个offer!慕课网职业路径视频不限期,服务随开随用,让你学的更彻底!

查看详情

2019前端面试技巧

掌握最新面试技巧,面试题,让你在前端面试中脱颖而出

查看详情