最新内容

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

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

前端开发总结(四)

图片最好一种类型的背景图片可以放在一个png里面,且该图片不用repeat,使用background-position来展示,比如左右箭头(可点击与不可点击)全局性的图片,比如loading图,背景图等可以在用户登录页面预先加载,提高用户体验。页面布局酌情考虑是用table还是ul还是div,且在定宽之前要以需显示最多字符的情况为参考要注意的是在EDM(电子 …

前端开发总结(三)

调试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了四五天,最后终于是安全上线了,不容易啊 …

一篇神奇的故事[1]

我看过一个故事,我以前捡过一只小猫,看它可怜,我带它回家,给它洗澡,给它馒头吃。它很喜欢我,很黏我。有一天我带它出去玩。路人都很喜欢它,给它火腿肠给它猫食。很多人围着它看,我很不开心,因为那是我的。我想抱着它赶快回家。它挣脱了,冲着给它火腿肠的人喵喵叫,看都不看我一眼。我抱它3次,她都挣脱了。我扭头就走。然后晚上我出来买吃的,看到它在公园喵喵叫,脏兮兮的。因 …

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

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

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

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

Chrome的JS调试工具

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