小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示?

2022-04-20
阅读 13 分钟
13.2k
  如果我说,我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念,你是不是会觉得这没有什么意义?
封面图

大道至简,繁在人心:在浏览器控制台安装npm包是什么操作?

2021-10-28
阅读 5 分钟
12.3k
我们都知道,npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微,但是作为广泛使用的存储库的 npm,却依然如日中天,还是世界上最大的软件注册表。
封面图

前端应该知道的:开放图谱协议(The Open Graph protocol)

2021-10-26
阅读 7 分钟
15k
Open Graph 是一种互联网协议,最初由 Facebook 创建,用于标准化网页中元数据的使用,使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。
封面图

7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制

2021-10-18
阅读 9 分钟
12.2k
严格意义上说,本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件(Plugins)”,大家不妨先思考一个问题:“浏览器插件”和“浏览器扩展”之间有什么区别?如果您对此感到厌烦,不妨直接跳过此小节的阅读。
封面图

从前端视角看浏览器隐身模式下你是如何被追踪的

2021-08-09
阅读 12 分钟
14.9k
现代网络浏览器,大多数都增加了隐私浏览模式来浏览网页,旨在保护用户隐私。Chrome 称之为隐身模式;Opera、Safari 和 Firefox 中一般称为隐私浏览。这些模式以深色主题和蒙面人物图标为特征,可以给用户一种匿名浏览的印象。芝加哥大学和汉诺威莱布尼茨大学的研究人员发现,人们对隐私浏览或隐身模式存在很多误解,许...
封面图

前端装逼技巧 108 式(四)—— 一起摇摆

2021-08-02
阅读 30 分钟
18.6k
《洗 练》半夜不眠,推门至院落,院中的莲雾树熟了,有一枚红果悄然坠落,我剪一段月光裹住心伤。七月的虫声是炸了线的唐诗三百,格律皆破,独独押一个锡韵:寂寂寂寂寂寂。我说:渔人哪,你竟不如一只虫子,你三年未归。瀚海无路,只有等字,你不妨托星月当信差,若我裁得一截银白的咸布,渍痛了伤口,我便知晓,你已无...
封面图

前端万字精华——浏览器简史及其核心原理详解

2021-07-12
阅读 20 分钟
8.9k
春风好媒妁,说动一树榴红。偶来雨多,茅屋又新破,且戴一笠,借故去访邻居家老叟。 循着江岸梅林,一颗颗睡饱了的梅子,正是青里一抹红透,得着此刻无人,且摘它个两袖清风、一袋新酒。世间的功名不能裱壁,就向天地讨一笔闲钱糊口。 正算计着老叟家的那只古瓮,怎么着,一匹快马驰过,溅得我一身泥泞,定睛一探,可不...
封面图

你应该知道的前端趋势——前端技术浪潮与应用

2021-04-29
阅读 21 分钟
13.2k
基建涉及的话题很多,比如组件库、规范、打包等等。本次,我会从这四方面来聊一聊前端基建行业现状、应用领域、行业内解决方案(行业已有轮子)。废话不多说,先来看看前端可视化。
封面图

React Fiber很难?六个问题助你理解 React Fiber

2021-03-22
阅读 13 分钟
17.9k
React Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化,是对 React 核心算法的一次重新实现。从Facebook在 React Conf 2017会议上确认,React Fiber 会在React 16 版本发布至今,也已过去三年有余,如今,React 17 业已发布,社区关于Fiber的优秀文章不在少数。
封面图

从打字机效果的 N 种实现看JS定时器机制和前端动画

2021-01-11
阅读 10 分钟
12k
在Web应用中,实现动画效果的方法比较多,JavaScript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的 API,即 requestAnimationFrame(rAF),顾名思义就是 “请求动画帧”。接下来,我们一起来看看 打...

前端装逼技巧 108 式(三)—— 冇得感情的API调用工程师

2020-12-21
阅读 24 分钟
14k
敲一夜代码,流两行老泪;用三种语言,唯四肢受罪;待五更鸡鸣,遇骤雨初歇;遂登门而去,伫十里长亭;欲望穿泪眼,无如意郎君;借微薄助力,愿寻得佳偶;成比翼双鸟,乃畅想云端;卷情网之内,做爬虫抓取;为连理桂枝,容数据分析;思千里子规,助框广天地;念茫茫人海,该如何寻觅?

前端装逼技巧 108 式(二)—— 不讲武德

