Pumpkin~
Pumpkin~

移动端适配-vw例子

点击查看页面
点击查看源码
html部分

 <!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">
    <link rel="stylesheet" href="./vw.css">
    <title>Document</title>
  
   
</head>
<body>
     <section id="header" class="clearfix">
         <h1 class="left"><a href="#"><img src="images/logo.png" alt=""></a></h1>
         <div class="bar right">
             <a href="#"><img src="images/ico_01.png" alt=""></a>
             <a href="#"><img src="images/ico_02.png" alt=""></a>
         </div>
     </section>

     <section class="banner">
         <div class="moveWrap">
             <div><img src="images/banner.jpg" alt=""></div>
         </div>
         <div class="control">
             <span class="active"></span>
             <span></span>
             <span></span>
         </div>
     </section>
    <nav class="nav" class="clearfix">
        <a href="#"><img src="images/ico_03.png" alt="">
            <span>天天菜市</span>
        </a>
        
        <a href="#"><img src="images/ico_04.png" alt="">
            <span>我的订单</span>
        
        </a>
        <a href="#"><img src="images/ico_05.png" alt="">
        
            <span>充值有礼</span>
        </a>
       
        <a href="#"><img src="images/ico_06.png" alt="">
            <span>积分商城</span>
        </a>
        
    </nav>
    <section class="id"> 
        <a href="#"><img src="images/img_01.jpg" alt=""></a>
    </section>
    <section class="item">

        <div>
            <a href="#"><img src="images/img_02.jpg" alt=""></a>
        </div>
        <div class="coloum">
            <a href="#"><img src="images/img_03.jpg" alt=""></a>
            <a href="#"><img src="images/img_04.jpg" alt=""></a>

            
        </div>
    </section>

    <section class="item pd">
            <div class="coloum">
                    <a href="#"><img src="images/img_03.jpg" alt=""></a>
                    <a href="#"><img src="images/img_04.jpg" alt=""></a>
        
                    
            </div>
            <div>
                <a href="#"><img src="images/img_02.jpg" alt=""></a>
            </div>
            
        </section>

        <footer id="footer">
            <a href="#"><img src="images/ico_07.png" alt=""></a>
            <a href="#"><img src="images/ico_08.png" alt=""></a>
            <a href="#"><img src="images/ico_09.png" alt=""></a>
            <a href="#"><img src="images/ico_10.png" alt=""></a>

        </footer> 
     
       
         
    
</body>
</html>

css部分

 body {
	font-family: helvetica;
	max-width: 750px;
	margin: 0 auto;

	font-size: 12px;	/* 需要限制一个字体大小，要不然的话默认字体大小也会跟着变 */
}
body * {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: 100%;
}
a,button,input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button,input {
	-webkit-appearance: none;
	border-radius: 0;
}
a {
	text-decoration: none;
}
input {
	outline: none;
	vertical-align: middle;
	padding: 0;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
img{
	vertical-align: middle;
}
h1,h2,h3,h4,p{
	margin: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

@media screen and (min-width:750px){
	font-size:69.445px;
 
	/*页面达到750px时 根字体的大小9.259259259259261vw转成px为9.259259259259261vw*7.5px/vw=69.444px   */
}

html{
  font-size:9.259259259259261vw;
  /* 100*(clientWidth/designWidth) */
  /*iphone6 plus: 100*(414/1080)=38.333333333333336 px*/
  /* 1vw=414/100=4.14px */
  /* 38.333333333333336px/4.14=9.259259259259261vw */
}
 /* color="#46ae00" */
 #header{
   background-color:#46ae00;
   /* height:58.666666666666664px; */
	height:calc(176px / 3);


 }
 #header h1 img{
   width:calc(517px / 3);
   
   
 }
.right{
	height:calc(176px / 3);
	width:calc(276px / 3);
}

.bar a{
	display:inline-block;
	line-height: calc(176px / 3);
	text-align: center;
}
.bar img{
	width:calc(85px / 3);
}
.bar a:nth-of-type(1){
	padding-right:calc(62px / 3);
}
 .banner{
	 height:5.40rem;
	position:relative;
 }
 .banner .moveWrap img{
	  width:100%;
 }
