庚中
庚中

移动端rem适配(只需三个步骤)

开始前:一定要记住,在iphone5下,1rem=16px;

图示:
移动端rem适配(只需三个步骤)_第1张图片

下面开始三个步骤:

1.获取html的宽

操作代码:

let htmlwidth=document.documentElement.clientWidth || document.body.clientWidth;//有些浏览器documentElement获取不到,那就使用后面的body

移动端rem适配(只需三个步骤)_第2张图片

2.获取htmlDom元素

let htmlDom=document.getElementByTagName('html')[0]

移动端rem适配(只需三个步骤)_第3张图片

3.设置html样式

htmlDom.style.fontSize=htmlwith/20+'px';

完整代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    .test{
        width: 20rem;
        height: 10rem;
        background-color: skyblue;
        text-align: center;
    }
    .hello{
        color: red;
        font-size: 1rem;

    }
</style>
<body>
    <div class="test">
        <div class="hello">hello JSPang</div>
    </div>
</body>
</html>
<script>
    // 三个步骤:
    // 1.获取html的宽,
    let htmlwidth=document.documentElement.clientWidth || document.body.clientWidth;//有些浏览器documentElement获取不到,那就使用后面的body
    console.log(htmlwidth);
    
    // 2.htmlDom
    let htmlDom=document.getElementsByTagName("html")[0]
    console.log(htmlDom);

    //3.设置根元素样式
    htmlDom.style.fontSize=htmlwidth/20+'px';//记住这个20是等份的意思,这样每一份是16px,即1rem=16px;
    
</script>

效果:点击不同的设备后刷新,都可以适配.
移动端rem适配(只需三个步骤)_第4张图片

上面再进行优化:添加监听事件,让它自动监听窗口变化动态改变.
完整代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    .test{
        width: 20rem;
        height: 10rem;
        background-color: skyblue;
        text-align: center;
    }
    .hello{
        color: red;
        font-size: 1rem;

    }
</style>
<body>
    <div class="test">
        <div class="hello">hello JSPang</div>
    </div>
</body>
</html>
<script>
function gethtmlfontsize(){
    // 三个步骤:
    // 1.获取html的宽,
    let htmlwidth=document.documentElement.clientWidth || document.body.clientWidth;//有些浏览器documentElement获取不到,那就使用后面的body
    console.log(htmlwidth);
    
    // 2.htmlDom
    let htmlDom=document.getElementsByTagName("html")[0]
    console.log(htmlDom);

    //3.设置根元素样式
    htmlDom.style.fontSize=htmlwidth/20+'px';
}
// 调用一次
gethtmlfontsize();
// 添加监听事件(resize是监听的意思)
window.addEventListener('resize',gethtmlfontsize)
</script>

效果:
移动端rem适配(只需三个步骤)_第5张图片
上面是参考iphone5的320宽的写法,iphone678代码如下:

<script>
 /**
    * ================================================
    *   设置根元素font-size
    * 当设备宽度为375(iPhone6)时，根元素font-size=16px; 
    × ================================================
    */
(function (doc, win) {
  var docEl = win.document.documentElement;
  var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  
  var refreshRem = function () {
    var clientWidth = win.innerWidth
                      || doc.documentElement.clientWidth
                      || doc.body.clientWidth;

    console.log(clientWidth)
    if (!clientWidth) return;
    var fz;
    var width = clientWidth;
    fz = 16 * width / 375;
    docEl.style.fontSize = fz + 'px';//这样每一份也是16px,即1rem=16px
  };

  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvt, refreshRem, false);
  doc.addEventListener('DOMContentLoaded', refreshRem, false);
  refreshRem();

})(document, window);
</script>

补充:禁止客户双指缩放办法
移动端rem适配(只需三个步骤)_第6张图片

最后附上一个更完美的解决方案(用别人写好的hotcss.js文件,你就可以直接写px像素,它会自动帮你转成rem):
我的收藏的hotcss.js文件地址
hotcss.js文件拷贝到viewport.js里,然后在webpack.config.js里面引入即可.
移动端rem适配(只需三个步骤)_第7张图片

