前端观察

专注于网站前端设计与前端开发

Latest articles

微信小程序开始支持 HTTP2和HTTP/3了

今天看小程序文档,发现小程序从前(2019年,微信 7.0.9)年开始就已经支持 HTTP/2和HTTP/3了! 小程序团队太低调了。。。不过小程序并没有默认开启,需要使用方手动开启:其中的Quic就是通常所说的HTTP/3。嗯。。。不太懂HTTP2和HTTP/3?可以看我的这篇文章: HTTP/3快来了,挖一挖 HTTP 的历史

Brotli是什么鬼?

沉迷于工作太久,以至于对新技术的了解已经开始落后了,比如 Brotli,第一感觉是:这是什么鬼?Brotli是什么鬼?简而言之: Brotli就是一个类似Gzip的压缩算法Brotli 是Google 工程师 Jyrki Alakuijala 和 Zoltán Szabadka 开发的一个压缩算法。Brotli最早被用于做压缩 WOFF2 网络字体的大小,后来才被用作网站静态内容压缩。时间轴2013年,Brotli第一个版本被用来压缩 WOFF2 网络字体2015年, Google 推出重写了编码器版本的 Brotli,并将之作为 HTTP压缩的增强工具2016年, IETF将 Brotli 列为标准草案(RFC 7932)Brotli 比Gzip更强吗?是的Javascript : 比 gzip小...

Flash Player 即将寿终正寝,请尽快卸载

Adobe 发布了最后一个版本的Flash Player更新,并明确确认了这是『中国区以外的』最后一个版本,以及只支持到 2020年12月31日,从2021年1月21日开始会主动屏蔽播放 flash 内容。曾经改变了世界的技术,就这样被开放技术淘汰了……那么为什么说要尽快卸载呢?当然是因为中国特供版啊!根据知乎网友搜集到资料,中国特供版Flash Player 简直就是流氓的化身了:1. 中国版 flash player 的服务主体不再是Adobe 而是重庆重橙网络科技有限公司。2. 可以随意收集用户信息。3. 可以『披露』用户信息。4. 用户信息丢失了,它不用负责任。具体内容可以去 flash.cn 去围观一下。不过反正绝大部分 Flash 都无法使用了,正常的浏览器都会屏蔽 flash 插件了,那就赶紧把尾大不掉的...

挖一挖 HTTP 的历史

偶尔发现某大型网站的服务还在使用HTTP/1.1,没有使用HTTP/2 ,然后突然就好奇HTTP/3怎么样了。。。挖一下 HTTP 的事情然后就很感慨:我们做的很多努力就是为了提升效率和安全HTTP标准和HTML标准一样古老,都是由互联网之父 Tim Berners-Lee 在1989年发起,然后经由IEFT发展起来。不过HTTP第一个被广泛应用的版本是 0.9 版本,对我们影响比较多的是 1.0 版本和后来的 1.1 版本,我记得国内有些门户网站在2010年之后还在用 HTTP/1.0。HTTP 时间轴1991, HTTP/0.91996, HTTP/1.01997, HTTP/1.12009, SPDY2012, HTTP/22018, HTTP/3我们从 HTTP/1.1 开始来说HTTP/1.1HTTP/0.9只支持get方法,然后HTTP/1.0定义了其它方法比如post、put等等,并且在通讯中指定版本以及请求头和响应头。当然这些还不够,所以在第二年,就又推出了...

你是否真的知道 Markdown

我曾经是Markdown 的鼓吹者,一说到和文档相关的事情,都会坚定的推广 markdown。然而我却一直不明白为什么有的markdown支持table,有的却不支持,今天深入了解了之后才发现,markdown没有那么简单。 Timeline 2004年,博主 John Gruber 发明了 markdown,Aaron Swartz起到了重要的作用。值得注意的是,发明者 John Gruber 的职业并不是软件工程师,但是他用perl写了第一个markdown to html 的转换工具 markdown.pl 2007年,pandoc支持了markdown 2008年,stackoverflow发布并支持markdown 2009年,GitHub开始使用 GitHub Flavored...

苹果终于支持WebP了,然而它已经不是最牛的了

