前端仕锦

cordova与css结合实现在android上透明状态栏兼容齐刘海等异形屏

应该会有人觉得百度(google)有的东西为什么我会写出来?有我还写啥啊~手上有一个项目,是用cordova+vue的,这个不是重点,由于ios的app上架比较困难,所以优先上架android。因为习惯了在ios上透明状态栏的样式,在android上也想拥有。得赖于ios的css中safe-area-inset-*的属性,可以在cordova的ios端结合c …

电子邮件营销(EDM)邮件页面制作要注意的几点

1.页面宽度固定,不要太大,推荐500px,最大不要超过750px;2.制作HTML的email页面时,不使用css+div来布局,最好使用table表格来布局,而且<table><table>以外的body、meta和html之类的标签是可以无视的,邮箱系统里会把这些过滤掉,所以不用写这些;3.定义文字或图片的样式时,不要使用外链的 …

前端开发总结(二)

关于全局变量Js定义的变量默认都会放到window下,window下还会放一些浏览器自己的变量。当要使用某个变量时,浏览器会去window下去查找。当变量(包括方法)声明了很多时,查找效率会越来越慢。优秀的设计一般都是定义一个全局变量,其他变量采用命名空间的方式挂到这个变量下面。比如网站可以定义一个名叫XXX的全局变量,下面可以按照模块设计各个变量和方法。比 …

Chrome 控制台新玩法-console显示图片以及为文字加样式

 在正常模式下,一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读,除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息,在控制台中出来的效果如下:在输出信息前面会有一个带感叹号的黄色三角警告符号。似乎比一般的console信息要友好得多了。虽然图标是黄色的,但输出的文字仍然是 …

前端不为人知的一面--前端冷知识集锦

前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行 …

Chrome的JS调试工具

 你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介 …

getYear()之IE,Chrome谷歌,Firefox火狐

今天测试页面上的日历显示,发现ie和chrome下显示不一样经过分析发现是getyear的执行结果不一样。2012年IE显示是2012,而Chrome里显示112.上网搜索后才知道了里面的问题所在:FF和Chrome的getYear()返回的是“当前年份-1900”的值,而IE却当Year>=2000,直接把减去的1900又加回来了。传统的都是使用Ch …

WebSocket+WebRTC实现视频通讯

WebSocket使用的是python+twisted实现的,当然协议的解析是看网上的一篇文章【用Python实现一个简单的WebSocket服务器】,在自己改了一些代码,就算是简单的WebSocket服务器。当然我是在firefox19上测试通过的,chrome上并没有测试通过,没什么时间,只能等家里电脑好了之后在家里测试。首先来简单的说一些WebSock …

返回顶部的插件

今天没事情干,写了一个返回顶部和到页面底部的插件,直接页面引入JS即可, 没有加配置文件,有定制需要的直接改js吧效果就是网站右下的那个。<script src="..jstopdown.js" type="textjavascript"><script>JS代码如 …