46 天前 / Nealyang
苹果公司前不久对 Safari 浏览器进行一次重大更新，这次更新完全禁用了第三方 Cookie，这意味着，默认情况下，各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie，但是由于这些浏览器市场份额较小，并没有给市场带来巨大的冲击。 从 2017 年截至 2019 年底， Google 面临的罚款总额已经超过 93 亿欧元，其中一大原因便是侵犯用户数据隐私。迫于巨大压力，Google Chrome 官方团队前不久也宣布，为了提升用户隐私和安全，未来两年将完全禁用第三方 Cookie。
78 天前 / karen
JavaScript 在去年新增了 12 个特性可以使用。 JavaScript 历史 link 这个新版本语言被称作 ECMAScript6，也可以被称为 ES6 或 ES2015+。 自从 1995 年 JavaScript 诞生以来，它一直在缓慢发展。 每隔几年就会有新的版本。 ECMAScript 诞生于 1997 年，旨在指导 JavaScript 的发展。 它已经发布了 ES3，ES5，ES6 等版本。 如你所见，ES3、ES5 和 ES6 之间存在 10 年或 6 年的差距。 不像每年进行少量的更改那样 ，ES6 一次就进行了大规模更改。 浏览器支持 link 现如今很多浏览器环境都支持 ES6。
88 天前 / 苏生不惑
苏生不惑第 103 篇原创文章，将本公众号设为星标，及时看最新文章。 浏览器都有访问历史记录，Chrome 浏览器点击右上角。进入 chrome://history/ 可以看到你访问过的所有网页。 除了本地记录，谷歌还帮你保存在云端，前提是你登录了谷歌账号 https://myactivity.google.com/myactivity 这里一样可以搜索历史访问记录的 ps: 现在注册谷歌账号比较麻烦，为了防止机器人注册会检测各种注册环境，可以将浏览器语言换成英语或在移动端注册 ，如果还不行花钱在某宝让人帮忙注册。
99 天前 / niayyy
原文链接：hacks.mozilla.org 人们对 WebAssembly 有一个误解：他们认为 2017 年在浏览器中的 WebAssembly — 我们称为最低可行产品（MVP, minimum viable product）— 是 WebAssembly 的最终版本。 我可以理解这种误解的根源。WebAssembly 社区小组致力于向后兼容。这意味着你今天创建的 WebAssembly 在将来也可以继续工作。 但是这不意味着 WebAssembly 是功能完备的。事实情况远非如此。WebAssembly 将会推出许多新功能，将从根本上改变你用 WebAssembly 可以做的操作。
108 天前 / 凯凯刘
如果你已经构建了一个Chrome扩展插件，已经有了成千上万的用户，那面临的一个问题是如何利用这个产品来获利。 如果在Android或iOS上，那么获利的方法就容易多了。但是，在某种程度上，Chrome扩展程序在用户心目中的重要性不高。他们更愿意为应用程序或持续服务付费，但Chrome扩展程序却不是。 大量的Chrome扩展程序只是大型产品或全球产品本身的子产品，例如Honey，优惠券查找器和Grammerly这样的产品。 下面就让我们浏览一下那些获利的方式。
154 天前 / 噶牛爱尚
首发于小郭话前端写文章CSS浏览器兼容性，最完整处理方案一郭鲜前端“鲜”肉 , 同名公众号“一郭鲜”5 人赞同了该文章前端是一个让人又爱又恨的职业，爱,是因为技术更新快，发展道路宽阔；恨的是需要学习、掌握的东西太多太多，永远学不完，正如俗话说：活到老，学到老；但更让人头疼的是，还要面临各种适配、兼容性问题。 网上对适配、兼容性问题都有相关解答，但一直以来都是头痛医头脚痛医脚，没有进行系统的梳理，整个思路和方向全是混乱的，所以最近整理了一份CSS浏览器兼容性的常见解决思路和方案，分享给大家，一起进步。
159 天前 / 噶牛爱尚
自我介绍 我是来自RichLab 花呗借呗前端团队的同学。在公司大家喊我玄寂，生活中大家称呼我 pigcan 或者猪罐头。除了是一个程序员，我现在也在尝试做一名YouTuber和up 主，也在微信公众号中分享我的生活，我自己的方式践行快乐工作，认真生活。 体感案例 首先为了让大家有更好的体感，我们先来看一个案例。这个案例是使用 code mirror 加 Antd tab 组件加 Gravity 做的一个实时预览。
163 天前 / 大数据学徒
本文介绍KafkaFlow[1]，一个可以在浏览器里生产数据和消费数据的工具，包括它的安装方法和使用方法。因为我自己经常需要登录到服务器上用命令行消费或者生产数据，命令很长，参数也多，敲起来十分繁琐，所以就有了 KafkaFlow，希望可以帮到有同样需求的你。 代码已上传至 github：https://github.com/iamabug/kafka-flow 电脑端阅读：https://juejin.im/post/5dfdc66851882512756e977e 或 https://www.jianshu.com/p/da737f9e1dde 内容提要： 1.安装方法2.使用方法3.源码编译4.总结 1. 安装方法在 github 的 releases 页面下载二进制压缩包： 或者...
199 天前 / 冷星1024
一个 CSS 属性引发的血案 Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话题了。之前开发移动端 H5 页面的时候，就遇到过一个有趣的性能问题 —— 某个卖场页面在 IOS 手机上出现了严重的卡顿，但在安卓机型下却表现得十分流畅。归纳一下在 iPhoneX 上测试的具体表现： 页面加载时存在明显的延迟，但通过代理抓到的网络请求耗时并不比 Android 的高； 页面滚动时会出现短暂的局部白屏，即丢帧。
203 天前 / 噶牛爱尚
前言双十一后稍微空闲了下来，得以有时间来研究一下之前一直在看的垂直域的技术的东西。目前，跑在浏览器端的web IDE产品越来越多，按照他们的功能特性来做划分的话，目前的web IDE可以分为两种，一种是将本地IDE的功能基本原封不动的迁移到了web端的IDE，像是目前最流行的前端IDE VS Code最近发布的重磅！微软发布 Visual Studio Online：Web 版 VS Code + 云开发环境，借助于云+容器化的能力，在浏览器端VS Code拥有着跟本地IDE几乎完全一样的功能，除此之外，完全online的一致的开发体验以及跟云端环境的无缝对接还带来了无数无数（故意重复）的可能性...
206 天前 / vivaxy
介绍图像可以用多种不同的类型数据表示，本文将它们归纳为 5 种类型：DOM，URL，File，ImageData 和 Buffer。 图像的数据类型DOM``[1] 元素从 URL（Data URL，HTTP URL 或 Object URL）加载图像。 ``[2] 元素通过 canvas API `drawImage`[3] 来获取 元素上的图像数据。 URLData URLData URL[4] 带有 base64 编码的图像数据。可以从 Data URL 数据中解码出图像的二进制数据。Data URL 数据的大小比原始的二进制数据大一些。 HTTP URLHTTP URL[5] 代表存储在服务器上的图像。HTTP URL 用于从服务器获取图像数据。
209 天前 / ithuangqing
这次是干货，有多干？ 正文共：5879字87图 完了，怕你们看不下去，我特意整理了PDF给大家，传送地址： https://github.com/ithuangqing/Chrome-take-off 有胆量就看吧 1、Chrome浏览器与其扩展程序 这是啥，这是一款强大的浏览器，几乎是程序员必备，使用起来贼爽，而且颜值还高，为啥推荐它，因为这是大部分人的选择啊，我们先来看一个统计： 这是一个专业的分析浏览器使用情况的网站上的统计，可以看到chrome霸王龙般的存在啊！所以没有使用的赶紧安装上，大众的眼睛是雪亮的。
220 天前 / Fundebug
Chorme 浏览器中的垃圾回收和内存泄漏垃圾回收通常情况下，垃圾数据回收分为手动回收和自动回收两种策略。 手动回收策略，何时分配内存、何时销毁内存都是由代码控制的。自动回收策略，产生的垃圾数据是由垃圾回收器来释放的，并不需要手动通过代码来释放。 JavaScript 中调用栈中的数据回收JavaScript 引擎会通过向下移动 ESP(记录当前执行状态的指针) 来销毁该函数保存在栈中的执行上下文。 JavaScript 堆中的数据回收在 V8 中会把堆分为新生代和老生代两个区域，新生代中存放的是生存时间短的对象，老生代中存放的生存时间久的对象。
222 天前 / 冷星1024
前言前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 于是在翻查资料时意外发现，原来现代浏览器支持多达四种不同类型的观察者： Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 Performance Observer，性能观察者 1. IntersectionObserver：交叉观察者IntersectionObserver接口，提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法...