ZerShuanger
ZerShuanger

display：flex不兼容Android、Safari低版本的解决方案 【flex布局】

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>flexbox布局title>
    <style>
    div {
        border: 1px solid #000;
        overflow: hidden;
    }
    div.flex-h:before, div.flex-v:before {
        content: "before";
    }
    div.flex-h:after, div.flex-v:after {
        content: "after";
    }
    .w60 {
        width: 60px;
    }
    .w150 {
        width: 150px;
    }
    .w200 {
        width: 200px;
    }
    .h30 {
        height: 30px;
    }
    .h50 {
        height: 50px;
    }
    /* 父元素-flex容器 */
    .flex {
        display: box;              /* OLD - Android 4.4- */

        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    /* 子元素-平均分栏 */
    .flex1 {
        -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1;         /* OLD - Firefox 19- */
        width: 20%;               /* For old syntax, otherwise collapses. */
        -webkit-flex: 1;          /* Chrome */
        -ms-flex: 1;              /* IE 10 */
        flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    /* 父元素-横向排列（主轴） */
    .flex-h {
        display: box;              /* OLD - Android 4.4- */
        
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */


        /* 09版 */
        -webkit-box-orient: horizontal;
        /* 12版 */
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
    }
    /* 父元素-横向换行 */
    .flex-hw {
        /* 09版 */
        -webkit-box-lines: multiple;
        /* 12版 */
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /* 父元素-水平居中（主轴是横向才生效） */
    .flex-hc {
        /* 09版 */
        -webkit-box-pack: center;
        /* 12版 */
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        /* 其它取值如下：
            align-items     主轴原点方向对齐
            flex-end        主轴延伸方向对齐
            space-between   等间距排列，首尾不留白
            space-around    等间距排列，首尾留白
         */
    }
    /* 父元素-纵向排列（主轴） */
    .flex-v {
        display: box;              /* OLD - Android 4.4- */
        
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */


        /* 09版 */
        -webkit-box-orient: vertical;
        /* 12版 */
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    /* 父元素-纵向换行 */
    .flex-vw {
        /* 09版 */
        -webkit-box-lines: multiple;
        /* 12版 */
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /* 父元素-竖直居中（主轴是横向才生效） */
    .flex-vc {
        /* 09版 */
        -webkit-box-align: center;
        /* 12版 */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
    }

    .flex-1 {
        -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
        -ms-flex-order: 1;              /* TWEENER - IE 10 */
        -webkit-order: 1;               /* NEW - Chrome */
        order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    .flex-2 {
        -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
        -ms-flex-order: 2;              /* TWEENER - IE 10 */
        -webkit-order: 2;               /* NEW - Chrome */
        order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    style>
head>
<body>
    <p>平均水平分3栏p>
    <div class="flex-h w150 h50">
        <div class="flex1">文字文字文字文字文字文字文字div>
        <div class="flex1">text text text text text text text textdiv>
        <div class="flex1">文字文字文字文字文字文字文字div>
    div>
    <p>平均水平分4栏p>
    <div class="flex-h w150 h50">
        <div class="flex1">文字文字文字文字文字文字文字div>
        <div class="flex1">text text text text text text text textdiv>
        <div class="flex1">文字文字文字文字文字文字文字div>
        <div class="flex1">text text text text text text text textdiv>
    div>
    <p>纵向排列p>
    <div class="flex-v w150 h50">
        <div class="flex1 w60 h50">文字文字文字文字文字文字文字div>
        <div class="flex1 w60 h50">text text text text text text text textdiv>
        <div class="flex1 w60 h50">文字文字文字文字文字文字文字div>
        <div class="flex1 w60 h50">text text text text text text text textdiv>
    div>
    <p>横向排列 + 横向换行p>
    <div class="flex-h w150 h50 flex-hw">
        <div class="w60 h50">文字文字文字文字文字文字文字div>
        <div class="w60 h50">text text text text text text text textdiv>
        <div class="w60 h50">文字文字文字文字文字文字文字div>
        <div class="w60 h50">text text text text text text text textdiv>
    div>
    <h6>Android4.2.2不支持换行h6>
    <p>竖直居中p>
    <div class="flex-h flex-vc w200 h50">
        <div class="w60 h30">文字文字文字文字文字文字文字div>
        <div class="w60 h30">text text text text text text text textdiv>
    div>
    <p>水平居中p>
    <div class="flex-h flex-hc w200 h50">
        <div class="w60 h30">文字文字文字文字文字文字文字div>
        <div class="w60 h30">text text text text text text text textdiv>
    div>
    <p>居中p>
    <div class="flex-h flex-hc flex-vc w200 h50">
        <div class="w60 h30">文字文字文字文字文字文字文字div>
        <div class="w60 h30">text text text text text text text textdiv>
    div>
    <p>改变顺序（栅格布局，最终效果英文应该在左边）p>
    <div class="flex-h w200 h50">
        <div class="flex1 flex-2">文字文字文字文字文字文字文字div>
        <div class="flex1 flex-1">text text text text text text text textdiv>
    div>
    <h6>Android4.2.2下伪元素位置表现不一致h6>
body>
html>
复制代码

你可能感兴趣的:(display：flex不兼容Android、Safari低版本的解决方案 【flex布局】)

  • 官网迁移-宝塔面板使用 豆豆_初学者 阿里云腾讯云服务器
    1、华为云购买一塔Ubuntu系统的ECS2、设置NAT网关+安全组，ECS的8888、22和3306端口映射到外网，可访问3、安装宝塔远程工具，连接ECS（密码是在购买ECS是自己设置的密码）4、安装宝塔Linux面板，命令：wget-Oinstall.shhttp://download.bt.cn/install/install-ubuntu_6.0.sh&&sudobashinstall.s
  • 真诚 宸翰272727
    真诚是一张为人处事的明信片，无论是同事、朋友、亲人还是匆匆而过的身边人。只有真诚以待，才会获得对自己的肯定。图片发自App人类是群居而生活，相处久了总会出现矛盾，但是只要是以真心相待，总会获得别人的认可。只有真诚，才能心安，只有真诚，才能快乐，只有真诚，才能取得别人的信任。现在社会没有了诚信，就失去了所有的一切。出门不能坐高铁，不能坐飞机，以后还会给你带来意想不到的麻烦。两个小伙伴一起玩围棋，一个
  • 这天有蚊子了…… 安桐都维
    今天回来发现屋子里多了好多蚊子。头疼。昆山这几天一直阴沉沉的，天气总是闷热闷热的，干活都头昏。一楼附近靠近草丛，我的租房离草丛不远，屋子里有蚊子不奇怪，但是这个天儿就开始有蚊子，个人感觉还是挺奇怪的。已经拍死了五只，还有……睡不着……
  • Centos近乎无损迁移服务器之tar打包迁移-实记 龙云-LY 迁移学习centoslinuxssh服务器
    Centos近乎无损迁移服务器之tar打包迁移-实记)前言：由于前段时间阿里云云翼学生计划调整，之前购买的学生机无法按照学生价续费，只能重新购买。本人购买的是轻量应用服务器，阿里云自带的CMS工具和自定义镜像无法使用，恰好网上又有tar打包的教程，觉得可信，便开始进行了迁移，但是踩了很多坑。网上说的tar打包都是基于相同服务器（包含配置）或者当前服务器备份还原使用的，对于跨服务器迁移会出现很多问题
  • 如何打破技术和业务的壁垒？
    你好，我是程序员贵哥。你可能经常听到人们说业技融合，那什么是业技融合呢？简单来说，就是业务和技术一起想办法解决问题。不过，业务和技术一起谈如何解决问题，并不是现在常见的业务给技术提个需求、技术听完了去开发个软件这么“流程化”的事情，而是大家都把技术作为重要手段，一起去想怎么解决业务问题最好，这才是所谓的业技融合。能这样坐在一起聊，双方最好有个互相接近的思维模式，有点儿“共同语言”。不然，业务敞开了
  • 2021-08-05 Bemyselfqueen
    人生在世，别留遗憾时间无情第一，它才不在乎你是否是个孩子，你要是稍稍一耽搁，稍一犹豫，它立马帮你决定故事的结局——题记天空还未放明，刚下过阴雨的傍晚，水泥铺的小路因年久积起的小坑洼的水末秋的风吹的它泛起阵阵波澜，泛着微微的光芒，甚是迷人，凌乱的思绪悄然平静，打开心门那落满尘埃而又陈旧的窗棂。让她想起来孩时奶奶因她淘气玩水弄湿衣服而追得她满巷跑的情景来，多让人怀念啊！记得小学放学时她可喜欢去奶奶的地
  • MongoDB复杂查询 聚合框架 巴里巴气 MongoDB知识记录mongodb数据库
    前言前面已经对MongoDB基础的增删改查进行了分享,在增删改方面基本已经够用了,但是查询方面是远远不够的,find方法只能传入一些查询条件。涉及到稍微复杂点的查询就无法实现了,如分组、排序、映射(起别名)等这些操作的时候就没有办法实现。所以我接下来给同志们分享专一用于MongoDB复杂查询的框架-----聚合框架注意:文档和JSON对象基本上是一个意思,我会在解释的时候说是JSON对象,便于理解
  • 【读书清单】《你只是看起来很努力》（五） 小碗月牙
    01朋友就是朋友，不是机会盒或摇钱树，在请别人的朋友帮忙的时候，应该先跟两人共同的朋友（介绍人）打个招呼，先问问介绍者的意见，不要让人有被利用的感觉。02朋友之间的感情，和爱情其实很像，需要互相考虑、彼此倾听、彼此付出，而不是单方面地索取。03很多伤害都不是恶意的，只是你表达的方式不对，你的过分直白，其实会损伤一些最美的感情。说话呢，真的不宜过于直白。04真正的朋友，绝对不会在你的背后捅刀子、挖墙
  • SSH 密钥 Honeysea_70 基础知识ssh运维
    什么是SSH密钥SSH密钥就像是你电脑的“身份证”和“钥匙”，用来安全登录另一台电脑（服务器），而不需要每次输入密码。SSH密钥是一种安全登录远程服务器的方式，由一对加密的“钥匙”组成：一个公钥+一个私钥。公钥（可以公开）私钥（必须保密，只保存在你电脑上）原理想象你是远程服务器门口的保安你说：“我每天都要进这栋楼（服务器），但我不想每次都输密码。”于是你用了SSH密钥登录：你把公钥（门锁）装在服务
  • 无题 夏日里的木子李
    如果时间是棵数它会不会因阳光的喜悦而慢些走呢？我会不会因时间的停留飞往云层深处穿越时空回到我想要到达的地方呢岁月的磨砺刻在树心的年轮永恒自在心中
  • 第11章 托儿所 儿童团团员
    第11章托儿所于是方圆拉着欣欣向着保安大爷说的方向走去，这个方向正好和方圆上班的方向相反，所以虽然在这里住了几年，他还真没来过。一路上看到不少童装店、文具店、书店和小吃店，再往前走，就是鸿雁小学了，学校还不小，现在虽然才三点多钟，但是学校已经开始放学了，门口全是接孩子的家长，原本还算宽广的门口，瞬间变得非常拥挤，爸爸、妈妈、爷爷、奶奶加上叽叽喳喳的孩子，让这里热闹非凡。无怪乎一路上那么多店铺，都是
  • 程序员的技术栈及学习路径 Honeysea_70 基础知识学习经验分享笔记
    程序员的技术栈是非常多元的，通常涵盖了多个领域和技术。程序员的技术栈通常根据工作需求、项目类型以及个人兴趣的不同而有所不同，但通常会有一定的共性。下面是一个较为典型的程序员的技术栈，以及如何从入门到进阶地学习这些技术。1.编程语言掌握多种编程语言一个资深程序员通常会熟练掌握至少两到三种编程语言，每种语言的侧重点不同，适用于不同的开发场景。主流编程语言：JavaScript：前端开发的核心语言，Re
  • 读《认知天性》（1） 云城梦天
    认知是对天性是挑战认知可以用数学统计与实践客观来评价，而我感觉是一种自我感知。当未知时，感知痛苦然而这是个时习之中乐的过程。也可以通过rain和轻疗的方法安抚情绪编码，可以以好奇心与视觉画面联动来做记忆编码的过程，因人是视觉性爬行动物，且好奇心也是人的天性好奇时会主动探索算是翻转式学习的一种，编码是记忆过程。另外你可能对记忆中某一刻的感觉记得很清楚，然而忘记了内容，人或许也是感觉爬行动物。巩固，可
  • 杏雨海棠 第五章 外婆与杏 书筱筱
    原城的人们，尤其是老人，观念还是趋于传统，他们相信入土为安，新坟起，葬礼毕，留下子孙空怀念。最后的一顿饭，大家讨论最多的就是外婆，而我也是在这顿饭上知道了外婆与杏的故事。外婆叫陈秀芸，1932年出生在原城西北部的一个小村庄，叫南口村。南口村的村民世代务农，守着家门口几亩薄田艰难度日，抗日战争期间，为了女孩子们的安全，父母把她们送到安乐寺里当和尚，也就是因为这个缘故，才有了外婆与杏的故事。外婆当和尚
  • WSL介绍 bigleek 树莓派pico开发linux
    WSL（WindowsSubsystemforLinux）是微软为Windows系统开发的一项功能，允许用户在Windows上直接运行原生的Linux环境，而无需传统的虚拟机或双系统。它通过轻量化技术将Linux工具、命令行和应用程序无缝集成到Windows中，是开发者、运维人员和Linux学习者的高效工具。一、WSL的核心特点1.无需虚拟机：直接在Windows中运行Linux二进制文件（如Ba
  • 在Windows上用虚拟机安装统信UOS专业版教程 漫游的旅行者 Linux虚拟机统信UOSlinux
    事情的起因就是我想要一台华为电脑，然后上网搜索选购攻略。然后看到了一个新闻，就是英特尔，高通对华为停止供应，然后华为要研发自己的CPU+操作系统然后我也不了解，继续搜索，就好像是这个操作系统统信UOS，感觉很不错，想试试我打算先安装到虚拟机里，然后用一段时间看看感觉如何如果很喜欢的话，那我就将其安装到我的电脑上（重装系统）到时候也会发一个教程的，话说好像支持和Windows双系统呢！简介研发和内容
  • 操作系统试验三：观察Linux进程/线程的异步并发执行 只会打孔的磁带 linuxc++c语言
    一、实验目的通过本实验学习如何创建Linux进程及线程，通过实验，观察Linux进程及线程的异步执行。理解进程及线程的区别及特性，进一步理解进程是资源分配单位，线程是独立调度单位。二、实验环境硬件环境：计算机一台，局域网环境；软件环境：LinuxUbuntu操作系统，gcc编译器。三、实验内容和步骤1、进程异步并发执行（1）编写一个C语言程序，该程序首先初始化一个count变量为1，然后使用for
  • linux proc/pid/stat解析 虚极静笃13 Linuxlinux
    proc/pid/stat用于获取某一个进程的统计信息，实现过程见fs/proc/array.c的do_task_stat()1.stat数据$adbshellcat/proc/8385/stat1557(system_server)S82382300-11077952832//1~92085481152482003271661141296842630//10~1710-1022102284279
  • 最大的自由是自律 翁翁yeah
    最大的自由就是自律。我好久没有自律了，我放纵自己，就像自己已经拥有全世界，就像自己无忧无虑。我一直还是有危机感，但是逃避责任；尤其是每天清晨起床之后，思绪很冷静，感觉很多事情没有做。我已经逃避了4年。其实，我没什么可逃避，也没有选择，事情做不到，困难不解决，他总是摆在那里，而且越来越棘手，体积越来越大，没有什么是短时间解决的。自律就是从现在开始，不要好高骛远，抓到现在的东西。去学编程很不现实，就像
  • 2023-06-03 Eltonpeople
    今日启发：Elton:《兰花与蒲公英》(Ⅲ)[美]W.托马斯·博伊斯人类大脑内的两大主要应激神经系统：皮质醇系统和战斗-逃跑系统。皮质醇系统当人感受到压力之后，脑垂体会分泌促肾上腺皮质激素，然后促肾上腺皮质激素顺着血液流到肾上腺，肾上腺再分泌出皮质醇。皮质醇这种物质会提高血糖、血压，当血糖升高的时候，抵达脑部的养分也会增加，有利于我们思考，而血压升高的时候，心脏向身体各处泵氧的能力也增加了，有利于
  • 【王老师每日家庭教育分享】8种方法清除孩子内心的自卑感——印刷阴影法 王继轩24
    失败的阴影是产生自卑的温床。有自卑心理的孩子遇到挫折与失败比一般孩子要多得多,及时洗刷失败的阴影是克服自卑、保持自信的重要手段。洗刷失败阴影的方法很多,较为常见的有两种是家长要帮助孩子将失败当作学习的机遇,认真分析失败的原因,从失败中学习和吸取教训,总结经验;二是彻底遗忘,家长要帮助孩子有意将那些不愉快的、痛苦的事彻底地忘记,或是用成功的经历去抵消失败的阴影。
  • 学会原谅是人生的宽度 夏雨风寒
    上周同事青儿满脸委屈的向我诉苦，说她这辈子第一次遇上件特么奇葩的事情。原来是部门有个小实验室，因为工作上常需使用，所以几个车间都保存有实验室的钥匙，一直都相安无事。这一次因新产品需要检测，青儿走到实验室发现根本就进不去，想到肯定是有人偷偷更换新锁了，就过去问另一车间钥匙保管员小美实验室谁换了锁，为什么都不通知一声？小美这才告诉青儿，是她这边的钥匙被人弄不见换了锁。这事情到这应该就清楚了，可是当青儿
  • 2—21天听课打卡第13天 郭小郭0830
    [课程分享]如何才能收获浓浓的亲子情感（邰秀芬）父母是父母，老师才是老师。帮助孩子和老师合理的解决不良行为表现。三步处理法1，老师说我们说得对呀。‘我们’有妈妈有宝宝。距离与孩子拉近了2，你看我们上课的时候，没有注意听的话我们在做什么呢？作业就不会写，老师就会着急，就会批评我们？妈妈就会难受，宝宝也不开心……引导情景3，探讨说起自己小时候的经历发现问题，帮助孩子去解决，共同探讨方法沟通方法。拒绝利
  • Jenkins credentials 增加了github credential 但是在Git SCM 凭证中不显示
    不能直接选择secrettext类型，选择usernamewithpassword类型username填github用户名password填在GitHubdevelopersetting中生成的accesstoken
  • 浅谈ext2文件系统 Linux内核远航者 Linux内核unix文件系统ext2
    我们知道文件系统是组织和管理磁盘上的文件，并向用户提供操作接口（open、read、write等），Unix中的每个对象几乎都可以当做文件来看待。内核在没有结构的硬件上构造结构化的文件系统，而文件抽象在整个系统中广泛使用。Linux支持多种文件系统，如ext2,ext3,vfat等，ext2是符合Linux标准的文件系统。我们知道，一个磁盘可以划分成多个分区，每个分区必须先用格式化工具（例如某种m
  • 什么样的交友开场白，让人印象深刻 筝小钱
    嗨，大家好，我是筝小钱。昨天我们在领读中谈到人脉复利，把朋友圈的点赞之交升级为朋友。当时我们留了个话题，怎么打动陌生人，让他愿意跟你做朋友。今天跟大家分享一下，当你面对朋友圈里的新加好友，什么样的交友开场白，让人印象深刻。我们要记住总原则，如果你去撩别人，要激发他回复你的欲望，只要初次聊天超过5句，下次再聊就好开场。如果是别人过来撩你，你一定要通过回复，呈现出你是一个什么样的人，给他一个信号：我这
  • 亲子日记165 苗嘉倩妈妈
    今天是距离期末考试的最后一天了，忐忑，紧张的毛病真是醉了。今早送孩子上学时给她捎了三分卷子，本以为他们加油把卷子都做完，可是……晚上回来我也没有再强求她，就玩吧，是骡子是马过了明天就知道了。因为我今天突然想起，于晨阳爸爸于主任跟我说的一句话，每个家长都专注于孩子的成绩，而忽略了孩子本身的感受，明天的考试不管孩子考的咋样都给她一个拥抱吧！因为我自己知道，找你我们自己干上这个买卖真是把孩子给扔了，所以
  • 来猜谜语啦11955 今思迟
    一、今思迟制谜条数已达：11955二、今日五谜11951谜面：明知左右为难关头还念孤儿（字）11952谜面：收费并不高故来存金银（成语）11953谜面：父子抬驴进城去（杜甫诗句）11954谜面：日月流逝生归心（水浒传人物）11955谜面：要做就做顶上尖（三字口头语）三、前此五谜详解释谜是一项辛苦的“知识服务工作”，是一道“社会景观”工程，因此我们必须考虑美观得体、工程规范，并力求满足时间流逝、公序
  • 啰里八嗦的小徐 未完待徐
    人生是怎么样的呢？姥姥说：“每个人从出生这一刻就定好了，该吃多少饭，穿多少衣服”。朋友说：“人生该怎样过，都取决于你自己，你想要什么样的人生，你就朝着目标去努力”。有时候我迷茫时就会想着，反正人生已经定好，我走或不走，时间都会流逝，人生还是会继续进行，于是总把“顺其自然”和“随遇而安”挂在嘴边。每当有目标时，感觉人定胜天，我只要努力我的人生会变得越来越好。直到昨天，我去了一个寺庙，旁边有个四周都刻
  • 为对方改变 龙走走
    最近太阳打西边出来了。老公居然连续两天陪我们晚饭散步，还主动买东西。我问他：以前总是不肯出门，是什么原因让你这么懂事了！他打趣说：因为你每天都在抱怨啊！每天都给我脸色看。我说：我一直都这样啊，那你怎么不早改。现在才觉悟。他笑笑，说：现在还来得及。因为买房的事情吵了一架，我觉得灰心了，他却贴心了。结果他一贴心，我也就没脾气了。两口子就是这样吧，先吵架，再各自反思，然后互相理解，最后更和谐地相处！
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他