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);
}

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

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • 【移动端知识】移动端多 WebView 互访方案：Android、iOS 与鸿蒙实现 问道飞鱼 前端开发技术harmonyosandroidios多webview互访
    移动端多WebView互访方案：Android、iOS与鸿蒙实现移动端多WebView互访方案：Android、iOS与鸿蒙实现一、核心架构设计二、Android平台实现1.基础通信架构2.控制器实现3.WebView安全配置三、iOS平台实现(Swift)1.WKWebView通信桥接2.AppDelegate路由控制四、鸿蒙平台实现(HarmonyOS)1.WebView通信桥接2.Abili
  • 移动端适配rem方案 简单的码农
    1.rem+动态html的font-size1.rem单位是相对于html元素的font-size来设置的，那么如果我们需要在不同的屏幕下有不同的尺寸，可以动态的修改html的font-size尺寸。2.比如如下案例：设置一个盒子的宽度是2rem；设置不同的屏幕上html的font-size不同；image这样在开发中，我们只需要考虑两个问题：问题一：针对不同的屏幕，设置html不同的font-s
  • 全栈工程师必备开发利器 东风牧野 全栈开发技术网络全栈开发工具
    一、团队协作工具团队协作软件Teambition：团队协作工具创导者有道云协作：企业知识管理与协作平台tower：深受用户喜爱的团队协作工具笔记备忘印象笔记：工作必备效率应用有道云笔记：网易出品，获得5000万用户青睐的笔记软件。提供了PC端、移动端、网页端等多端应用，用户可以随时随地对线上资料进行编辑、分享以及协同。日事清：怕工作进度延误就用日事清滴答清单：一个帮你高效完成任务和规划时间的应用远
  • 移动端布局 小唱同学
    viewport详解viewport:视口,指的是浏览器中放网页内容的区域移动端的viewport不会自动随着设备的变化而变化,被设定为一个固定值980或者1024,为了能够在移动端正常查看pc端页面.做移动端布局时,需要把viewport设置为随着设备的变化而变化参数说明:width:设置视口的宽度device-width设备宽度initial-scale:页面的初始缩放比例1.0原始大小max
  • Python,Go, C ++开发升学宝典APP
    为了开发一个高效、可扩展的“升学宝典”APP，结合Python、Go和C++的优势，以下是技术架构设计和实现方案：###一、整体技术架构```mermaidgraphLRA[移动端]-->B[Go网关]B-->C[Python微服务]B-->D[C++微服务]C-->E[MySQL]D-->F[Redis]```###二、技术栈分工1.**Python(Django/FastAPI)**-核心业务
  • Python, Go, Rust 开发全球海岛坐标定位APP Geeker-2025 pythongolangrust
    以下是一个基于**Python、Go和Rust**协同开发的全球海岛坐标定位APP设计方案，结合三者的优势实现高精度地理计算、实时数据处理和跨平台部署：---###系统架构```mermaidgraphTDA[卫星遥感数据源]-->B(Python数据处理)B-->C{Rust地理引擎}C-->D[Go微服务集群]D-->E[移动端/Web端]E-->F[用户终端]```---###模块分工及技术
  • 【YOLO系列】YOLOv4详解：模型结构、损失函数、训练方法及代码实现 一碗白开水一 yolo系列助你拿捏AI算法YOLO目标跟踪人工智能目标检测计算机视觉论文阅读
    YOLOv4详解：模型结构、损失函数、训练方法及代码实现motivationYOLO系列作者JosephRedmon与AlexeyBochkovskiy致力于解决目标检测领域的核心矛盾：精度与速度的平衡。YOLOv4的诞生源于两大需求：工业落地：在移动端/边缘设备实现实时检测（>30FPS）学术突破：无需昂贵算力（如1080Ti即可训练），在MSCOCO数据集达到SOTAmethods1.数据加载
  • Python移动端爬虫实战：模拟User-Agent与反反爬策略全解析 Python爬虫项目 python爬虫开发语言自动化宽度优先
    摘要本文将深入探讨2024年最新的Python移动端爬虫技术，重点讲解如何通过模拟移动设备User-Agent绕过网站反爬机制。文章包含移动端爬虫的优势分析、最新User-Agent库使用、完整移动端爬虫实现、高级反反爬技巧以及移动端爬虫的伦理法律考量，并附有多个实战代码示例。关键词：Python爬虫、移动端爬虫、User-Agent、反反爬、selenium-wire、playwright1.移
  • 百度大涨，AIGC视频生成模型蒸汽机将会给百度带来什么？
    百度7月23日盘中表现强势，盘中一度涨4.49%。消息面上，百度旗下百度商业研发团队自研的AIGC视频生成模型蒸汽机(MuseSteamer)正式上线手机网页版，支持用户通过移动端一键生成电影级视频。百度的大涨我们该怎么分析？首先，百度股价的上涨反映了市场对其新推出的AIGC视频生成模型蒸汽机的高度认可和期待。这款模型能够支持用户通过移动端一键生成电影级视频，显示出百度在人工智能技术应用领域的持续
  • 微信小程序动态柱状图实现案例分析
    本文还有配套的精品资源，点击获取简介：微信小程序是一种面向移动端的应用开发平台，利用WXML和WXSS以及JavaScript进行开发。本文介绍了如何在微信小程序中实现动态柱状图的实例，涵盖了数据驱动、使用图表库、生命周期方法、动画效果、事件处理、布局与样式设计、API调用以及调试与发布等关键知识点。通过实际案例源码分析，帮助开发者深入理解动态柱状图的实现过程和技术要点。1.微信小程序开发基础微信
  • 3步掌握JMeter与Jenkins自动化性能测试！ 爱吃 香菜 软件测试自动化测试职场经验jmeterjenkins自动化测试职场经验软件测试程序员深度学习
    面试求职：「面试试题小程序」，内容涵盖测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）职场经验干货：软件测试工程师简历上如何编写个人信息（一周8个面试）软件测试工程师简历上如何编写专业技能（一周8个面试）软件测
  • 用ADB实现自动化抓取移动端数据 小小小小小台
    【介绍】ADB全称是AndroidDebugBrige，其作用是可以连接电脑和安卓手机，以及通过命令去控制手机。【ADB工作原理】把Androiddevelopmenttools的路径设置为环境变量后，可以通过linux命令直接和移动设备沟通adbdevices可以查看连接设备查看连接设备其工作原理是在开发机上起一个服务器，并通过tcp协议和安卓设备进行信息交换【程序】程序组成·脚本包含两个模块：
  • 2025年计算机毕业设计springboot高校班级事务管理系统 zhihao508 课程设计springboot后端
    本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容选题背景关于高校班级管理数字化工具的研究，现有系统多聚焦基础信息存储或单一功能（如成绩录入），缺乏对班级事务全流程的整合支持。例如，多数平台仅提供通知发布功能，却未实现任务反馈、文件共享与综合测评的联动；部分系统虽引入移动端，但班委权限分配、学生参与度提升等核心需求仍被忽视。本研究针对
  • 全方位掌握 Kivy：用 Python 构建跨平台图形界面与移动应用
    随着Python在数据科学和自动化领域的广泛应用，越来越多开发者也开始关注使用Python开发图形用户界面（GUI）甚至移动应用的可能性。在众多GUI库中，Kivy是一款极具特色和强大能力的框架，它支持跨平台运行、现代化UI设计，并天然支持多点触控和手势交互。本文将全面介绍Python的Kivy库，包括其架构、安装方法、核心组件、布局系统、事件机制、与PyQt/PySide对比、移动端开发支持、项
  • el-select移动端唤不出软键盘 汪叽家的兔子羡 elementuivuejavascript前端
    一、场景：移动端使用elementUI，select组件点击未唤起软键盘二、原因：el-select组件在移动端会默认加上readonly属性在ElementPlus中已经优化了该问题三、解决办法：获取对应select组件，手动移除readonly属性，代码如下：clear(async){this.$nextTick(()=>{if(!async){//ios手机有延迟问题setTimeout((
  • 腾讯云前端面经（笔试+3技术面+HR面）
    （3）:bfc布局规则（4）项目怎么做的移动端适配？flexible原理（1px问题，通过viewport）2、说一下原型链，原型链实现继承。3、http和tcp协议？4、缓存相关（对比缓存？强缓存？对应请求头）cookie有哪些属性？5、简单请求？跨域？6、vue中nextTick的实现，结合浏览器事件循环机制说一下？7、说说commonjs和esmodule？6、最近在看什么新东西吗？vue3
  • 【知识扫盲】per-token/per-channel/per-token量化 zjun3021 量化per-tokenper-channelter-tensor
    per-token、per-channel和per-tensor量化的区别。这三种是模型量化中常见的不同粒度策略，主要区别在于它们应用量化的维度不同。以下是它们的详细对比：1.定义与核心区别量化类型量化维度主要应用对象计算粒度典型场景Per-Tensor整个张量权重/激活所有数据共享一组(scale,zero_point)简单硬件支持（如早期移动端）Per-Channel张量的每个通道权重（如卷积
  • JavaScript 书写规范详解 —— 编写高质量、可维护的代码 玖程 JavaScript基础入门JavaScriptjavascript开发语言ecmascript
    在现代前端开发中，JavaScript不仅是构建交互式网页的核心语言，还广泛应用于后端（Node.js）、移动端（ReactNative）、桌面应用（Electron）等多个领域。随着项目规模的增长，良好的代码规范成为团队协作和长期维护的关键。本文将详细介绍JavaScript的常见书写规范，帮助你写出结构清晰、可读性强、易于维护的代码。一、命名规范类型命名规则示例变量名小驼峰（camelCase
  • 爱奇艺星钻、白金会员和黄金会员区别，哪个可以在电视端观看？ 小小编007
    爱奇艺会员分为黄金VIP会员，白金VIP会员和星钻VIP会员三种。其中黄金会员只限在手机移动端使用，白金和星钻会员可以在电视端直接使用。三个会员权益区分如下：黄金VIP会员：适用手机、平板、电脑三端，同时播放设备2台白金VIP会员：适用手机、平板、电脑、电视四端，同时播放设备2台星钻VIP会员：适用手机、平板、电脑、电视、VR五段，同时播放设备3台价格方面：黄金会员最便宜，年卡100多；白金会员年
  • 从零开始手把手教你：创建第一个 React Native 自动化测试工具 Detox，轻松实现移动端 UI 自动化 有事的没事人 reactnative自动化测试工具
    从零开始手把手教你：创建第一个ReactNative自动化测试工具Detox，轻松实现移动端UI自动化在ReactNative跨平台开发中，确保iOS和Android两端UI表现一致、功能稳定是测试的核心挑战。Detox作为专为ReactNative打造的灰盒自动化测试框架，通过直接与应用代码交互，解决了传统UI测试工具速度慢、稳定性差的问题。本文将手把手教你搭建Detox环境，编写第一个自动化测
  • 别再忽略API安全了！Spring Boot三大防御手段全解析 随风九天 安全之道spring安全springboot后端限流防重放签名验证
    1.引言：为什么API安全不容忽视1.1API在现代系统架构中的核心地位随着微服务、前后端分离、Serverless等架构的普及，API已成为系统间通信的核心方式。无论是移动端、Web端还是第三方接入，都依赖API接口完成数据交互。1.2常见API攻击类型与风险案例DDoS攻击：大量请求压垮服务器重放攻击（ReplayAttack）：伪造历史请求再次调用签名伪造：绕过权限验证获取非法访问暴力破解接
  • 安全逆向工程学习路线
    安全逆向工程学习路线一、基础准备阶段计算机体系结构理解CPU工作原理（寄存器、指令周期）内存管理：堆栈结构、内存分段与分页汇编语言基础：x86/x64（重点）、ARM/MIPS（移动端/嵌入式）操作系统核心概念Windows/Linux内核机制（系统调用、进程/线程管理）可执行文件格式：PE（Windows）、ELF（Linux）、Mach-O（macOS/iOS）动态链接库（DLL/SO）加载机
  • AI创作系列第22篇：前端缓存与更新机制重构 - 表情包系统的全面升级 「、皓子~ 前端缓存重构IM社交软件开源软件uniapp
    AI创作系列第22篇：前端缓存与更新机制重构-表情包系统的全面升级本文是海狸IMAI创作系列的第22篇文章，详细介绍前端缓存系统的重构和表情包功能的全面升级。本次更新重点优化了文件缓存机制、表情包管理系统，以及消息管理器的模块化重构，为用户提供更流畅的即时通讯体验。前言在移动端开发中，缓存机制是提升用户体验的关键技术。特别是在IM系统中，大量的图片、音频、视频文件需要高效的缓存管理。经过前期的开发
  • 模型优化-------模型压缩 AI扶我青云志 人工智能模型优化
    模型压缩是一种优化技术，目标是在尽量保留模型性能的前提下，减少模型的体积、计算成本和内存占用。特别适合模型部署在边缘设备、移动端、嵌入式系统等资源受限环境中。其中，“剪枝（Pruning）、量化（Quantization）和知识蒸馏（KnowledgeDistillation）”是最常用且研究最深入的三种方法。一、剪枝（Pruning）原理：剪枝的核心思想是去掉对模型输出影响较小的参数或结构，使得
  • YOLO 目标检测的改进方法
    YOLO目标检测的改进方法可以从模型架构、训练策略、损失函数等多个方面入手，以下是一些常见的改进方法方向及参考文献：模型架构改进骨干网络替换：使用更轻量或更强大的网络替换原始骨干网络。轻量级网络如MobileNetV3、ShuffleNetV2等适合移动端部署，可提高推理速度；高性能网络如ConvNeXt、SwinTransformer等能提取更丰富的语义特征，提升检测精度。还可添加CBAM、SE
  • 边缘计算与量子模型优化驱动医疗诊断新突破
    内容概要在医疗人工智能领域，边缘计算与量子模型优化的协同演进正重构诊断系统的技术范式。通过将计算节点前置至医疗设备端，边缘架构有效解决了传统云端模型面临的实时性瓶颈，配合量子优化算法对复杂特征空间的快速寻优能力，使得CT、MRI等高维影像数据的解析效率提升显著。值得关注的是，框架选型直接影响着模型部署的可行性——TensorFlow在移动端推理优化方面的工具链完备性，与PyTorch动态图机制对迭
  • OpenHarmony外设驱动移植指南 你我皆是牛马星人 鸿蒙开发HarmonyOSOpenHarmonyharmonyosOpenHarmony鸿蒙开发源码分析迁移学习嵌入式硬件驱动开发
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……外设驱动子
  • 【OpenHarmony】鸿蒙开发：轻量系统服务管理|存储机制详解(一) 你我皆是牛马星人 HarmonyOS鸿蒙开发OpenHarmonyharmonyos鸿蒙开发OpenHarmony嵌入式硬件SAStore模块物联网
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……一、前言本
  • 社交应用全栈开发实战：前后端与数据库整合
    本文还有配套的精品资源，点击获取简介：本资源包详细介绍了构建一个社交应用程序的全过程，包括前端、后端以及数据库管理的核心组件和关键功能。Uniapp框架用于开发跨平台的移动端用户界面，Java后端负责处理业务逻辑和数据交互，MySQL数据库用于管理用户信息和动态数据。项目还包括前后端通信、身份验证、性能优化和推送通知服务的实现。学习这些代码可以提升开发者的技能，帮助快速构建社交应用。1.社交APP
  • 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其他