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

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

    1.转圈游戏: 解析部分略,快速幂就可以过 Code: #include<iostream> #include<fstream> using namespace std; if ...

  2. [内核驱动] miniFilter 内核层与应用程序通信

    转载:http://blog.csdn.net/heyabo/article/details/8721611 转载:http://www.cnblogs.com/ljinshuan/archive/2 ...

  3. CentOS 使用 Docker 安装 Sentry

    官网介绍:Sentry是一个实时事件日志记录和汇集的日志平台,其专注于错误监控,以及提取一切事后处理所需的信息.他基于Django开发,目的在于帮助开发人员从散落在多个不同服务器上的日志文件里提取发掘 ...

  4. 旅行商问题【山财新生赛E】

    链接:https://ac.nowcoder.com/acm/contest/547/E 来源:牛客网 题目描述 旅行商来到了一个新的国家,这个国家有N个城市,他们直接由N-1条道路相连接,每条道路的 ...

  5. Codeforces Round #535 (Div. 3) 解题报告

    CF1108A. Two distinct points 做法:模拟 如果两者左端点重合就第二条的左端点++就好,然后输出左端点 #include <bits/stdc++.h> usin ...

  6. 题解——洛谷P1250 种树(差分约束)

    一道看一眼就知道差分约束的题目 但是最短路spfa的时候注意松弛条件是 if(dis[u]+w[i]<dis[v[i]]) dis[v[i]]=dis[u]+w[i]; 不能写成 if(dis[ ...

  7. 什么是mvc?

    MVC模式(Model-View-Controller)是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型  (Model).视图(View)和控制器(Controller).      ...

  8. awk详解2

    7.控制语句 if(condition) {statments} 单分支语句 if(condition) {statments} else {statements}组合语句 while(condito ...

  9. Lintcode9-Fizz Buzz-Easy

    Fizz Buzz Given number n. Print number from 1 to n. But: when number is divided by 3, print "fi ...

  10. windows下远程连接Mysql

    使用“Ctrl + R”组合键快速打开cmd窗口,并输入“cmd”命令,打开cmd窗口. 使用“mysql -uroot -proot”命令可以连接到本地的mysql服务. 使用“use mysql” ...