MR WHY

I am
WangHongyang

Wechat Official Account
Find fun things here!

HTML5 移动端 head 头标签生成器

PART 1 生成器

HTML5 移动端 head 头标签生成器(release soon)

生成器简介:

图形化界面点选,1分钟生成十数个头标签,无需代码。

针对移动端H5页面设置,含Android Chrome/iOS端显示设置、QQ微信分享设置、SEO优化、浏览器设置。

修改了一些目前网上H5头标签分享中的过时信息,比如touch-icon大小。

PART 2 移动端头标签

Android Chrome设置

注意本小标......

130

移动前端基础

一、应该测试的浏览器

iOS内置Safari

安卓webkit4,至少要有2到3个:三星、HTC、其他

Google Chrome

三星Chrome

确认设备内置浏览器的方法:检查用户代理字符串(useragent string, navigator.userAgent),如果包含单词Chrome,就是Chrome,反之是Webkit。

二、视口

桌面浏览器中,浏览器窗口就是约束你的CSS布局的视口(初始包含块)。也决定了用户可以看到什么。

......

361

Reconstruct Raw HTML in Scientific Community

This post focus on why Raw HTML is pervasively used in scientific community, and how to construct a clear scientific website. I got all these ideas during writing VALSE 2016 website.

What is Raw HTML?

Raw HTML

In wikipedia, Raw HTML means visitors can type HTML+CSS code to control pages'......

86

2015年阿里暑期实习笔试题——前端

本套笔试题转自思存工作室现任前端组组长徐少鹏同学。他的个人博客请猛戳 徐少鹏的个人博客 。

最深的感受是阿里很注重应聘者的基础功底。整套笔试题涵盖的范围也很广。

以前学长笔试阿里之后说阿里关注的是html/css/js的基础知识,但是今年的题型发生了变化,要求前端工程师要有一定的后台能力(2,12)。

另一个感受是阿里需要的是对实战能力要求高(毕竟不是花钱请前端攻城狮去吃喝的)。(12,13)

最后,中途好像乱入了个输入个人博客/github的题目。github应该......

77

响应式图片

为什么要使用响应式图片?

当前整个前端都有向移动端转移的趋势,微信上的各种H5页面更是用得飞起,为了吸引用户,不可避免要用到各种图片。图片的使用面对两个问题:

该用什么大小的图片?(不要告诉我手机上看横条状图片的用户体验很好)

该用什么质量的图片?(低质量图Retina会生气的好吗)

为什么要写这篇文章?

在百度上找,有且仅有一篇淘宝UED写的CSS与HTML5响应式图片,作于2013.1,对于2014.9......

55