小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？
2022-04-20
阅读 13 分钟
15.1k 如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？
大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？
2021-10-28
阅读 5 分钟
13.4k我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存储库的 npm，却依然如日中天，还是世界上最大的软件注册表。
前端应该知道的：开放图谱协议（The Open Graph protocol）
2021-10-26
阅读 7 分钟
17.6kOpen Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制
2021-10-18
阅读 9 分钟
13.2k严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节的阅读。
从前端视角看浏览器隐身模式下你是如何被追踪的
2021-08-09
阅读 12 分钟
15.8k现代网络浏览器，大多数都增加了隐私浏览模式来浏览网页，旨在保护用户隐私。Chrome 称之为隐身模式；Opera、Safari 和 Firefox 中一般称为隐私浏览。这些模式以深色主题和蒙面人物图标为特征，可以给用户一种匿名浏览的印象。芝加哥大学和汉诺威莱布尼茨大学的研究人员发现，人们对隐私浏览或隐身模式存在很多误解，许...
前端装逼技巧 108 式（四）—— 一起摇摆
2021-08-02
阅读 30 分钟
19.9k《洗 练》半夜不眠，推门至院落，院中的莲雾树熟了，有一枚红果悄然坠落，我剪一段月光裹住心伤。七月的虫声是炸了线的唐诗三百，格律皆破，独独押一个锡韵：寂寂寂寂寂寂。我说：渔人哪，你竟不如一只虫子，你三年未归。瀚海无路，只有等字，你不妨托星月当信差，若我裁得一截银白的咸布，渍痛了伤口，我便知晓，你已无...
前端万字精华——浏览器简史及其核心原理详解
2021-07-12
阅读 20 分钟
10.3k春风好媒妁，说动一树榴红。偶来雨多，茅屋又新破，且戴一笠，借故去访邻居家老叟。 循着江岸梅林，一颗颗睡饱了的梅子，正是青里一抹红透，得着此刻无人，且摘它个两袖清风、一袋新酒。世间的功名不能裱壁，就向天地讨一笔闲钱糊口。 正算计着老叟家的那只古瓮，怎么着，一匹快马驰过，溅得我一身泥泞，定睛一探，可不...
你应该知道的前端趋势——前端技术浪潮与应用
2021-04-29
阅读 21 分钟
14k基建涉及的话题很多，比如组件库、规范、打包等等。本次，我会从这四方面来聊一聊前端基建行业现状、应用领域、行业内解决方案（行业已有轮子）。废话不多说，先来看看前端可视化。
React Fiber很难？六个问题助你理解 React Fiber
2021-03-22
阅读 13 分钟
18.6kReact Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化，是对 React 核心算法的一次重新实现。从Facebook在 React Conf 2017会议上确认，React Fiber 会在React 16 版本发布至今，也已过去三年有余，如今，React 17 业已发布，社区关于Fiber的优秀文章不在少数。
从打字机效果的 N 种实现看JS定时器机制和前端动画
2021-01-11
阅读 10 分钟
13k在Web应用中，实现动画效果的方法比较多，JavaScript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的 API，即 requestAnimationFrame（rAF），顾名思义就是 “请求动画帧”。接下来，我们一起来看看 打...
前端装逼技巧 108 式（三）—— 冇得感情的API调用工程师
2020-12-21
阅读 24 分钟
14.5k敲一夜代码，流两行老泪；用三种语言，唯四肢受罪；待五更鸡鸣，遇骤雨初歇；遂登门而去，伫十里长亭；欲望穿泪眼，无如意郎君；借微薄助力，愿寻得佳偶；成比翼双鸟，乃畅想云端；卷情网之内，做爬虫抓取；为连理桂枝，容数据分析；思千里子规，助框广天地；念茫茫人海，该如何寻觅？
前端装逼技巧 108 式（二）—— 不讲武德
2020-12-07
阅读 16 分钟
12.9k“小马同学，背一下《陋室铭》。”“山不在高，有仙则名。水不在深，有龙则灵。斯是陋室，惟馨。”“停，怎么少了俩字？”“年轻人不讲吾德。”系列文章汇总：前端装逼技巧 108 式（一）—— 打工人前端装逼技巧 108 式（二）—— 不讲武德前端装逼技巧 108 式（三）—— 冇得感情的API调用工程师前端装逼技巧 108 式（四）—— 一起摇摆...
一文带你理解：可以迭代大部分数据类型的 for…of 为什么不能遍历普通对象？
2020-12-07
阅读 8 分钟
11.7k我们知道，ES6 中引入 for...of 循环，很多时候用以替代 for...in 和 forEach() ，并支持新的迭代协议。for...of 允许你遍历 Array（数组）, String（字符串）, Map（映射）, Set（集合）,TypedArray(类型化数组)、arguments、NodeList对象、Generator等可迭代的数据结构等。for...of语句在可迭代对象上创建一个迭代循环...
前端装逼技巧 108 式（一）—— 打工人
2020-11-23
阅读 16 分钟
16.5k你在拼多多到处找人砍价，他在滴滴打车求人助力，我在电子厂拧螺丝拧到凌晨，我们都有光明的未来！早安，打工人！系列文章汇总：前端装逼技巧 108 式（一）—— 打工人前端装逼技巧 108 式（二）—— 不讲武德前端装逼技巧 108 式（三）—— 冇得感情的API调用工程师前端装逼技巧 108 式（四）—— 一起摇摆浏览器是如何工作的：...
浏览器是如何工作的：Chrome V8让你更懂JavaScript
2020-10-12
阅读 25 分钟
24.6k关于浏览器的更多细节，可以参考：前端万字精华——浏览器简史及其核心原理详解 V8 是由 Google 开发的开源 JavaScript 引擎，也被称为虚拟机，模拟实际计算机各种功能来实现代码的编译和执行。上图清晰版记得那年花下，深夜，初识谢娘时为什么需要 JavaScript 引擎 我们写的 JavaScript 代码直接交给浏览器或者 Node 执...
JavaScript很简单？那你理解的forEach真的对吗？
2020-10-09
阅读 4 分钟
7.5k我们都知道，forEach() 方法对数组的每个元素执行一次给定的函数。它的语法也很简单：arr.forEach(callback(currentValue [, index [, array]])[, thisArg])：
JS技巧技法总结——闭包原理、数组展平、前端语音、Proxy 数据绑定和监听、计数器
2020-01-15
阅读 4 分钟
5.2k开发、阅读、学习中接触到、整理的一些知识点。 JS计数器的几种实现 全局变量 {代码...} 闭包 {代码...} 函数属性 {代码...} 函数属性(TS) {代码...} 前端语音 语音播报：在项目中需要对ajax请求返回的消息进行语音播报,str 为返回的data（可以在浏览器控制台尝试哟～） {代码...} React Native Text-To-Speech library ...
箭头函数和普通函数的区别
2019-12-24
阅读 2 分钟
13.2kES6标准新增了一种新的函数：Arrow Function（箭头函数），为什么叫Arrow Function？因为它的定义用的就是一个箭头，那么，它和普通函数有哪些不同呢？
0.1 + 0.2 != 0.3背后的原理
2018-05-27
阅读 3 分钟
11.5k初学JavaScript，在进行小数（浮点数）运算时，经常会碰到这样的情况：0.1 + 0.2=0.30000000000000004，记得当时，教程告诉我们说，0.1 + 0.2在JavaScript运算中，它的值是不固定的，可是在后面学习和试验中，渐渐发现，这个值似乎每次都是0.30000000000000004，于是开始怀疑它的和值是不固定的说法。
关于前端开发的资源推荐与总结【持续更新】
2018-05-27
阅读 3 分钟
6.8k我们很多人总会有这样一个问题，就是喜欢收藏很多东西，自我安慰说等有时间了一定好好看，以至于网页收藏夹、微信收藏栏、百度网盘等处积累了太多资源，给人一种学富五车的样子，而只有自己才知道，被收藏的东西，真正看了多少，掌握了多少。对于我本人来讲，可以毫不夸张的说，如果能将自己收藏的东西完全学习掌握，至...