前端

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

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

前端开发总结(三)

调试IE 下可以采用Firebug Lite进行调试Firebug Lite使用:在head中引入js便可以<!--[if IE]-->  <script type="textjavascript" src="thisjs.js"><scr …

前端开发总结(二)

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

前端开发总结(一)

关于HTML设计HTML时,不仅要考虑页面整理结构,还要考虑IE的局限。比如IE6,IE8不支持阴影圆角等css3特性,那么要在IE6,IE8下实现圆角等效果,只有通过半透明png背景来实现,对于图片一般设为背景图(除非含有点击事件)。关于图片设为背景图还是img 。采用img一般是把图片做为网站内容时采用的,比如图片类型的文字,logo,用户头像等。采用背 …

前端开发总结(前言)

之前在工作了大半年,接手了几个项目,有几个就是弄几个页面出来那么简单,有一个是整站的改版,那是相当的麻烦,什么样式的兼容性啊,网站性能的优化啊,js对数据进行操作,数据导入导出的处理,其实只要效率高,能力强,加班的次数时间明显减少很多。因为在进公司之前,没有具体的开发经验,免不了闹一些笑话,项目也因为各种原因delay了四五天,最后终于是安全上线了,不容易啊 …

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 …