2020-12-07
阅读 16 分钟
12.3k
“小马同学,背一下《陋室铭》。”“山不在高,有仙则名。水不在深,有龙则灵。斯是陋室,惟馨。”“停,怎么少了俩字?”“年轻人不讲吾德。”系列文章汇总:前端装逼技巧 108 式(一)—— 打工人前端装逼技巧 108 式(二)—— 不讲武德前端装逼技巧 108 式(三)—— 冇得感情的API调用工程师前端装逼技巧 108 式(四)—— 一起摇摆...

一文带你理解:可以迭代大部分数据类型的 for…of 为什么不能遍历普通对象?

2020-12-07
阅读 8 分钟
11.3k
我们知道,ES6 中引入 for...of 循环,很多时候用以替代 for...in 和 forEach() ,并支持新的迭代协议。for...of 允许你遍历 Array(数组), String(字符串), Map(映射), Set(集合),TypedArray(类型化数组)、arguments、NodeList对象、Generator等可迭代的数据结构等。for...of语句在可迭代对象上创建一个迭代循环...

前端装逼技巧 108 式(一)—— 打工人

2020-11-23
阅读 16 分钟
16k
你在拼多多到处找人砍价,他在滴滴打车求人助力,我在电子厂拧螺丝拧到凌晨,我们都有光明的未来!早安,打工人!系列文章汇总:前端装逼技巧 108 式(一)—— 打工人前端装逼技巧 108 式(二)—— 不讲武德前端装逼技巧 108 式(三)—— 冇得感情的API调用工程师前端装逼技巧 108 式(四)—— 一起摇摆浏览器是如何工作的:...

浏览器是如何工作的:Chrome V8让你更懂JavaScript

2020-10-12
阅读 25 分钟
22k
关于浏览器的更多细节,可以参考:前端万字精华——浏览器简史及其核心原理详解  V8 是由 Google 开发的开源 JavaScript 引擎,也被称为虚拟机,模拟实际计算机各种功能来实现代码的编译和执行。上图清晰版记得那年花下,深夜,初识谢娘时为什么需要 JavaScript 引擎  我们写的 JavaScript 代码直接交给浏览器或者 Node 执...

JavaScript很简单?那你理解的forEach真的对吗?

2020-10-09
阅读 4 分钟
7.2k
我们都知道,forEach() 方法对数组的每个元素执行一次给定的函数。它的语法也很简单:arr.forEach(callback(currentValue [, index [, array]])[, thisArg]):

JS技巧技法总结——闭包原理、数组展平、前端语音、Proxy 数据绑定和监听、计数器

2020-01-15
阅读 4 分钟
4.9k
开发、阅读、学习中接触到、整理的一些知识点。 JS计数器的几种实现 全局变量 {代码...} 闭包 {代码...} 函数属性 {代码...} 函数属性(TS) {代码...} 前端语音 语音播报:在项目中需要对ajax请求返回的消息进行语音播报,str 为返回的data(可以在浏览器控制台尝试哟~) {代码...} React Native Text-To-Speech library ...

菜鸟,也有春天!

2019-12-26
阅读 4 分钟
4.7k
那是2016年的毕业季,他的毕设需要做一个演示系统。当时,他第一时间想到了网页,那时候他对前端的了解,仅限于从网上下载过一个HTML模版,在模版上改了些文字。面对数学毕设课题庞大的矩阵运算,他最终放弃了web,转而使用更为熟悉且更适合矩阵运算的MATLAB GUI完成了演示系统的制作,顺利毕业。  如今回首,也许只是因...

箭头函数和普通函数的区别

2019-12-24
阅读 2 分钟
12.8k
ES6标准新增了一种新的函数:Arrow Function(箭头函数),为什么叫Arrow Function?因为它的定义用的就是一个箭头,那么,它和普通函数有哪些不同呢?

0.1 + 0.2 != 0.3背后的原理

2018-05-27
阅读 3 分钟
11k
初学JavaScript,在进行小数(浮点数)运算时,经常会碰到这样的情况:0.1 + 0.2=0.30000000000000004,记得当时,教程告诉我们说,0.1 + 0.2在JavaScript运算中,它的值是不固定的,可是在后面学习和试验中,渐渐发现,这个值似乎每次都是0.30000000000000004,于是开始怀疑它的和值是不固定的说法。

关于前端开发的资源推荐与总结【持续更新】

2018-05-27
阅读 3 分钟
6.5k
我们很多人总会有这样一个问题,就是喜欢收藏很多东西,自我安慰说等有时间了一定好好看,以至于网页收藏夹、微信收藏栏、百度网盘等处积累了太多资源,给人一种学富五车的样子,而只有自己才知道,被收藏的东西,真正看了多少,掌握了多少。对于我本人来讲,可以毫不夸张的说,如果能将自己收藏的东西完全学习掌握,至...