3 天前 / Ryan众乐
重点：文末有抽奖方式，不要错过 简介 剖析流行的截图插件 html2canvas 的实现方案，探索其功能上的一些不足之处及不能正确截取的一些场景，比如不支持 CSS 的 box-shadow 截取情况等。探索一种新的实现方式，能够避免多数目前 html2canvas 不支持的情况，解密其原理，深究 Canvas 绘图的机制。 本篇文章你可以学到： 纯前端网页截图的基本原理 html2canvas 的核心原理 SVG 内嵌 HTML 的方式 Canvas 渲染 SVG 的方式及各种问题的解决方案 适合人群：前端开发 开篇平时很多时候，需要把当前页面或者页面某一部分内容保存为图片分享出去...
17 天前 / Dunizb
来源：https://blogs.windows.com/msedgedev/ 作者：Microsoft Edge Team 今天的浏览器更像是操作系统，而不是文档查看器。用户在浏览器中执行的任务越来越多，而在桌面应用程序中执行的任务越来越少。然而，每个网页、Web 应用和扩展都会使用内存。因此，用户经常会关心内存使用情况如何影响他们的体验。我们正在努力开发解决方案，以解决这一问题。这些解决方案包括为网站和扩展开发者提供信息，帮助他们使用更少的资源，并帮助用户了解他们的浏览习惯如何影响 Microsoft Edge 的资源使用。
65 天前 / Shen
几周前我在推特上发布了这样一个面试问题： JavaScript 面试问题： 在哪里可以找到 setTimeout 和 setInterval 的源代码？（他们在哪里实现的？） 你怎么在面试中回答？（你不能去网上搜索） function setTimeOut(callback *** 继续往下看之前先试着回答这个问题 *** 推特上半数的回答都是错误的 回答不是 V8 （或者其他虚拟机！！）尽管著名的“JavaScript 定时器”函数像 setTimeout 和 setInterval 都不是 ECMAScript 规范或者任何 JavaScript 实现的一部分。 定时器功能由浏览器实现，它们的实现在不同浏览器之间会有所不同。
65 天前 / karen
JavaScript 在去年新增了 12 个特性可以使用。 JavaScript 历史 link 这个新版本语言被称作 ECMAScript6，也可以被称为 ES6 或 ES2015+。 自从 1995 年 JavaScript 诞生以来，它一直在缓慢发展。 每隔几年就会有新的版本。 ECMAScript 诞生于 1997 年，旨在指导 JavaScript 的发展。 它已经发布了 ES3，ES5，ES6 等版本。 如你所见，ES3、ES5 和 ES6 之间存在 10 年或 6 年的差距。 不像每年进行少量的更改那样 ，ES6 一次就进行了大规模更改。 浏览器支持 link 现如今很多浏览器环境都支持 ES6。
93 天前 / 苏生不惑
苏生不惑第 155 篇原创文章，将本公众号设为星标，第一时间看最新文章。 关于谷歌浏览器之前写过以下文章： 实用油猴脚本推荐，让你的谷歌浏览器更强大 Chrome 浏览器扩展神器油猴 请停用以开发者模式运行的扩展程序？搞定谷歌浏览器插件弹窗 上不了谷歌如何安装 Chrome 扩展？ 那些有意思的谷歌 / 百度搜索彩蛋 那些你可能不知道的浏览器奇技淫巧 为什么我一直推荐使用谷歌浏览器呢，某些国产浏览器会自作主张封杀某些域名，还经常弹各种广告，当然更主要的是方便我使用谷歌搜索。
100 天前 / 企鹅爱吃方便面
问题：edge 浏览器下，固定列的边框消失 原因：ng-zorro-antd 表格组件使用 nzLeft 和 nzRight 指令固定的表格列，这两个指令的实现 css3 中的标签： position: -webkit-sticky !important;position: sticky !important;谷歌、火狐及 -webkit- 内核的浏览器均支持该属性（css3），IE 不支持该属性，所以在 IE 中，会自动降级，表格无固定列，可滑动的形式。 Edge 浏览器在 1703 之后的版本使用了 chromium 内核，对 css3 的属性支持较好，也支持 sticky 属性，可以使用，可以固定表格列，但边框会消失。
106 天前 / Dunizb
来源：https://levelup.gitconnected.com 作者：Ng Vit Khánh Huy 与其生成 zip 文件并从您的服务器进行传输，不如下载数据并将其压缩在浏览器中呢？ 我最近从事一个副项目，该项目可根据用户的请求生成报告。对于每个请求，我们的后端将生成一个报告，将其上传到 Amazon S3 存储，然后将其 URL 返回给客户端。由于生成报告需要一些时间，因此将存储输出文件，并且服务器将通过请求参数来缓存其 URL。如果用户订购相同的商品，则后端将返回现有文件的 URL。 几天前，我有一个新要求，我需要下载一个包含数百个报告的 zip 文件，而不是单个文件。
192 天前 / Nealyang
苹果公司前不久对 Safari 浏览器进行一次重大更新，这次更新完全禁用了第三方 Cookie，这意味着，默认情况下，各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie，但是由于这些浏览器市场份额较小，并没有给市场带来巨大的冲击。 从 2017 年截至 2019 年底， Google 面临的罚款总额已经超过 93 亿欧元，其中一大原因便是侵犯用户数据隐私。迫于巨大压力，Google Chrome 官方团队前不久也宣布，为了提升用户隐私和安全，未来两年将完全禁用第三方 Cookie。
223 天前 / yrq110
从以下几个方面分析下Puppeteer的衍生项目Playwirght： 基本介绍与使用示例云原生：BrowserContext的隔离与增强跨平台：不同平台通用的Client与Server实现多选择器：内置与自定义选择器引擎之前使用并介绍过一个不错的浏览器自动化测试工具Puppeteer，具有API易于使用且有关Chrome浏览器自动化功能强大的特点。 在最近出现了另一个浏览器自动化项目Playwright，该项目支持多种内核(chromium, webkit, firefox)的浏览器自动化操作，弥补了Puppeteer本身无法跨平台的不足(虽存在puppeteer-firefox)，API风格与Puppeteer保持一致...
224 天前 / karen
JavaScript 在去年新增了 12 个特性可以使用。 JavaScript 历史 link 这个新版本语言被称作 ECMAScript6，也可以被称为 ES6 或 ES2015+。 自从 1995 年 JavaScript 诞生以来，它一直在缓慢发展。 每隔几年就会有新的版本。 ECMAScript 诞生于 1997 年，旨在指导 JavaScript 的发展。 它已经发布了 ES3，ES5，ES6 等版本。 如你所见，ES3、ES5 和 ES6 之间存在 10 年或 6 年的差距。 不像每年进行少量的更改那样 ，ES6 一次就进行了大规模更改。 浏览器支持 link 现如今很多浏览器环境都支持 ES6。
234 天前 / 苏生不惑
苏生不惑第 103 篇原创文章，将本公众号设为星标，及时看最新文章。 浏览器都有访问历史记录，Chrome 浏览器点击右上角。进入 chrome://history/ 可以看到你访问过的所有网页。 除了本地记录，谷歌还帮你保存在云端，前提是你登录了谷歌账号 https://myactivity.google.com/myactivity 这里一样可以搜索历史访问记录的 ps: 现在注册谷歌账号比较麻烦，为了防止机器人注册会检测各种注册环境，可以将浏览器语言换成英语或在移动端注册 ，如果还不行花钱在某宝让人帮忙注册。
245 天前 / niayyy
原文链接：hacks.mozilla.org 人们对 WebAssembly 有一个误解：他们认为 2017 年在浏览器中的 WebAssembly — 我们称为最低可行产品（MVP, minimum viable product）— 是 WebAssembly 的最终版本。 我可以理解这种误解的根源。WebAssembly 社区小组致力于向后兼容。这意味着你今天创建的 WebAssembly 在将来也可以继续工作。 但是这不意味着 WebAssembly 是功能完备的。事实情况远非如此。WebAssembly 将会推出许多新功能，将从根本上改变你用 WebAssembly 可以做的操作。
254 天前 / 凯凯刘
如果你已经构建了一个Chrome扩展插件，已经有了成千上万的用户，那面临的一个问题是如何利用这个产品来获利。 如果在Android或iOS上，那么获利的方法就容易多了。但是，在某种程度上，Chrome扩展程序在用户心目中的重要性不高。他们更愿意为应用程序或持续服务付费，但Chrome扩展程序却不是。 大量的Chrome扩展程序只是大型产品或全球产品本身的子产品，例如Honey，优惠券查找器和Grammerly这样的产品。 下面就让我们浏览一下那些获利的方式。
300 天前 / 噶牛爱尚
首发于小郭话前端写文章CSS浏览器兼容性，最完整处理方案一郭鲜前端“鲜”肉 , 同名公众号“一郭鲜”5 人赞同了该文章前端是一个让人又爱又恨的职业，爱,是因为技术更新快，发展道路宽阔；恨的是需要学习、掌握的东西太多太多，永远学不完，正如俗话说：活到老，学到老；但更让人头疼的是，还要面临各种适配、兼容性问题。 网上对适配、兼容性问题都有相关解答，但一直以来都是头痛医头脚痛医脚，没有进行系统的梳理，整个思路和方向全是混乱的，所以最近整理了一份CSS浏览器兼容性的常见解决思路和方案，分享给大家，一起进步。
305 天前 / 噶牛爱尚
自我介绍 我是来自RichLab 花呗借呗前端团队的同学。在公司大家喊我玄寂，生活中大家称呼我 pigcan 或者猪罐头。除了是一个程序员，我现在也在尝试做一名YouTuber和up 主，也在微信公众号中分享我的生活，我自己的方式践行快乐工作，认真生活。 体感案例 首先为了让大家有更好的体感，我们先来看一个案例。这个案例是使用 code mirror 加 Antd tab 组件加 Gravity 做的一个实时预览。