Tags → #coding
-
可读代码的艺术
**本文为 The Art of Readable Code by Dustin Boswell and Trevor Foucher 的读书笔记** 能看懂的意思是能够改功能、加功能、debug,看懂所需时间越短越好。这甚至不一定是为了别人,如果你自己写出来的东西自己半年后都看不懂了,那就...
-
关于 table 元素你要懂的全在这
本文翻译自 A Complete Guide to the Table Element,省略了部分小节。因为本文写于 2013 年,部分信息已经过时,我也作了小部分调整。另外,在一些不好理解的地方添加了一点解释。 `<table>` 元素用于 HTML 表格数据展示,就像你在 Excel 里看到...
-
前端项目优化自查
Core Web Vitals TTI FID LCP TBT CLS FMP defer 和 async:可以理解为 defer 是 defer(延迟)到文档加载完成,用于强调运行顺序或需要整个 DOM 的脚...
-
TyranoScript 从入门到魔改 6 备忘录
这里收集一些关于 TyranoScript 零散的信息或是使用技巧,以备太久不用忘掉之需。 tyrano.js 的这个函数,我一眼看上去,惊呼迷惑: ```javascript function object(o) { var f = object.f, i, len, n,...
-
JavaScript 数组去重的 4 种方法及性能比较
简单测试下 JavaScript 4 种去重算法的效率。 1. 使用哈希表记录是否重复 2. 用内建 indexOf 函数判断是否重复 3. 组合内建 filter 和内建 indexOf 4. 全新的 new Set() ```javascript var arrayLength =...
-
前后端接口鉴权全解:cookie、session、token 区别解析
不知不觉也写得比较长了,一次看不完建议收藏夹!本文主要解释与请求状态相关的术语(cookie、session、token)和几种常见登录的实现方式,希望大家看完本文后可以有比较清晰的理解,若有疑问,请在评论区提出。 众所周知,http 是无状态协议,浏览器和服务器不可能凭协议的实现辨别请求的...
-
老生常谈的 JavaScript 原型链
用了这么多年的 JavaScript,对于原型链这东西自觉是理解了,但是日常工作中很少使用的“继承”部分最近突然想起来竟觉得有点陌生,所以在这里稍微理一下思路。 本文**90%**不能让不懂原型链的人看懂原型链,但是可能可以给懂一点原型链的人一点提示,不过如果本文让你更混乱的话,请在评论区提出疑...
-
HTTP 缓存简析
**HTTP 缓存的核心是 header 的 Cache-Control 属性。** 这个属性请求和响应都可用,不过请求头的 Cache-Control 一般只用于阻止代理(proxy)缓存(相关问题),因此我们可以重点关注响应头。 其中代理(proxy)是指客户端到服务器中间的可能经过的...