一个热爱网络的年轻人的博客
最近做H5页面需要提供给微信小程序内嵌，涉及到两个功能：一、隐藏头部；二、把分享信息传给小程序。做的时候遇到了一点坑，记录一下解决的方法。
起因：项目iOS APP内嵌H5页面，提供的webview容器是全屏的，所以H5页面要处理iPhone X的刘海头。
iPhone XS等手机还未发布之前，我们已经做过iPhone X的一些兼容。
本项目是下载官方wafer2-quickstart-nodejs后，在此基础上增加代码，完成Todolist。目的是为了学习微信小程序连接腾讯云、nodejs MVC、knex.js等偏后端技术，达到一个人完成微信小程序前后端。本项目代码涉及到微信小程序基础，如果你熟悉Vue.js，相信看起来很轻松。
最近在学习用Express来做简单的网站，Express是Node.js的一个常用框架，MongoDB是对Node.js支持很好的数据库。所以最终做的网站想要在服务器里运行，就必须在服务器里装Node.js+MongoDB环境。我手头有一个闲置的VPS，所以就用这个练练手了。
刚做移动端页面的时候，看到一些成熟的网页做淡入淡出的弹窗遮罩效果，都喜欢用css里transition、visibility和opacity这三个属性，通过改变他们的值，结合js增减class即可，非常方便。上周做的一个项目，开发找我报bug，说是一个界面出不来，我看了下就是这段代码。然后重新测试了一下，发现这段代码在iOS8、9、10都有问题，之前为什么都没发现？
同事遇到一个问题，某一个网页，显示空白。自然而然的打开开发者工具查看DOM，发现body标签上有一段css，这段css就是隐藏网页，而源代码显示body标签上为空的。那就简单了，一般这种情况都是有js来影响他的，就把页面几个js打开搜了下关键字，没有发现。这就奇怪了，只能上绝招了，浏览器上把js禁止掉，结果body标签上这段css依旧在，这就不符合逻辑了。
首先描述下遇到的问题：我们的iOS APP商品详情页，下面商品文描部分是单独弄的一个WebView，里面放从接口获取到的文描html内容。文描html里主要有部分html标签，例如div、p、span、table、img等，还有文字和图片。出现的问题是WebView只显示一半图片，部分文字非常大，需要做优化。
之前手机项目中有图片上传预览功能，都是让同事处理。这次抓住机会，向他请教学习后，自己写了个简单的示例，基本的知识点都罗列出来，希望对大家有帮助。
因为页面用了Zepto，自然想到用animate，设置300ms然后scrollTop为当前表单距离网页顶部高度即可。结果发现根本不生效。问同事后一起看源码，才发现Zepto里的animate只能改变CSS，而scrollTop属于js范围，恰巧jQuery又优化过这个，所以jQuery可以这样写，Zepto不行。
现如今主流网站jQuery占有率超过70%，大部分几年工作经验的前端都非常熟练的使用jQuery，但没多少同学会去看一些基础的JavaScript，其实是很可悲的。一方面是jQuery已经做好非常容易上手，可以解决绝大多数问题，另一方面，这几年前端界实在是发展太快了，新技术层出不穷，同学们都眼花缭乱不知道学什么。