Code Snippet

HTML

兼容一些带壳浏览器的ie内核

< meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

国产浏览器默认使用 webkit 内核渲染(暂时只有360支持)

<meta name="renderer" content="webkit|ie-comp|ie-stand">

继续阅读 »

被玩坏的Console

前两天在V2EX上瞎逛的时候,偶然看到这个帖子「发掘有趣的 console」。虽然也曾经注意过知乎、DNSPOD、Tmall这些把console玩的飞起的网站。觉得新奇膜拜以外,还真的没有花心思去研究过他们实现的过程。Console在我手中一直只是顺手的JS调试工具。所以花了一天的时间做了一下简单的功课。

Console是什么?

Console是一个JavaScript解释器的内置对象,用于访问调试控制台,在不同的浏览器里效果可能不同。我们最常用的console.log就是Console对象的一个静态方法,它的作用是将内容输出到控制台上。

继续阅读 »

不忘初心 - 怎样做一个合格的前端工程师

很久之前看到的一篇文章「前端工程师应该具备的基本知识」原文 | 中文,今天无意翻出来依然觉得受益匪浅。现在越来越庞大的前端知识体系,越来越多的新的语言,新的轮子。让人惊叹前端越来越强大的同时,也越来越觉得自己的学习速度永远赶不上技术更新的速度,和大牛的距离越来越远。在迷茫的跟着大牛的脚步走了两年后,才猛然发现。我所处的业务环境似乎并不需要那么多复杂的技术和业务逻辑去处理。返璞归真,合适的才是正确的!

继续阅读 »

修改php.ini解决大附件上传失败问题备忘录

在使用phpcms开发音乐网站的时候,遇到大附件上传失败的问题,找到各种解决办法,办法如下:

-修改站点设置 - 附件设置中文件大小限制,默认为2048KB。

-如果已经无法完成附件上传,需要找到php.ini文件,修改[upload_max_filesize]的值,该值是控制php能够上传附件的最大限制,

-可能同时还需要修改[post_max_size]的值,这个值控制post能够通过上传文件大小的上限。

继续阅读 »

移动前端开发填坑指南

做移动端的项目已经有段时间了,期间遇坑不断。特别整理出移动端中常见和不常见的用法、属性,以防再次入坑。不间断更新中...

Mobile Viewport

<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
width=device-width 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边
content 参数:

  • width viewport 宽度(数值/device-width)
  • height viewport 高度(数值/device-height)
  • initial-scale 初始缩放比例
  • maximum-scale 最大缩放比例
  • minimum-scale 最小缩放比例
  • user-scalable 是否允许用户缩放(yes/no)
  • minimal-ui iOS 7.1 beta 2 中新增属性,可以在页面加载时最小化上下状态栏。这是一个布尔值,可以直接这样写:<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">

继续阅读 »