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

随着前端的前端的越来越火,对前端的要求也越来越高,从之前的切图到开发网站再到现在移动端开发,微信开发,手机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. linux下mysql 8.0安装

    安装本身同mysql 5.7,仍然建议使用tar.gz解压版,而非rpm安装包版. mysql已经将之前的mysql_native_password认证,修改成了caching_sha2_passwo ...

  2. mysql 8.0 Druid连接时调用getServerCharset报空指针异常解决方法

    类似错误信息如下: 16:52:01.163 [Druid-ConnectionPool-Create-1641320886] ERROR com.alibaba.druid.pool.DruidDa ...

  3. linux 文件同步

    ref: https://www.cnblogs.com/MacoLee/p/5633650.html https://wenda.so.com/q/1505308236213470 http://b ...

  4. Linux使用退格键时出现^H + Tab键命令补全失效/方向键失效 + ls文件夹和文件没有颜色

    删除问题 安装kalilinux使用普通用户的的时候按退格键无法实现删除功能 解决的办法有两个 一改变快捷键: 使用Ctrl+Backspace组合键可以实现删除功能 ctrl + backspace ...

  5. 20145320《网络对抗》逆向及Bof基础实践

    1 逆向及Bof基础实践说明 1.1 实践目标 本次实践的对象是一个名为pwn20145320的linux可执行文件. 该程序正常执行流程是:main调用foo函数,foo函数会简单回显任何用户输入的 ...

  6. OCX ClassId查看

    1.源码中查看 2.注册完成后在注册表中查看 a.windows键+R  打开“运行” b.输入“regedit”  ,回车 c. d.再输入框中输入ocx名称,点击查找下一个 e.展开,点击CLSI ...

  7. linux下如何使make只输出执行过程中的命令序列

    答: make -n (-n.--just-print.--dry-run.--recon等价)

  8. thinkphp在前端页面的js代码中可以使用 U方法吗? 可以使用模板变量如__URL__等吗?

    thinkphp在前端页面的js代码中可以使用 U方法吗? : 可以的! tp的U方法, 是"全局的", 什么是全局的? 就是, 可以在 "任何地方"使用的: ...

  9. 18 Issues in Current Deep Reinforcement Learning from ZhiHu

    深度强化学习的18个关键问题 from: https://zhuanlan.zhihu.com/p/32153603 85 人赞了该文章 深度强化学习的问题在哪里?未来怎么走?哪些方面可以突破? 这两 ...

  10. keySet,entrySet用法 以及遍历map的用法

    Set<K> keySet() //返回值是个只存放key值的Set集合(集合中无序存放的)Set<Map.Entry<K,V>> entrySet() //返回映 ...