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

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

    P1382 楼房 每个矩形拆成2个坐标按$x$轴排序,蓝后$multiset$维护最高值. #include<iostream> #include<cstring> #incl ...

  2. 记录Linux中遇到的技巧

    压缩排除.svn目录 打包test目录,排除其中所有子目录中的.svn文件夹: # tar -zcf test.tar.gz test/ --exclude=.svn# zip -qr test.zi ...

  3. android学习:apiDemos导入时R.java无法生成的问题

    准备导入apiDemos研究一下别人的代码,发现导入后不能正常build,无法生成R.java,发现res/layout/progressbar_2.xml里有几个 <ProgressBar a ...

  4. 2018-2019-1 20189206 vim.c插件安装

    vim插件安装 vim插件安装 由于今天在安装vim.c插件耗费了很多时间,配置文件一直不生效,特此记录以下安装插件的方法. 安装vim.c按照博客的方法 第一步:创建目录~/.vim 这个目录是用来 ...

  5. 2018-2019-1 20189206 《Linux内核原理与分析》第二周作业

    Linux内核分析 第二周学习 知识总结 操作系统与内核 操作系统 指在整个系统中负责完成最基本功能和系统管理的那些部分 内核 实际是操作系统的内在核心 内核独立于普通应用程序,拥有受保护的内存空间和 ...

  6. 解决*.props打开失败问题

    由于不同机器的绝对地址不一样,可能会出现解决*.props打开失败问题,解决方向如下: 1.找到这里缺失的.props文件,复制到固定路径下: 2.强行打开代码,这个时候是报错的 3.选择编辑 4.将 ...

  7. Lucas定理学习笔记

    从这里开始 一个有趣的问题 扩展Lucas算法 一个有趣的问题 题目大意 给定$n, m, p$,求$C_{n}^{m}$除以$p$后的余数. Subtask#1  $0\leqslant m\leq ...

  8. Python 数据分析 - 索引和选择数据

    loc,iloc,ix三者间的区别和联系 loc .loc is primarily label based, but may also be used with a boolean array. 就 ...

  9. Visual Question Answering with Memory-Augmented Networks

    Visual Question Answering with Memory-Augmented Networks 2018-05-15 20:15:03 Motivation: 虽然 VQA 已经取得 ...

  10. (zhuan) Using convolutional neural nets to detect facial keypoints tutorial

    Using convolutional neural nets to detect facial keypoints tutorial   this blog from: http://danieln ...