.banner .control{
	position:absolute;
	bottom:0.34rem;
	text-align: center;
	left:50%;
	transform:translateX(-50%);

}
.control span{
	width:0.24rem;
	height:0.24rem;
	border-radius: 50%;
	background-color:#dddddd;
	display:inline-block;
	margin:0 0.08rem;
	
	
}
.control span.active{
	background-color:red;
}
/* nav */
.nav{
	padding-top:0.6rem;
	height:3rem;
	background-color:#ffffff;
}
.nav a{
	width:25%;
	 
	float:left;
	text-align: center;
}
.nav a img{
	width:1.8rem;
	height:1.8rem;
	display: block;
	margin:0 auto 0.16rem auto;
}
.nav a span{
	font-size:0.4rem;
	color:#666;
}
.id{
	height:4rem;
}
.id img{
	width:100%;
}
/* item */
.item{
 display: flex;
 justify-content: space-between;
 background-color: #f5f5f5;
 padding:0.2rem;
 padding-bottom:0;
}
 .pd{
	 padding-bottom:0.2rem;
 }

.item div img{
	width:4.5rem;
	height:6.4rem;
}
.item div.coloum{
	display: flex;
	width:5.7rem;
	flex-wrap:wrap;
	align-content: space-between;
}
.item div.coloum img{
	width:5.7rem;
	height:3.1rem;
}
/* footer */
#footer{
	height:calc(180px / 3);
	background-color: #ffffff;
	display:flex;
	justify-content: space-around;
	margin-top:0.2rem;
	box-shadow: 0 -0.06rem 0.06rem #dcdcdc;
}
 
#footer a img{
	width:calc(160px / 3);
}

