前端资讯周报 3.13 - 3.19: WebVR来了!以及如何优化scroll事件性能
每周一我都会分享上一周我订阅的技术站点中,和解决问题的过程中阅读到的值得分享的文章。这是迫使我学习的一个动力
本周推荐
Minecraft in WebVR with HTML Using A-Frame
这篇文章教你如何通过一个 WebVR 框架 A-Frame 来开发一个 VR 应用(既支持高端的Oculus Rift,也支低端的Google Board纸盒)。可惜我什么没有VR设备,看不到实际的效果
Scrolling on the web: A primer
还记得被scroll事件支配的恐惧吗?——scroll事件是公认的引起性能下降的陷阱。这篇文章介绍了目前现代浏览器为优化scroll事件所做出的一些改进。同时也从代码的角度给出了一些避免影响性能的添加scroll事件相关代码的一些方案
常规技巧
State of Responsive Images 2017
响应式图片的现状,还是老样子:支持的浏览器肯定是在逐渐增多;但是不同浏览器对于不同属性的支持是不同;不同浏览器对于同一种属性的实现也可能不同
Measuring Image Widths in JavaScript (Carefully!)
这篇文章本身的价值不大。引起我兴趣的是,他介绍了一个前端库 imagesloaded ,用于判断某个DOM内的图片是否已经加载完成。 同时在评论中他不赞成使用 getComputedStyle 和 getBoundingClientRect 方法来获取尺寸。于是我非常有兴趣想了解 imagesload 这个类库中是如何实现的,如果有谁已经有了成果可以留言告诉大家
Forbes rebuilt its new mobile website as a Progressive Web App
福布斯杂志新的移动页面使用了Progressive Web App技术,有一些数据非常可观:
- 据说在0.8秒内就能加载完毕,之前的网站需要3到12秒的时间
- 用户访问新站点的平均时间(session duration)翻倍了,新增了20%的曝光(impressions)
我已经决定在我的下一个项目中使用 PWA 了!
这是作者自己的在开发React过程中总结的10条设计模式。实话实说,看完之后我并没有什么感触——因为我开发React的时间不多,但是希望对大家有帮助
手工编写HTML代码难免会犯一些错误,例如忘记添加了 charset,lang属性,viewport标签没有编写正确等等。然而这些错误仅仅用CSS就能检测出来。不信的话看这篇文章吧。
Why WebAssembly is Faster Than asm.js
最佳Mozilla在狂推 WebAssembly,这篇文章把 WebAssembly 与 asm.js 进行了比较。 asm.js 则声称是另一类更底层的javascript子集,提供更好的性能。两者都想必是未来的Javascript趋势,有机会做一个专题
DayTrip 网站的标题部分展现了一种微妙闪烁的动画效果,这实际上的是通过伪元素的图片覆盖与简单的帧动画实现的。又需要的通过可以拿去(不过我觉得这么微妙的动画很难看出来,收益率不大啊)
How To Develop An Interactive Command Line Application Using Node.js
你一定使用过Gulp,Grunt,或者是 Yeoman。不知道你有没有惊叹于这些工具附带的CLI能够精准的识别命令行指令,以及能够根据指令下载文件,生成本地文件等功能。这篇文章就告诉你如果做命令行应用。
新人入门
Quick Tip: How JavaScript References Work
关于Javascript引用类型如何使用的文章,短小精悍,图文并茂,适合入门
Golden Guidelines for Writing Clean CSS
如何规范的书写和设计样式代码,先给新人
讲讲道理
How to launch software changes without pissing people off
我们每个人都是互联网产品的使用者,相信我们大多数人都被一些产品毫无征兆的改版惹怒过——改版过后你再也找不到你常用的功能了。这篇文章给出了一些改版过程中的建议,正如标题所说,如何在不惹怒用户的情况下开始改版
这篇文章和上一篇文章都来自Basecamp团队37signals。这一篇文章和他们所写的书《重来》的风格类似,关于不要放弃创业,不要只追逐金钱,有点鸡汤有点热血。最重要的是还有点道理
The Beauty Of Imperfection In Interface Design
UX设计师们在设计UI时总是会陷入误区:即仅仅追求视觉上的舒畅和优美(就像你在Dribbble上看到的那些),而忽略了实际产品的需求。实际的产品需求包括业务流程,包括用户交互和行为习惯,包括各种意外的情况,还需要考虑用户的使用场景和设备。这篇文章就是告诉你应该如何跳出“视觉美”的这个怪圈,做正确的设计
前端资讯周报 3.13 - 3.19: WebVR来了!以及如何优化scroll事件性能的更多相关文章
- 前端资讯周报 2.27 - 3.5: 如何设计一个优秀的HTML接口,深入理解line-height
从本周起,每周一我都会分享上一周我订阅的技术站点中,和解决问题的过程中阅读到的值得分享的文章,或者视频教程,又或者图书. 个人认为国外的技术文章质量较高,而且发布的技术资讯也走在行业前沿,所以比较关注 ...
- 前端资讯周报 3.6 - 3.12: 对学习Javascript最有帮助的三本书,以及HTML标题的迷思
每周一我都会分享上一周我订阅的技术站点中,和解决问题的过程中阅读到的值得分享的文章. 毕竟个人的阅读量有限,也欢迎大家留言或者私信给我你们阅读到的,对你们前端技术有帮助的任何内容,题材不限,语言不限. ...
- 前端开发周报: CSS 布局方式方式与JavaScript数据结构和算法
前端开发周报:CSS 布局方式与JavaScript动画库 1.常见 CSS 布局方式详见: 一些常见的 CSS 布局方式梳理,涉及 Flex 布局.Grid 布局.圣杯布局.双飞翼布局等.http: ...
- fastjson转换包含date类型属性的对象时报错com.alibaba.fastjson.JSONException: For input string: "13:02:19"
问题:time类型数据插入不进mysql数据库:调试的时候报如下错误: Caused by: java.lang.NumberFormatException: For input string: &q ...
- cAdvisor0.24.1+InfluxDB0.13+Grafana4.0.2搭建Docker1.12.3 Swarm集群性能监控平台
目录 [TOC] 1.基本概念 既然是对Docker的容器进行监控,我们就不自己单独搭建cAdvisor.InfluxDB.Grarana了,本文中这三个实例,主要以Docker容器方式运行. 本 ...
- 8.2.1.13 Multi-Range Read Optimization 多个range 读优化
8.2.1.13 Multi-Range Read Optimization 多个range 读优化 读记录使用一个range scan 在一个secondary index 可以导致很多的随机磁盘访 ...
- web前端—工作周报
2016.07.25-2016.07.29周报: 1.本周工作主要内容: A:完成了宏视云h5播放器升级及大数据上报: B:修复xk-h5播放器bug:在三星手机自带浏览器无法进行滑动seek; C ...
- PSP(4.13——4.19)以及周记录
1.PSP 4.13 15:15 15:30 0 15 站立会议 A Y min 15:30 19:00 65 145 Account A Y min 21:15 23:00 15 90 博客 B Y ...
- 云原生生态周报 Vol. 13 | Forrester 发布企业级容器平台报告
业界要闻 近日,全球知名市场调研机构 Forrester 发布首个企业级公共云容器平台报告.其中,阿里云容器服务的市场表现全球前三.中国第一,同时创造中国企业最好成绩,进入强劲表现者象限.报告显示,阿 ...
随机推荐
- 微信LazyMan笔试题的深入解析和实现
一.题目介绍 以下是我copy自网上的面试题原文: 实现一个LazyMan,可以按照以下方式调用: LazyMan("Hank")输出: Hi! This is Hank! ...
- shell 脚本浅入
最常用的Linux命令和工具 目录下个文档:cd name 返回上个目录:cd .. 查看.编辑文本文件:查看文件:more, tail 编辑文件:vi 如编写脚本.sh vi shell.sh ...
- 自定义IHttpModule
HttpModule作用是 IIS将接收到的请求分发给相应的ISAPI处理前,先截获该请求. 通过这个我们可以完成很多额外功能. 自定义IHttpModule的例子: 通过自定义HttpModule, ...
- 用 Lua 实现一个微型虚拟机-基本篇
用 Lua 实现一个微型虚拟机-基本篇 目录 介绍 机器指令模拟 最终核心代码 虚拟机内部状态可视化 完整项目代码 后续计划 参考 介绍 在网上看到一篇文章 使用 C 语言实现一个虚拟机, 这里是他的 ...
- 如何让 Git 忽略掉文件中的特定行内容?
近期在git遇到几个问题,让我重新认识到git的强大性,下面列出来记录一下 有一个数据库的配置文件,在用 git add 添加到 index file 时不能透露了相关配置.而如果用 .gitigno ...
- IntelliJ IDEA 2016.1.4 git 切换分支详解
参考网址: http://cache.baiducontent.com/c?m=9d78d513d9981de90fb3ca255501d7174202d7743da7c7647ac3e54a8414 ...
- C++ 头文件系列(sstream)
1. 简介 这个头文件主要定义了基于字符串类(string类)的流的4个模版: basic_stringbuf basic_istringstream basic_ostringstream basi ...
- javascript小测试
测试地址:http://toys.usvsth3m.com/javascript-under-pressure/ 在群里看到测试网站做着玩,希望你能过关,不能,且看下面答案(为了过关,不惜不够严谨) ...
- BZOJ 1096: [ZJOI2007]仓库建设(动态规划+斜率优化)
第一次写斜率优化,发现其实也没啥难的,没打过就随便找了一份代码借(chao)鉴(xi)下,不要介意= = 题解实在是懒得写了,贴代码吧= = CODE: #include<cstdio># ...
- jQuery写选项卡
<!DOCTYPE html> <htmllang="en"> <head> <metacharset="UTF-8" ...