你可能感兴趣的:(八.web移动开发,三.JavaScript,十四.面试题)

  • MongoDB从入门到实战：全面掌握核心操作与Python对接技巧！ kdayjj966 windowspython服务器mongodb开发语言数据库
    MongoDB数据库"NoSQL"⼀词最早于1998年被⽤于⼀个轻量级的关系数据库的名字随着web2.0的快速发展，NoSQL概念在2009年被提了出来NoSQL在2010年⻛⽣⽔起，现在国内外众多⼤⼩⽹站，如facebook、google、淘宝、京东、百度等，都在使⽤nosql开发⾼性能的产品对于⼀名程序员来讲，使⽤nosql已经成为⼀条必备技能NoSQL最常⻅的解释是“non-relation
  • 什么是CSS的box-sizing属性？它有哪些取值，各有什么不同 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    什么是CSS的box-sizing属性？它有哪些取值，各有什么不同`box-sizing`属性的基本概念`box-sizing`的作用取值及其作用`content-box`示例一：使用`content-box`计算元素尺寸代码解释`border-box`示例二：使用`border-box`计算元素尺寸代码解释其他取值`inherit`示例三：使用`inherit`取值代码解释不同角度的功能使用思路
  • CSS标准盒模型与怪异盒模型 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    CSS标准盒模型与怪异盒模型基本概念与作用标准盒模型怪异盒模型示例一：比较标准盒模型与怪异盒模型示例二：使用box-sizing属性示例三：响应式布局中的应用示例四：解决布局问题示例五：创建复杂的背景效果实际工作中的使用技巧在CSS布局的世界里，盒模型是构建网页布局的基础。它定义了元素如何在页面上占据空间，以及元素的边距、边框、内边距和内容如何相互作用。本文将深入探讨两种盒模型——标准盒模型（St
  • 【程序猿面试题——计算机基础知识和编程】TCP和UDP的差异是什么？ 努力学习的大大 计算机基础知识和编程tcp/ipudp网络协议c++
    【程序猿面试题——计算机基础知识和编程】TCP和UDP的差异是什么？【程序猿面试题——计算机基础知识和编程】TCP和UDP的差异是什么？文章目录【程序猿面试题——计算机基础知识和编程】TCP和UDP的差异是什么？前言1.连接方式2.可靠性3.传输速度4.流量控制和拥塞控制5.数据包结构6.头部开销7.应用场景8.顺序保证9.使用的端口号总结表格总结第四届能源利用与自动化国际学术会议（ICEUA20
  • 题解 | #求小球落地5次后所经历的路程和第5次反弹的高度# 2301_78234743 java
    无锡国企事业单位信息收集加比较找工作必看！互联网还是军工研究所，该如何选择？十三战腾讯京东校招两年，因言获罪被逼主动离职京东校招两年，因言获罪被逼主动离职携程/前端/秋招提前批/一二HR面面经（已意向书）测试开发工程师招聘58同城测试实习一面写在最后富途产品一面面经蚂蚁暑期实习推荐算法岗面经（已挂）快手推荐算法一面【找暑期实习ing】海信英语口语ai面试题目1（3分钟，单次录制3分钟内）：跟读一段
  • Go+ 下个里程碑：超越 cgo，无缝对接 C 语言 xushiweizh 编译器编程语言python人工智能java
    去年（2021年）Go+的slogan从“面向数据科学”的语言升级到了“面向工程、STEM教育与数据科学”三位一体的语言。也就是说，我们希望Go+可以同时被软件工程师、中小学生、数据分析师这三个截然不同的人群所广泛使用。对Go+来说，“面向数据科学”这个目标注定有非常长远的路要走。所以去年Go+的版本迭代主要精力都花在了“低门槛”上。我们努力让Go+的使用门槛低到和Python相当的水平。这是从G
  • 游戏Gala—基于星际文件系统的非中心化游戏 中创算力 游戏星际文件系统
    如今游戏开发与两年前相比完全不同。今天的游戏是丰富的多媒体和艺术体验的结合，但这种体验深度是有代价的。这些版本中所有令人惊叹的设计、代码和基础架构都需要在存储解决方案中进行改进。随着沉浸式游戏迈向Web3前沿，该领域的开发人员也需要一些工具来组织、分析、归档和部署大量的数据。Galagame是一个能够满足这些需求的解决方案，并且帮助不同的团队和项目开发链上游戏。它的使命是建立一个非中心化的游戏平台
  • 玩转数据库:Docker来安装MariaDB实录 shelby_loo 数据库dockermariadb
    各位,今天我来和大家分享一下在三丰云的Ubuntu系统下,使用Docker来安装MariaDB数据库服务的方法。首先,三丰云提供的这台1C1G10G5M的免费服务器,对我们开展实验来说已经足够了。能在云端运行环境,省去了买实体服务器的开销,对我们这些技术迷来说实在太方便了。使用Docker安装和运行MariaDB的步骤如下:拉取MariaDB镜像:dockerpullmariadb创建数据卷和启动
  • Windows下怎么安装FFFmpeg skywalk8163 编程语言windowsffmpeg
    Windows下怎么安装FFFmpeg第一种方法到github网站找到地址：GitHub-FFmpeg/FFmpeg:Mirrorofhttps://git.ffmpeg.org/ffmpeg.git到repo里去下载windows下软件：没找到编译好的，只有源代码。那么就用pip安装好了：pipinstallffmpeg成功！未成功：还是报错INFO[open_webui.env]Embeddi
  • 2024年中国自由贸易试验区最新名单 经管数据库 数据分析
    自由贸易试验区是指为了推动贸易自由化和投资便利化，国家在特定区域内设立的经济试验区。中国自由贸易试验区的设立始于2013年，首个自贸区为上海自贸区截至2024年12月，我国已有八批22个自由贸易试验区，73个片区，本次分享的数据包括自贸区名单、自贸区明细、以及自贸区DID的3份数据一、数据介绍数据名称：中国自由贸易试验区明细数据数据范围：八批自由贸易试验区数据年份：2009-2024年数据样本：4
  • 【C++】用11个问题聊聊const八股文 烧酒同学 c++
    目录1.为什么要有const?2.const常量的用途?3.const变量的地址是什么样的?4.const指针5.const函数6.const参数7.const返回值8.const对象9.在const函数中修改成员变量（既要又要）10.lambda函数与const有关系吗？11.const对象可以调用非const函数吗？尾记1.为什么要有const?在很久很久以前，C++的语法就规定了预编译指令#
  • Windows下Go语言环境搭建和使用 go语言学习基地 GO语言学习golangwindows开发语言
    简介go语言是一种开源的、语法精简的静态编程语言，它的开源社区比较庞大，应用场景非常广范。可以用于系统监控、容器技术(Docker)、大数据、存储技术、分布式系统(HyperledgerFabric)、消息系统(Kafka客户端)、服务器管理、安全工具、Web工具等。这里介绍在Linux上安装并配置go。下载go安装包到GoLang中国：https://golang.google.cn/dl/下载
  • WebSocket与http协议对比 CY_U websockethttp网络协议java
    HTTP与WebSocket协议深度对比一、协议基础特性对比特性HTTP/1.1WebSocket(RFC6455)协议层定位应用层协议应用层协议（基于HTTP升级机制）传输层依赖TCPTCP默认端口80(HTTP)/443(HTTPS)80(WS)/443(WSS)通信模型请求-响应（半双工）全双工双向通信连接生命周期短连接（默认）或长连接（Keep-Alive）持久化长连接头部开销每个请求携带
  • Serverless-架构的兴起 TE-茶叶蛋 架构知识serverless架构java
    文章目录前言一、物理机器时代二、虚拟机时代虚拟化技术的发展催生了云计算服务的不同模式三、容器时代四、Serverless核心特点：应用场景：挑战：前言通过服务器架构的发展了解Serverless-架构的兴起一、物理机器时代物理服务器，也称为独立服务器，是指一台完整的实体机器，用户拥有对硬件和软件的完全控制权。它们在信息技术的早期阶段非常普遍，至今仍在某些场景下使用。以下是物理服务器在“物理机时代”
  • 第十章：大内存的申请和释放 转调 高并发内存池c++内存池
    目录第一节：函数修改1-1.ConcurrentAlloc.h1-2.Common.h1-3.PageCache.cpp第二节：测试第三节：结语大内存的思路是将其以一页为对齐数，申请一个为切分的span，这种span在pc就有，所以直接到pc中申请，释放时也直接还给pc，不需要经过tc和cc。第一节：函数修改1-1.ConcurrentAlloc.h该文件的函数ConcurrentAllocate
  • Floyd 算法 ん贤 算法
    目录一、基础介绍二、核心思想三、核心例题1、引出为何用动态规划：2、算法：3、确定dp数组（dptable）以及下标的含义：4、确定递推公式：5、dp数组如何初始化：一、基础介绍首相简单的说一下，Floyed算法又称Floyd-Warshall算法，是为了纪念罗伯特•弗洛伊德（RobertW．Floyd）。所以不要对这个奇怪的名字感到吃力。Floyd算法是一种在具有正或负边缘权重（但没有负周期）的
  • 星际智慧农业系统（SAS），智慧农业的未来篇章 暮雨哀尘 新月篇python数据结构pandasflaskjson前端后端
    新月人物传记：人物传记之新月篇-CSDN博客相关文章：星际战争模拟系统：新月的编程之道-CSDN博客新月智能护甲系统CMIA--未来战场的守护者-CSDN博客“新月智能武器系统”CIWS，开启智能武器的新纪元-CSDN博客目录星际智慧农业系统（StellarAgriTechSystem）说明手册一、系统概述二、系统架构三、模块说明四、系统运行说明五、系统优化建议六、常见问题解答七、技术支持星际智慧
  • 玩转Docker | 使用Docker部署MySQL数据库 心随_风动 玩转Dockerdocker容器运维
    玩转Docker|使用Docker部署MySQL数据库玩转Docker|使用Docker部署MySQL数据库一、Docker简介（一）Docker是什么（二）Docker的优势二、准备工作（一）安装Docker（二）了解MySQL数据库三、使用Docker部署MySQL数据库（一）拉取MySQL镜像（二）运行MySQL容器（三）验证MySQL容器是否运行成功四、配置MySQL数据库（一）进入MyS
  • SQLModel入门 野草说技术 Python高楼平地起数据库SQLModelORM
    目录概述快速开始官方教程简单使用样例概述SQLModel是一个ORM框架，其基于SQLAlchemy和Pydantic，其中SQLALchemy提供底层ORM能力，Pydantic提供类型校验能力，SQLModel中，一个SQLModelmodel既是一个SQLAlchemymodel也是一个Pydanticmodel。SQLModel的优势在于解决了PythonWeb开发中最大的痛点之一，ORM
  • boost::asio教程(三) ：boost udp编程 令狐掌门 C++boost库开发教程udp网络协议boostasioc++boost
      boost::asio教程(一)：tcpserver与tcpclient  boost::asio教程(二)：异步tcp  boost::asio教程(三)：boostudp编程  前面两篇主要讲了boostasiotcp编程，这一节来介绍boostudp编程，先来看看udp用到的类和方法.ip::udp::socket  与tcp类似，在tcp时用到的socket是ip::tcp::sock
  • NetCDF4安装过程 linnnsu 笔记
    所有库文件均安装在~/util/netcdf4路径下1.安装zlib下载地址：http://www.zlib.net/解压tar-zxvfzlib-1.2.12.tar.gz，进入zlib-1.2.12文件夹，配置安装信息：./configure--prefix=~/util/netcdf4makemakeinstall安装完成之后会在~/util/netcdf4这个目录下生成三个文件libinc
  • formValidator3.5：高效表单验证插件的使用指南 BOBO爱吃菠萝
    本文还有配套的精品资源，点击获取简介：formValidator3.5是由猫冬开发的表单验证插件，它简化了表单数据验证流程，确保了数据的有效性和安全性，同时提升了用户体验。文章将全面介绍该插件的核心特性、使用方法、API文档、示例应用以及如何集成到ASP.NETWeb应用程序中。formValidator3.5提供的灵活性、易用性、丰富的验证规则、自定义错误提示和事件处理，使得开发者可以轻松应对各
  • Android二维码和条形码扫描实现指南 BOBO爱吃菠萝
    本文还有配套的精品资源，点击获取简介：本文详述了如何在Android平台上集成二维码和条形码扫描功能，重点介绍了使用Zxing、GoogleMobileVisionAPI和FirebaseMLKit这三个库的实践方法。内容包括选择合适的库、集成Zxing和使用FirebaseMLKit的具体步骤、扫描界面的设计、安全隐私保护以及性能优化等多个方面。通过本文的学习，开发者可以更好地掌握在Androi
  • 图论复习第二章 sinat_40210730 期末复习图论
    最短路径问题针对最短路网络（带权有向无环图）存在性：如果s到v的途径上包含负费用有向圈，则不存在最短s-v途径，否则存在最短s-v简单路最优性原理（最优子结构特征）：若图G不存在非负有向圈，则任意最短子路也是相应点对之间的最短路三角不等式定理：d(v,w)指v到w的最短路径长度，则d(v,w)<=d(v,x)+d(x,w）最短路径算法函数方程（使用最优性原理所给出的关于最优解目标值之间的递归关系）
  • 前端必知必会-Vue 指令 编程岁月 前端必知必会vue.js前端javascript
    文章目录Vue指令不同的Vue指令总结Vue指令Vue指令是带有v-的特殊HTML属性，可以为HTML标记提供额外的功能。Vue指令连接到Vue实例以创建动态和响应式用户界面。使用Vue，与传统的JavaScript方法相比，创建响应式页面要轻松精简，而且所需的代码很少。不同的Vue指令指令详细信息v-bind将HTML标记中的属性连接到Vue实例内的数据变量。v-if根据条件创建HTML标记。指
  • 动态规划学习:放苹果 我爱夜来香A 每天一道算法题动态规划学习算法
    放苹果一、放苹果二、思路分析三、代码实现一、放苹果有m个苹果,n个盘子,允许有的盘子空着不放,请问有多少种不同的放法二、思路分析dp[i][j]表示i个苹果放入j个盘子共有多少种放法1)、当i为0时,即苹果数为0,不放,即有1种放法,dp[0][j]=1;当j为1时,即盘子数为1个,也只有一种放法dp[i][1]=12)、当苹果数小于盘子数,永远会有空盘子出现,dp[i][j]=dp[i][i]3
  • 推荐：轻量级静态文件服务器——static-file-server 温宝沫Morgan
    推荐：轻量级静态文件服务器——static-file-serverstatic-file-serverTiny,simplestaticfileserverusingenvironmentvariablesforconfiguration项目地址:https://gitcode.com/gh_mirrors/st/static-file-server在快速发展的Web服务领域，简单高效的解决方案总
  • 备战CSP（1）：复习图论之最短路算法SPFA 鹤上听雷 算法图论
    接下来，我们将用这道题目来复习最短路算法，dijk和spfa。LuoguP3371【模板】单源最短路径（弱化版）题目背景本题测试数据为随机数据，在考试中可能会出现构造数据让SPFA不通过，如有需要请移步P4779。题目描述如题，给出一个有向图，请输出从某一点出发到所有点的最短路径长度。输入格式第一行包含三个整数n,m,sn,m,sn,m,s，分别表示点的个数、有向边的个数、出发点的编号。接下来mm
  • PHP-CGI Windows平台远程代码执行漏洞(CVE-2024-4577) 李火火安全阁 漏洞复现phpXAMPP开发语言
    文章目录前言声明一、简介二、漏洞描述三、影响版本四、漏洞复现五、漏洞修复前言PHP在设计时忽略Windows中对字符转换的Best-Fit特性，当PHP-CGI运行在Window平台且使用了如下语系（简体中文936/繁体中文950/日文932等）时，攻击者可构造恶意请求绕过CVE-2012-1823补丁，从而可在无需登陆的情况下执行任意PHP代码声明请勿利用文章内的相关技术从事非法测试，由于传播、
  • 题目：利用条件运算符的嵌套来完成此题：学习成绩〉=90分的同学用A表示，60-89分之间的用B表示， 60分以下的用C表示。 晚夜微雨问海棠呀 算法数据结构
    要使用条件运算符（三元运算符）来完成这个题目，可以按照以下步骤进行：使用嵌套的条件运算符来判断成绩范围。根据成绩范围输出相应的等级。以下是一个用C++实现的示例代码：#includechargetGrade(intscore){return(score>=90)?'A':(score>=60)?'B':'C';}intmain(){intscore;std::cout>score;chargrad
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他