这是 Web 性能优化的第 6 篇,上一篇在下面看点击查看: Web 性能优化:使用 Webpack 分离数据的正确方法 Web 性能优化:图片优化让网站大小减少 62% Web 性能优化:缓存 React 事件来提高性…
分类:前端
学习《CSS选择器Level-4》不完全版
1 概述 1.1 前言 选择器是CSS的核心组件。本文依据W3C的Selectors Level 4规范,概括总结了Level1-Level4中绝大多数的选择器,并做了简单的语法说明及示例演示。希望对程序员有所助益。 2…
JavaScript 中的强制类型转换
翻译:疯狂的技术宅 原文: https://www.valentinog.com/bl… 本文首发微信公众号:前端先锋欢迎关注,每天都给你推送新鲜的前端技术文章 JavaScript 原语 JavaScrip…
节流阀和去抖动的基本实现
节流阀throttle 触发的事件以周期的形式去执行,而非实时。如滴水的水龙头。 function throttle (fn, delay) { // 利用闭包变量时效性 let timeout let arg retu…
动态规划解题思路
算法能力就是程序员的内力,内力强者对编程利剑的把控能力就更强。 数键盘 动态规划就是,通过递推的方式,由最基本的答案推导出更复杂答案的方法,直到找到最终问题的解。或者是,通过递归的方式,将复杂问题化解为更简单问题的方法,…
《面向前端的leetcode题解》
《面向前端的leetcode题解》最近更新了 《盛雨水问题》, 《吃香蕉问题》, 求关注,求star
为什么 GraphQL 是 API 的未来
翻译:疯狂的技术宅 https://medium.freecodecamp.o… 本文首发微信公众号:前端先锋欢迎关注,每天都给你推送新鲜的前端技术文章 自从 Web 开始迅猛发展,对程序员来说开发 API …
Chrome 75将原生支持图片的延迟加载!
加载页面时图片一直是流量的大头,过多的图片会严重影响页面的加载速度,针对图片的性能优化方法有诸如base64、雪碧图等等,延迟加载也是其中一种普遍使用的方法。延迟加载即图片的懒加载或惰性加载,当页面初次加载时只加载显示可…
JavaScript 是如何工作的:JavaScript 的内存模型
这是专门探索 JavaScript 及其所构建的组件的系列文章的第 21 篇。 如果你错过了前面的章节,可以在这里找到它们: JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述! JavaScript 是如…
Vue实战—从目录结构谈可扩展项目架构设计
很多人都会用项目脚手架,也会跑hello world,然后再写写简单的todolist。但是再往下深入就难了。比如很多教程和老师都会说,大家要多问一个为什么。其实我想说多问你妹啊。我都不知道问为什么怎么多问?!比如如果我…
Chrome 75 将原生支持图片的惰性加载
随着浏览器性能的提升,前端也越来越关注用户体验,而影响用户体验其中一个很重要的指标便是受首屏渲染速度。我们常常会针对样式、脚本、图片、音频、视频等资源做处理,比如针对样式和脚本的压缩合并,将图片合并成雪碧图、将小图转化成…
KV存储:Web的第一个内置模块
相信作为web开发者大家都使用过浏览器的本地存储localStorage,它是一个会阻止主线程的同步API,只要使用就可能会阻止页面的交互。 我们都知道浏览器有异步的IndexedDB作为存储方案,只是它的API使用方式…