好几天没更新博客了,今天写写小感悟和一个小东西吧!

随着前端的前端的越来越火,对前端的要求也越来越高,从之前的切图到开发网站再到现在移动端开发,微信开发,手机app混合开发,不得不说现在前端在开发行业已经有了一席之地,所以丰富自己的经验,提升自己的技能才是最关键的,要知道眼光放长远的人才能够走的远,不要觉得今天或是现在他的工资比你高,工作比你轻松,或许你现在痛苦着,不得不说你是幸运的,再过几年你再比较你就会发现,档次已经不一样了,毕竟在技术圈还是技术是第一位的,其他的素质是辅助位置!!!!前几天我看了一部电视剧《平凡的世界》,这是根据路遥的一部小说改编的电视剧,这本书是我在上学时候在喜欢的一本书,我上学的时候看了两遍,现在又看了一遍电视剧的版本,不得不说每次看,看到的都是不一样的,这或许年龄段的不同和身份的不同所造成的吧!之前上学的时候会感觉主人公的命运似乎就是自己,关注点也在少安和润叶纯洁深刻的爱情上,现在看完之后产生了不一样的看法,感觉每个人的伟大都是用牺牲换来的,我关注的两个人一个是少安,一个是田福军,这两个人算伟大吧,少安从一个穷了三代的小伙子到发家致富,再到办厂让村里所有人都富起来,不容易吧,应该算伟大了吧,但他为此也付出了牺牲,爱情上失去润叶,到最后他失去了自己的好老婆,都说每个成功的男人背后都有一个默默支持的女人这句话我也是比较赞同的;同样的在看田福军,一个一心一意为农民的好书记,把所有的青春都奉献给了黄原,放弃了大好的前途,失去了可爱的女儿,老婆最后进了监狱,小儿子对自己很陌生,这些的牺牲才换来他在人民心里的位置,所以一个人要变强变得让人尊敬,还是要懂得为别人付出,这种道理恐怕小时候老师就教了我们,可没有那一次让我像今天一样感触这么深刻过,或许还是太年轻了 ------  一些小感触!!!!

屏幕旋转:

js里面主要是一个事件:window.orientation:

  

