【汇】Web前端优化（雅虎、谷歌最佳实践手册）

最新推荐文章于 2025-09-12 14:39:04 发布
最新推荐文章于 2025-09-12 14:39:04 发布
阅读量109 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 ViewUI
原文链接：https://my.oschina.net/evas/blog/619639
本文汇总了来自Google和Yahoo的最佳前端优化实践与工具集锦，包括网页加载速度优化技巧、前端资源管理和最新工具推荐等内容，适合希望提升网站性能的前端开发者阅读。
web前端开发自学书籍推荐这5本
web前端的发展
06-13 1万+
《JavaScript权威指南（第6版）》 淘宝前端团队翻译的，看译者列表都是一堆大神。这本书又叫犀牛书，号称 Javascript 开发者的圣经，网上对此书评价很多，大概意思都是说这本书是一本 JavaScript 文档手册，没有完整看过一遍此书的都不能算是一名合格的前端工程师。 豆瓣评分: 8.8 《JavaScript高级程序设计（第3版）》 又称红宝书，雅虎首席前端架构师，YU...
Showslow+Yslow+DynaTrace前端性能自动化执行机使用手册
ronghuanye的专栏
11-03 9139
目录 1.背景... 3 2.前端性能标准... 3 2.1 yslow.. 3 2.2 page speed.. 4 2.3 dynatrace ajax edition.. 5 3.方案选择... 5 3.1 yslow.. 5 3.2 dynaTrace Ajax Edition.. 5 3.3 showslow.. 6 4.环境搭建...
前端性能优化 24 条建议（2020）
分享我的编程经验和学习心得
03-30 1458
占位
Google Web开发最佳实践（一）
liquanfeng326的专栏
10-22 1876
这篇文章最初是在阿里通信前端团队的github博客（http://aliqin.github.io）上看到的，原文地址https://developers.google.com/web/fundamentals/（要翻墙）。既然要去阿里了，就得先熟悉熟悉环境，既然是最佳实践，就得自己亲自实践一下。
100本最棒的web前端图书推荐
KevinOlivi的博客
03-07 2497
100本最棒的web前端图书推荐01、《JavaScript DOM编程艺术第二版（中文）》语言：中文类型：pdf 简介：这本书作为被大家推荐的最多的前端入门书籍是有道理的。他能真正让大家了解dom脚本编程，或是说前端编程技术背后的思路和原则。对于初学者来说，这本书没有任何门槛，按部就班跟着书籍实例编写代码即可。我们会知晓如何对浏览器元素操作和掌控，会学会如何实现简单的页面效果。这种简单易得的成就...
腾讯 Web 工程师的前端书单
360linker
08-12 609
JavaScript 入门 《JavaScript权威指南（第六版）》 ★★★★★ 淘宝前端团队翻译的，看译者列表都是一堆大神。这本书又叫犀牛书，号称javascript开发者的圣经，网上对此书评价很多，大概意思都是说这本书是一本JavaScript文档手册，没有完整看过一遍此书的都不能算是一名合格的前端工程师。 我也是从这本书开始接触前端开发的，当时还是华章出版社的校园大使，免费申请...
web前端书籍
hyd19931002的博客
04-05 745
入门 《JavaScript权威指南（第六版）》 ★★★★★ 淘宝前端团队翻译的，看译者列表都是一堆大神。这本书又叫犀牛书，号称javascript开发者的圣经，网上对此书评价很多，大概意思都是说这本书是一本JavaScript文档手册，没有完整看过一遍此书的都不能算是一名合格的前端工程师。 我也是从这本书开始接触前端开发的，当时还是华章出版社的校园大使，免费申请到了这本
推荐一份Web 工程师的前端书单
Java技术江湖
04-04 646
014年一月以来，自己接触web前端开发已经两年多了，记录一下自己前端学习路上看过的，以及道听途说的一些书，基本上按照由浅入深来介绍。 JavaScript 入门 《JavaScript权威指南（第六版）》 ★★★★★ ​ 淘宝前端团队翻译的，看译者列表都是一堆大神。这本书又叫犀牛书，号称javascript开发者的圣经，网上对此书评价很多，大概意思都是说这本书是一本JavaScript文档手册，没有完整看过一遍此书的都不能算是一名合格的前端工程师。 我也是从这本书开始接触前端开发的，当时还是华章出版社的校
前端资源分享-只为更好前端
2401_84435192的博客
05-02 812
由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】Microjs| 神奇的微型框架 |二十四、动画| 网站 | 说明 || — | — || 一个跨浏览器的CSS动画库 |Bounce.js| 触摸库 CSS3关键帧动画 |Waves.js| 点击按钮或背景动画 |缓动函数| 指定动画效果在执行时的速度，使其看起来更加真实 |
Web前端工程师推荐的书籍
热门推荐
丿旧时光灬鑫
06-17 2万+
Web前端开发工程师需要在一个不断学习的过程中成长，不思进取的人迟早要被遗忘在历史的长河中，毕竟目前的技术更新换代的速度太快，不跟紧潮流就会被淘汰。 在学习中我们需要打造好基础，很多人选择通过视频、书籍、代码实战的方式。这里我给大家推荐一下，Web前端工程师必备的基本书籍。 1、《JavaScript高级程序设计（第3版） 红皮书 》 作者： Nicholas C. Zakas...
《QQ幻想》客户端优化：提升用户体验的秘诀，优化专家的实操手册
![《QQ幻想》为什么会被人说成是d游戏？... # 摘要 本文详细探讨了《QQ幻想》...接着，通过介绍性能优化的理论基础和最佳实践，本文提出了一系列行业标准和实例应用。文章还深入讨论了资源优化，包括图像、动画、音效以
Python 系列（10本）
xuanmu
04-26 869
Python 系列（10本） 如果你之前一点编程经验都没有，先看如下两本： 34.《简明 Python 教程》(A Byte of Python) 现在有 Python 3 的版本（Introduction ยท A Byte of Python）了 。最简洁易懂的 Python 书了。本书采用知识共享协议免费分发，意味着任何人都可以免费获取.在线阅读：《简明 Python 教程》;类似的在线学习...
Python领域专家的见解与经验分享
Wesley Chun是一位美国软件工程师，在谷歌工作了八年，担任高级开发者倡导者，鼓励开发者采用谷歌工具和API。他曾在雅虎工作，是雅虎邮件的原始工程师之一，还是Python软件基金会成员，经营着CyberWeb咨询公司，专注...
设计系统简史
IDEAL Garden
07-08 487
本文共6749个字，预计阅读时间15分钟。 我第一次听说“设计系统”这个概念是在2016年初，契机是在某设计师招聘要求的栏目中看到了“熟悉至少一种设计系统，例如 HIG 或者 Material Design”。 然后我就认认真真把 Material Design Guideline 看了一遍，记下来什么是 dp 单位，什么是 FAB 按钮，toast 和 snackbar 有什么区别……就跟现在很多第一次听说这个概念的设计师一样，我当时觉得 “卧槽设计系统太牛x了，未来必成大器”。 一晃也这么些年了，似乎.
Vue2手录02-指令
qq_45925548的博客
09-10 448
Vue2指令是带有v-前缀的特殊HTML属性，用于实现数据与视图的动态绑定。主要内容包括：1)内容渲染指令(v-text、v-html、插值表达式)，用于将数据渲染到页面；2)v-bind指令，用于动态绑定HTML属性；3)特殊属性绑定，包括class和style的动态控制。Vue指令采用数据驱动思想，通过修改变量自动更新视图，相比jQuery更简洁高效。使用时需注意v-html的XSS风险，以及不同指令的适用场景。
2、幽络源微服务项目实战：Vue2前端创建电网巡检系统教程 | 前端项目搭建步骤
幽络源
09-09 405
本教程介绍了如何搭建多租户项目的前端环境。首先需要安装Node.js和Vue2，通过npm安装Vue CLI后，使用vue ui可视化界面创建Vue2项目。教程详细演示了项目创建过程，包括选择npm包管理器、手动配置选项等。创建完成后，项目会生成标准目录结构，可通过npm run serve命令启动项目。文章还提供了Node.js下载链接和Vue项目结构说明的参考资源，适合初学者快速搭建Vue2前端开发环境。
前端设计模式全解（23 种）
最新发布
用于分享前端相关的知识和架构体系
09-12 723
前端设计模式概述 设计模式是解决常见软件设计问题的可复用方案。在前端开发中，23种经典模式（由GoF提出）可提升代码质量。主要分为三类： 创建型模式：控制对象实例化，如单例模式（全局状态管理）、工厂模式（环境适配创建）、建造者模式（组件渐进构建） 结构型模式：处理对象组合，如适配器（接口兼容）、装饰器（功能扩展）、代理（访问控制） 行为型模式：管理对象交互，如责任链（请求处理链）、命令模式（操作封装） 典型应用包括： 状态管理（单例） 组件构建（工厂/建造者） API封装（外观/代理） 功能扩展（装饰器）
谷粒商城项目-P16快速开发-人人开源搭建后台管理系统
muchu_优快云的博客
09-11 756
此项目选用的脚手架工程是人人开源选择的是下图标红的renren-fast作为后端，renren-fast-vue作为前端克隆上述两个项目。
前后端开发Mock作用说明，mock.ts
循环编织时间年轮，递归叩问存在本质，谁能在硅基荒原上，种出思想的玫瑰……
09-12 379
mock.ts是前端开发中用于模拟后端接口的TypeScript文件，通过生成虚假数据使前端无需等待后端即可独立开发。它定义数据结构、模拟请求响应，并提供与真实接口一致的调用方式。示例展示了如何生成用户数据并模拟分页接口，使用vite-plugin-mock等工具实现。前端代码调用Mock接口与调用真实接口方式相同，待后端完成时只需替换接口地址即可平滑切换，实现了前后端并行开发。
前端性能优化实践：图片优化的质量与性能博弈
雅虎军规和Google官方的最佳实践也都将图片优化列为前端性能优化必不可少的环节。图片优化的主要任务，是去压缩图片的体积（或者一开始就选取体积较小的图片格式）。但是，这个优化操作，是以牺牲一部分成像质量为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值