苹果在最新的系统中支持了WebP格式的图片,到此为止,WebP总算获得全部主流平台的支持,可以大规模使用了。WebP支持Chrome 32+Safari 14+,是的,只支持iOS 14和MacOS Bug Sur微信小程序基础库 2.9.0+,用户占比 98.88%Google在2010年发布了WebP/WebM图片和视频格式,Google自己的服务(Chrome)在2014年前后才全面支持,而苹果更是到今年才提供支持。一个新的图片格式被全面支持居然要花10年,令人唏嘘。不过,各大公司在颠覆JPEG的路上并没有停止,这些年一直在想尽办法来替代JPEG图片格式,而且,各种新格式在数据上都比JPEG和WebP要好,但真要能被当成标准被支持,就不知道是什么时候的事情了。AVIFNETFLIX推出,被设计用来取代WebP。NETFLIX认为,一个JPEG替代方案,应该有以下特征:广泛支持更高的压缩效率更广泛的特征集这个格式的图片发展很快,2018年提出,2019年制定规范,今年——2020年8月份,Chrome...

【最高补贴3万】微信支付18年校招开始了,快发简历来!

腾讯2018年校园招聘即将开始,2019年毕业的同学欢迎自荐,有亲朋好友明年毕业的话也欢迎推荐。 微信支付今年招聘各个岗位的优秀人才,在这里你可以接触最前沿的互联网产品形态,可以学习和使用最先进的互联网技术,可以接触到和消费相关的各行各业。在这里你可以和优秀的同事们一起努力,让微信支付触达10亿微信用户,影响中国人的生活消费方式,让人们的生活更加便捷。 而且,微信支付即将入住腾讯公司新总部滨海大厦,腾讯滨海大厦靠近深圳湾公园和深圳湾体育中心,毗邻深圳生活娱乐中心海岸城,相信在这里的业余生活也将多姿多彩~~ 深圳市政府对于新入深圳的毕业生有一定的租房和生活补贴,其中本科生 1.5 万,硕士 2.5 万,博士 3 万。虽然不是巨款但是简单买买买了~~ 如果你有意来微信支付,请即刻发送简历给我!...

web app 一分钟适配 iPhone X

明天就要开抢 iPhone X 了,然而面对 iPhone X 这个奇葩的屏幕,你准备好了吗? 因为 iPhone X 的刘海设计,Web 在 iPhone X 横屏时,可能会有些问题: 默认情况,iPhone X 会将页面填充到安全区域(safe area),就像上面的图一样,一般情况下是没有问题的; 但如果是全屏 Web App 就会有问题了,比如背景色和页面的契合程度之类的; 有的 iOS app 内置 WKwebview 可能会为了避免一些bug,而采用统一的行为,就是禁用 iOS 11 自己的内容区域判断,从而让 H5 默认全屏,如下图: 解决方案 1. 默认全屏 <meta name="viewport" content="width=device-width,...

不要把 svg 转成 base64

不是什么新知识,一个小技巧而已。 今天遇到一个项目中使用纯色图标的问题,用字体麻烦用图片low,所以就想直接用svg,毕竟只有一两个图标。 第一想法是用 DataURI,然后想到了之前 CSS-tricks 的文章,翻了下做下汇总: 不建议把 svg 转 base64 来用 base64 本身浏览器解码也会消耗一定的资源 svg 转 base64 后反而会变大 解决方案: 压缩 svg 文件,使用 SVGO 或者 SVGOMG 使用 DataURI 而不用 base64 ,DataURI 的用法是 data:[<mediatype>][;base64],<data> base64 只是声明 data 使用 base64...

2017年腾讯Web前端大会即将召开

首届 < 腾讯Web前端大会 TFC 2017 /> 将于2017年6月24日在深圳召开,本次大会将是腾讯规模最大的Web前端盛会。主办方腾讯, 中国顶级互联网公司之一,创造了许多亿万海量用户级的优秀Web应用,积累了深厚的Web前端开发经验 。 大会讲师将会广邀国内外的前端知名大牛,他们有著名流行框架的作者、知名前端书籍的作者、Web工程化方面的权威等。其中还有部分讲师是从腾讯上千名前端工程师中精挑细选的优秀高级工程师,将为你带来最具实践价值、最接地气的前端开发经验分享,内容不仅涵盖Web新技术、Node.js、框架、工程化、 图形处理等前端前沿内容 ,还包含极致的性能优化、海量用户运营等具有腾讯前端特色的宝贵经验。 无论您是资深的前端大咖,还是初出茅庐的前端菜鸟,相信都可以通过本次大会获得非常有价值的帮助。...

Discover, share and read the best on the web

Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!