你可能感兴趣的:(移动端)

  • h5小游戏定制开发 红匣子实力推荐
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
  • [移动端自动化] AppAgent介绍 大卫软件测试 自动化
    AUITestAgentAUITestAgent/README_zh.mdatmain·bz-lab/AUITestAgent(github.com)1/MobileAgentX-PLUG/MobileAgent:Mobile-Agent:ThePowerfulMobileDeviceOperationAssistantFamily(github.com)2/AppAgentAppAgent/RE
  • 若依后端正常启动但是uniapp移动端提示后端接口异常 大可大可抖 uni-app
    pc端能用模拟器也能正常连接接口，手机端真机调试连不上接口解决：1.先看config.js的填自己的ip地址module.exports={//baseUrl:'https://vue.ruoyi.vip/prod-api',baseUrl:"http://192.168.101.5:8080",}2.网络环境问题（防火墙）点击属性然后选择专用
  • 移动订货小程序哪个好 批发订货系统源码哪个好 多用户商城系统 订货系统源码移动订货小程序批发订货系统订货系统源码
    订货小程序就是依托微信小程序的订货系统，微信小程序订货系统相较于其他终端的订货方式，能够更快进入商城，对经销商而言更为方便。今天，我们一起盘点三个主流的移动订货小程序，看看哪个移动订货小程序好。第一、核货宝订货小程序核货宝是商淘科技旗下的订货系统，可为批发企业提供不同客户不同商品、不同客户不同价格快速订货和商家账期管理。功能介绍：客户批发订货的专属数字化订货系统，可以移动端订货。与传统手写开单相比
  • SpringBoot整合ES搜索引擎 实现网站热搜词及热度计算 码踏云端 springbootElasticsearchspringbootelasticsearch后端热搜词热度计算java
    博主简介：历代文学网（PC端可以访问：https://literature.sinhy.com/#/literature?__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，热衷于探索科技的边界，并将理论知识转化为实际应用。保持对新技术的好奇心，乐于
  • 我与新媒体 小富yyd
    1.我对新媒体的认识我对新媒体的认识就是比如传统媒体、网络媒体、移动端媒体、数字电视、数字报刊。新媒体则是通过现代化移动互联网手段，通过微信、微博等新兴媒体平台进行营销、宣传、推广等的一系列运营活动。新媒体可分为广义和狭义两个方面来理解。广义：新媒体可以看作在各种数字技术和网络技术支持下，以互联网、宽带局域网和无线通信网等为渠道，利用计算机、手机和数字电视等各种网络终端，向用户提供信息和娱乐服务的
  • Axure移动端原型模板实例100+，APP原型设计模版，高保真高交互含大组件库 默林工作室 AxureRP原型模板axure原型模板
    作品概况页面数量：共100+页（长期更新中…）源文件格式：rp格式，兼容AxureRP9/10，非程序软件无源代码适用领域：APP、小程序、H5作品特色本品为「移动端原型模板实例100+」，属于APP+H5+小程序的页面实例原型模板，主要运用了中继器＋动态面板，栏目丰富样式多多，高保真高交互高复用（带仿真交互），可以快速组装成美观大方的原型图。该原型模板的页面尺寸为375×812像素，推荐演示设备
  • web前端达到什么水平，才能找到工作？ cj瑾瑜 前端htmljavascriptcsscss3
    一、前端是什么？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。（核心技术：HTML、CSS、JavaScript）核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义
  • Rust 编程语言构建出跨平台应用开源框架 Dioxus 百态老人 rust开源开发语言
    是的，Rust编程语言确实构建了一个跨平台应用开源框架Dioxus。Dioxus是一个可移植、高性能的框架，用于在Rust中构建跨平台的用户界面。它支持多种平台的应用开发，包括网页前端、桌面应用、静态网站、移动端应用和TUI程序等。Dioxus的核心特点之一是其声明式编程风格，类似于React框架，但提供了更高效的性能和更好的开发者体验。此外，Dioxus还具有原生桌面支持、强大的状态管理、快速异
  • 【App】React Native 卿卿qing reactnativereact.jsjavascript
    ReactNative的优势：开发体验好用统一的代码规范开发移动端程序，不用关注移动端的差异.开发成本低开发一次，可以生成Android和IOS俩个系统上的App学习成本低只要掌握JavaScript和React就可以进行移动端开发ReactNative的不足：不成熟性能差整体性能仍不如原生兼容性差设计底层的功能，需要针对Android和IOS双端单独开发ReactNative的核心组件核心组件R
  • 优酷酷喵会员与优酷VIP会员区别，酷喵会员可以几个人使用？ 小小编007
    优酷酷喵会员与优酷VIP会员的最大区别就是酷喵会员可在电视端直接登录使用，VIP会员只能在手机移动端使用。当然酷喵会员的价格年卡要200多，VIP会员一年只有100多。优酷VIP会员权益：可在电脑、手机、ipad登录享受观影特权（版权原因除外）、功能特权、身份特权、直播特权（版权原因除外）、客服特权五大类别超值会员特权，也包含点播节目5折优惠、全站视频跳过或关闭广告、上万小时付费节目免费看、会员专
  • 移动WEB开发（第四天）__响应式布局 加蓓努力我先飞 5.移动web开发资料前端
    移动WEB开发（第四天）__响应式布局移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理1.2响应式布局容器2.0bootstrap的介绍2.1Bootstrap简介2.2bootstrap优点2.3版本简介2.4bootstrap基本使用2.5bootstrap布局容器2.6bootstrap栅格系统3.0阿里百秀案例制作3.1技术选型移动端WEB开发之响应式布局1.0响应式开
  • 一个Android开发者的React Native之路 青灯明月 RNAndroidReactandroidreactnative
    这是一个Android开发者一个月以来学习ReactNative的一些经验和感悟，如有错漏之处敬请指出~1.什么是ReactNativeReactNative是Facebook在2015年开源的一个项目，用官方的话来解释就是：ReactNativeletsyoubuildmobileappsusingonlyJavaScriptReactNative让你只用JavaScript就能编写移动端App
  • 手机京东优惠券码兑换：如何轻松获取与利用？ 氧惠_飞智666999
    手机已经成为我们日常生活中不可或缺的一部分。而在手机上进行网购，更是成为了一种新的消费趋势。京东作为国内领先的电商平台，自然也在移动端提供了丰富的购物体验。其中，手机京东优惠券码兑换便是一项备受消费者喜爱的功能。那么，如何轻松获取与利用手机京东优惠券码呢？本文将为您一一揭晓。3个怪异的现象，正在冲击"一夫一妻制"，动摇家庭根基！未来这3种婚姻模式，可能“取代”传统婚姻制度《人民日报》金句：＂万般皆
  • 全面兼容各端的动画库PAG，对标Lottie 张海龙_China 开发技术积累android
    感谢Tencent开源了PAG库，终于有了国人自己的动画库了，该库兼容：移动端，桌面端，，WEB端，还有小程序端，真可谓用心了，而且PAG库相对其他库，使用的pag文件更小，更流畅，而且PAG还兼容Lottie迁移过来的素材，PAG有自己合成素材的工具，使用起来也非常简单，文档也非常情况，感觉非常贴心！！PAG库官网：https://pag.art/docs/sdk.htmlPAGGitHub:h
  • 开源旅游网站系统排名 situcms_ php产品运营小程序
    **NO:1思途旅游网站管理系统**思途cms可以称得上是旅游网站系统中元老级的选手，它基于LAMP平台设计，网站采用PHP+MySQL，开源不加密，支持电脑端网站、移动端网站、微信小程序、微信端和app等10端合一，无年费，高频率定时的免费系统升级。同时提供大量模板供选择（包含多款免费模板）可以后台快速安装自由更换，根据业务需要变换风格。思途cms产品可以拆分购买，较为灵活，同时也提供私人定制，
  • 新浪爱问正规开户咋收费，新浪爱问问答推广怎么做呢 河南贝杰文化传媒有限公司
    新浪爱问正规开户咋收费，新浪爱问问答推广怎么做呢?新浪爱问业务咨询QQ：532504880（微信同号）。新浪爱问是新浪完全自主研发的搜索产品，充分体现人性化应用的产品理念，为广大网民提供全新搜索服务。爱问致力于把其定位成一项真正能帮助广大网民解决问题的服务。爱问的宗旨是：用户可以在这个平台上无所不问，而爱问的最终诉求则是能做到有问必答。一、新浪爱问用户量多少?新浪爱问区分为PC端和移动端两种展现方
  • 移动端测试 渔jy Android系统及应用androidlinux
    三种移动端产品类型介绍移动端应用的测试其自身特点，和其他传统测试又有一些独特的测试方法与思路。移动端应用又可以进一步细分为三大类：WebApp指的是移动端的Web浏览器，其实和PC端的Web浏览器没有任何区别，只不过Web浏览器所依附的操作系统不再是Windows和Linux了，而是iOS和Android了。WebApp采用的技术主要是，传统的HTML、JavaScript、CSS等Web技术栈，
  • 掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！ weixin_45378258 HTML
    今天由于在之前小编在项目中遇到的有关于：“在html5中使用video进行全屏播放与自动播放的代码方法总结！”这方面的内容，所以今天就来和大家分享有关于这方面的相关内容！近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频,现简单总结如下：页面代码：其中php简单判断了一下是否是移动设备,移动设备不展示视频(如果移动端展示的话,需要解决iOS上无法自动播放的问题):ps:如果H
  • HTML、CSS实现树状图 凉风听雪 CSS炫酷使用htmlcss前端
    效果图：源码：（未做移动端自适应）Document海关数据海关数据类型海关申报数据贸易提单数据进口数据出口数据过境数据海运数据空运数据搜索方式产品hs编码小语种查询进口商出口商提单号口岸时间国别数据查询提关单记录买家实时监控同行实时监控出口全球分析进口商分析出口商分析产品分析供应国分析进口国分析开发工具公司概况联系邮箱领英联系WhatsApp进出口详情分析展会记录LBS地理信息B2B店铺社媒动态社
  • 南京网站设计手机用的网站 做网站建设制作设计小程序 经验分享
    近年来，随着移动互联网的快速发展，越来越多的用户通过手机浏览网页，这使得网站设计逐渐向移动端倾斜。在南京，网站设计特别注重适配手机端，这不仅是用户体验的提升，也是市场竞争的需要。一个响应式的网站能够在各种设备上流畅运行，保证用户无论是在电脑还是手机上都能享受到统一且优质的体验。首先，南京的网站设计在视觉效果上进行了迎合手机用户的优化。相比于PC端，手机屏幕的尺寸较小，这要求设计师必须更加注重色彩、
  • HTML文档中折行的使用,10_h5是如何做移动端适配的？折行的时候如何实现不断行... Mr.Zzzzzzz HTML文档中折行的使用
    一、百分比适配1、要点元素的宽度使用了百分比来定宽，根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素，百分比参考的是该元素最近的，定了宽度的父元素2、示例固定高度,宽度自适应,100%比做适配*{padding:0;margin:0;}body{font-size:16px;overflow:hid
  • 【海外自媒体运营】ins 自行车上的邮差
    Ins营销快速入门指南——原文来自：https://zhuanlan.zhihu.com/p/54016350Ins（照片墙）是一款运行在移动端上的社交应用，以一种快速、美妙和有趣的方式将我们随时抓拍下的图片彼此分享。分享的时候可以采用它自带的十几种滤镜效果，同时可以分享到Facebook，Twitter等社交媒体。Ins有10亿多个活跃账户，其中5亿用户每天都在活跃。4亿个账户每天都在使用故事（
  • 移动端拖动元素导致页面返回上一层 技术钱 javascript笔记javascriptjquery
    在开发移动端时候遇到了一个问题，拖着滑动元素会触发手机自带的事件，导致滑动不了或者是切屏了，目前找到了以下的解决方法：html{touch-action:none;touch-action:pan-y;}varstartX,startY;document.addEventListener("touchstart",function(e){startX=e.targetTouches[0].page
  • 瑞吉外卖——购物车（移动端） 小杰不想秃头 瑞吉外卖项目javaajax开发语言
    需求分析移动端用户可以将菜品或套餐加入购物车。对于菜品来说，如果添加了菜品口味信息，则需要选择规格后才能加入购物车；对于套餐来说，可以直接点击加号将当前套餐加入购物车。在购物车中可以修改套餐或菜品的数量，也可以清空购物车。数据模型需要操作shopping_cart表。代码开发前后端交互过程：点击加入购物车或者加号按钮，页面发送ajax请求，将菜品或套餐加入购物车。点击购物车按钮，页面发送ajax请
  • 区分PC端还是移动端 praycis
    varos=function(){varua=navigator.userAgent,isWindowsPhone=/(?:WindowsPhone)/.test(ua),isSymbian=/(?:SymbianOS)/.test(ua)||isWindowsPhone,isAndroid=/(?:Android)/.test(ua),isFireFox=/(?:Firefox)/.test(u
  • 移动端测试知识概览 384bdb547ea6
    一、移动端测试是什么1、移动端测试是指对移动应用进行的测试，即实体的特性满足需求的程度二、移动端测试分类1、APP功能测试：（1）业务逻辑正确性测试：依据产品文档设计测试用例，加上隐性需求用例（2）兼容性测试：系统版本、屏幕分辨率、网络状态（3）异常测试：热启动应用：应用由后台转换为前台的过程、网络切换和中断恢复、电话和信息中断恢复（4）升级安装卸载测试：升级：临近版本升级、跨版本升级、保证升级后
  • 软件和APP之间的线下活动为何区别大? 钟毓文
    移动端时代，公司办公的软件都开始朝着手机端进军。此前参加了一些企业办公软件的宣讲会，发现企业软件的线下活动都比较正统严肃，大多是教育式输出的方式。因大多数都是针对企业(利益结合驱动力的客户)，企业付费购买软件，让精明的企业家愿意从口袋中掏钱必须要严谨，同时要用案例来论证自己软件能够帮助企业解决企业许多办公问题，化解内部运作的不必要争端。但APP的线下活动，大多数是用户自发组织的，或者是分会的地域形
  • JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage 垦利不 javascript开发语言ecmascript
    目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装（vue中建议）使用SwiperHTML结构初始化Swiper4.zyMedia插件简介4.1下载与引入4.2使用4.3js初始化4.4参数说明5.bootstrap的安装和使用5
  • 前端框架有哪些？ 赎罪゛ 前端框架前端javascript
    熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后，学习Web框架可以加快Web开发速度，节约时间。PHP程序员可选的框架包括CakePHP、CodeIgniter、Zend等，Python程序员喜欢使用Django和webpy，Ruby程序员常用RoR。随着Web越来越规范和标准的统一，Web组件化技术不断革新，移动端开发不断升华，以下是一些常见开源前端框架：Bootstrap
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他