window.onorientationonchange = function ( ) {
  switch (window.orientation) {
    case -90:
    case 90:
    alert(“横屏:"+window.orientation);
    case 0:
    case 180:
    alert(”竖屏:"+window.orientation);
  break;
  }
}

对于样式的设置:

//竖屏市使用的样式
@media  all and (orientation:protrait) {
  .css{ }
}
//横屏时使用的样式
@media all and (orientation:landscape) {
  .css{ }
}
 
今天就到此为止吧,哇!今天也妇女节了,妇女们都快乐吧!昨天是女生节,才发现我是女生节出生的!!!所以女生节也快乐!!

h5屏幕旋转的时间和样式的设置的更多相关文章

  1. H5项目常见问题及注意事项,视频全屏,定位,屏幕旋转和触摸,偏页面重构向 来源joacycode的github

    Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" content="wi ...

  2. Android 屏幕旋转 处理 AsyncTask 和 ProgressDialog 的最佳方案

    的最佳方案 标签: Android屏幕旋转AsyncTaskProgressDialog 2014-07-19 09:25 39227人阅读 评论(46) 收藏 举报 分类: [android 进阶之 ...

  3. OpenGL ES 响应屏幕旋转 iOS

    iOS下使用OpenGL 如果使用GLKit View 那么不用担心屏幕旋转的问题,说明如下: If you change the size, scale factor, or drawable pr ...

  4. IOS屏幕旋转思路和实践

    这段时间同事在做一个直播项目,项目有个需求:一个界面需要手动设置屏幕的方向,设置好之后方向不能变化.完成这个需求花了特别大的精力,归因是网上关于屏幕旋转的知识比较凌乱,解决问题花费不少时间,最后决定把 ...

  5. OpenGL ES: iOS 自定义 UIView 响应屏幕旋转

    iOS下使用OpenGL 如果使用GLKit View 那么不用担心屏幕旋转的问题,说明如下: If you change the size, scale factor, or drawable pr ...

  6. html屏幕旋转事件监听

    近期做微信服务号开发,在做图片展示的时候需要横竖屏的检测实现图片大小不同的展示. 添加屏幕旋转事件侦听,可随时发现屏幕旋转状态(左旋.右旋还是没旋). 摘自:http://bbs.phonegap10 ...

  7. 【分享】迅为iTOP4412开发板-Android系统屏幕旋转设置

    1.1概述 Android4.0,Androd4.4源代码能够编译成手机模式和平板模式,讯为iTop4412 开发平台 的Android系统默认编译为平板模式.客户须要依据自己的产品设计及应用环境,切 ...

  8. Runtime解决屏幕旋转问题

    前言 大家或许在iOS程序开发中经常遇到屏幕旋转问题,比如说希望指定的页面进行不同的屏幕旋转,但由于系统提供的方法是导航控制器的全局方法,无法随意的达到这种需求.一般的解决方案是继承UINavrgat ...

  9. 【Android】[转] Android屏幕旋转使用OrientationEventListener的监听

    说明 遇到一个奇葩的问题,我在使用onConfigChanged拦截屏幕的横竖屏旋转时,发现直接进行180度的横屏/竖屏转换居然没有反应!查找原因发现仅对landscape或者portrait状态有用 ...

随机推荐

  1. 深入浅出TCP之半关闭与CLOSE_WAIT

    转自:https://www.2cto.com/net/201309/243585.html(相关链接) 深入浅出TCP之半关闭与CLOSE_WAIT 终止一个连接要经过4次握手.这由TCP的半关闭( ...

  2. maven maven.compiler.source和maven.compiler.target的坑

    最近建议产品组把jdk 1.7升级到1.8,昨晚开发报了个问题过来,说maven.compiler.source和maven.compiler.target改成1.8之后,编译出来的代码还是1.7,如 ...

  3. shell if 语句

    一.过程式 编程语言的代码执行顺序: a.顺序执行:逐条执行: b.选择执行: 代码有一个分支:条件满足时才会执行: 俩个或以上的分支:只会执行其中一个满足条件的分支: c.循环执行: 代码片段(循环 ...

  4. 在VS2010中使用Git

    转载:https://www.cnblogs.com/oec2003/archive/2012/11/13/2768860.html 一. 安装Git命令行,下载地址:http://code.goog ...

  5. topcoder srm 545 div1

    problem1 link 这个可以贪心地从前向后构造.假设当前已经的字符串为$S$,对于一个字符$c$来说,设将$c$加到$S$后得到的新串为$S^{'}$.那么如果$X+Y+Z \ge minIn ...

  6. topcoder srm 510 div1

    problem1 link 令$f(x)$表示[0,x]中答案的个数.那么题目的答案为$f(b)-f(a-1)$ 对于$f(x)$来说,假设$x$有$d$位数字,即$[0,d-1]$,那么可以进行动态 ...

  7. C语言goto语句的使用

    不使用goto语句: 使用goto语句: 使用goto语句时需要注意以下原则:1) 不要过份地使用.比如图2中的60行就没有采用goto语句跳到程序的最后面,之所以这里不使用goto是为了阅读方便.因 ...

  8. WebPack填坑笔记

    loader使用时不需要用require引入,在使用plugins(插件)才需要使用require引入 压缩js代码会导致热更新失效 所以开发环境先不要进行压缩 给css加前缀的 postcss-lo ...

  9. Shell 脚本批量创建数据库表

    使用 Shell 脚本批量创建数据表 系统:Centos6.5 64位 MySQL版本:5.1.73 比如下面这个脚本: #!/bin/bash #批量新建数据表 for y in {0..199}; ...

  10. Echarts 设置地图上文字大小及颜色

    Echarts 设置地图上文字大小及颜色,效果如下: 上代码:关键代码用红色 series: [ { //name: '香港18区人口密度', type: 'map', mapType: 'jiang ...