Leinov
Leinov

H5移动前端完美布局之padding

序
上次的提到了H5移动前端完美布局之－margin百分比的使用margin-top（left,right,bottom）的百分比在移动页面布局中对上下左右距离的处理，攻下城外再攘城内,今天看看padding在页面布局中所发挥的的作用。

背景

在 平时的开发中我们可能会遇到说一个150*150正方形的块，或者一个button,这样我们就会发现两个问题，如果用px写死的话，那如何响应所有设 备，2如果用百分比的话，宽度可控，那高度呢，今天我们来探讨下经常使用的padding在布局中的强大作用 这个方法的使用会让你的移动前端布局响应更灵活。

DEMO

H5移动前端完美布局之padding_第1张图片

实现

跟之前的margin类似 margin是外边距 padding是内边距，我们依然使用百分比 ，记住百分比都是相对于父级而言的，我们先来个响应的正方形看看。
style

html,body{ width:100%;}
.rel     { position:relative} 

.f-child {  width:48%;
            height:0;
            padding-top:48%;
            background:#ddd;
         }

html

<body>
    <div class="rel f-child"></div>
</body>

iphone5

H5移动前端完美布局之padding_第2张图片

iphone6

H5移动前端完美布局之padding_第3张图片

可以看出使用padding-top可以实现正方形并且响应不同设备，为什么padding-top可以呢，我们可以联系margin，margin是外边距 而padding是内边距，padding是相对于自身的，当width为body的48%；而padding-top的百分比也是相对于父级的宽度的(同margin) 所以padding-top:48%的高度就是body宽度的48%；所以f-child的width和padding-top都是body的48%； padding-top是相对自身撑开的 所以widht==height 也就成了正方形，并且百分比响应。

以此类推

宽度大于高度

H5移动前端完美布局之padding_第4张图片

高度大于宽度

H5移动前端完美布局之padding_第5张图片

 

此刻我们只是实现了自己想要的形状，但是这个外壳里面是要装东西的，比如图片，但是padding后占有了内部空间，直接将图片放进去的话，图片会下沉，所以我们要如下设置才能真正实现

<div class='rel f-child'>
    <img src="../statics/img/leinov.jpg" alt="">
</div>

H5移动前端完美布局之padding_第6张图片

所以我们的用定位改变布局流，让图片在我们的外壳内显示

html

<div class='rel f-child'>
    <div class="pabs w100 h100">
        <img src="../statics/img/leinov.jpg" alt="">
    </div>
</div>

style

.f-child{  
        width: 48%; 
        height: 0; 
        padding-top: 48%; 
        background: #ddd
    }
 .rel{ position: relative;}
 .pabs{ position: absolute; left: 0; top:0;}
 .w100{ width: 100%;}
 .h100{ height: 100%;}
 img{width: 100%;}

H5移动前端完美布局之padding_第7张图片

我们将外层形状的position设为relative 内层再加一层div让其position为absolute,left:0,top:0 相对于父级绝对定位 再将宽度高度设为100%；完全撑开到跟父级大小一样，这样就可以在这样一个内部的盒子里放正方形的图片了。 当我们拿到psd后测量宽高度再计算下百分比，配合之前的margin就可以完全实现设计稿并且响应了

 详见padding-top用法

你可能感兴趣的:(H5移动前端完美布局之padding)

  • Android AsyncLayoutInflater异步加载xml布局文件，Kotlin zhangphil Androidkotlinandroidkotlin
    AndroidAsyncLayoutInflater异步加载xml布局文件，Kotlinimplementation"androidx.asynclayoutinflater:asynclayoutinflater:1.1.0-alpha01"importandroid.os.Bundleimportandroid.util.Logimportandroid.view.Viewimportandr
  • 设计模式之命令模式 Forget the Dream 设计模式命令模式javac++
    概念命令模式是一种行为型设计模式，它将请求封装成一个对象，从而使你可以用不同的请求对客户进行参数化，对请求排队或者记录请求日志，以及支持可撤销的操作。定义命令模式把一个请求或者操作封装到一个对象中，将发出命令的责任和执行命令的责任分割开。这样，命令的发送者不需要知道命令的接收者是谁，也不需要知道命令是如何被执行的，只需要关心如何发出命令。而命令的接收者只需要专注于如何执行命令，实现具体的业务逻辑。
  • 机器学习之经典算法（十六） Birch算法 AI专家 机器之心修炼之路
    （一）Birch算法简介：BIRCH（BalancedIterativeReducingandClusteringUsingHierarchies）全称是：利用层次方法的平衡迭代规约和聚类。BIRCH算法是1996年由TianZhang提出来的。Birch算法就是通过聚类特征(CF)形成一个聚类特征树，root层的CF个数就是聚类个数。整个算法实现共分为4个阶段：1.扫描所有数据，建立初始化的CF
  • 【01】区块链开发之solana【市值管理系统】研究-一键发行-批量转账-批量交易-批量创建钱包等功能-区块链项目商业开发研究-完整研究开发交付流程-优雅草卓伊凡 卓伊凡 区块链开发区块链
    【01】区块链开发之solana【市值管理系统】研究-一键发行-批量转账-批量交易-批量创建钱包等功能-区块链项目商业开发研究-完整研究开发交付流程-优雅草卓伊凡开发背景今天接到这个项目，因为此前也有开发区块链，因此这个项目值得一研究，值得学和记录实战开发什么是solana，什么是DAPP？Solana相关Solana是一个开源的区块链平台，旨在提供快速、安全且可扩展的去中心化应用（DApp）和加
  • kubernetes源码之kubelet初始化 buppt kubernetes源码学习kubernetesdockergogolang云原生
    从这篇开始阅读一下kubernetes的源码，kubernetes是使用cobra构建的，如果对cobra还不了解的，可以查看我的上篇文章。零基础入门Cobra---kubernetes源码学习必备kubernetes的源码先从kubelet开始看起。kubelet的启动文件在cmd/kubelet/kubelet.go，入口通过app.NewKubeletCommand()初始化了kubelet
  • 【新手入门】SQL注入之数据库数据读取 见青.. sql数据库web安全前端
    数据库数据读取获取当前数据库名、用户名、版本等信息'unionselectuser(),version()--+获取mysql所有库名'unionselect1,group_concat(schema_name)frominformation_schema.schemata+--+获取所有字段数据比如获取users表的所有数据指令:'unionselect1,group_concat(id,0x7
  • 【新手入门】SQL注入之防御代码的绕过、数据库数据读取 见青.. sql数据库web安全前端
    一、前端防御代码绕过有些输入数据的地方（如登陆页面），当输入的数据不太合适时，直接就有提示，并且不符合要求的话，就不能点击提交按钮，即不能和后台进行交互，像这种行为就都属于前端代码的限制。绕过前端代码最好的方式就是先输入一个符合格式要求的数据，然后抓包--处理--放包。所以前端代码限制的绕过很简单,但碰到js加密和混淆技术（代码语句顺序打乱）时，前端代码绕过也是比较有难度的。二、后端防御代码绕过<
  • 深度学习-136-LangGraph之应用实例(五)构建RAG问答系统同时从不同的角度对比优化效果 皮皮冰燃 深度学习深度学习人工智能LangGraphRAG
    文章目录1大语言模型2小粒度分割文档2.1处理文本构建Document2.2向量存储2.3创建图2.4测试调用3大粒度分割文档3.1构建Document3.2向量存储3.3创建图3.4测试调用4总结与优化4.1问题分析4.2对比不同的返回文档数4.3对比不同的嵌入模型4.3.1嵌入模型nomic-embed-text4.3.2嵌入模型bge-m34.4对比不同的大模型4.4.1大模型qwen2:7
  • 实战C++手写线程池 GeniusAng丶 C/C++编程c++OOP线程池
    课程总目录文章目录一、项目必备基础概念1.1并发和并行1.2多线程的优势1.3线程的消耗1.4线程池的优势1.5线程池的两种模式：fixed模式和cached模式1.6线程同步之线程互斥1.7线程同步之线程通信1.7.1条件变量1.7.2信号量1.8项目设计图浏览二、线程池代码展示三、线程池资源回收死锁问题分析四、线程资源回收策略修改优化五、Linux平台编译线程池动态库六、packaged_ta
  • 从opencv-python入门opencv--GUI功能之绘图&鼠标与图像界面的交互 这是一个图像 python计算机外设opencvGUI计算机视觉图像处理交互
    从opencv-python入门opencv--GUI功能之绘图和鼠标操作一、文章介绍二、opencv绘制直线、矩形、圆形1、cv.line()2、cv.circle()3、cv.rectangle()4、在图像上绘制直线、矩形和圆形5、cv.ellipse()（在空白画布上绘制椭圆）（1）img=cv.ellipse(img,center,axes,angle,startAngle,endAng
  • 【WPF命令绑定之--没有Command属性的控件如何进行命令绑定？】 吾与谁归in C#学习WPFwpfc#
    前言C#WPF之命令绑定内容有些控件不支持直接绑定命令，可以调用其他依赖实现命令的绑定。依赖：Microsoft.Xaml.Behaviors.Wpf使用如下代码可以实现事件的命令绑定，及传递参数：1、引用：xmlns:behavior=“http://schemas.microsoft.com/xaml/behaviors”2、添加命令绑定代码(如：代码①)3、创建实现ICommand的类pub
  • C++数据结构之数组（详解） 画个逗号给明天" C++常用数据结构数据结构c++开发语言
    1.介绍在C++中，数组是一种基本的数据结构，用于存储相同类型的元素的集合。数组的元素在内存中是连续存储的，可以通过索引访问。下面将详细介绍C++数组的相关内容。2.数组的定义数组的定义需要指定元素的类型和数组的大小。typearrayName[arraySize];type:数组元素的类型（如int、char）等。arrayName:数组的名称。arraySize:数组的大小（必须是常量表达式）
  • 《深入浅出TCP之4TCP是一种流协议》 kaydxh tcp网络协议网络tcpip
    4TCP是一种流协议数据是以字节流的形式传递给接收者，没有固有的报文或报文边界分概念。send通常只是将数据复制到主机的tcp/ip栈中，就返回了，由tcp来决定需要立即发送多少数据（取决于，发送窗口，拥塞窗口，MSS等）tcp会记录它发送了多少字节，以及确认的字节，但它不会记录这些字节是如何分组的变长报文，一般在每条报文前面加上一个首部，这个首部至少包含报文的长度，首先读取定长的报文头部，从首部
  • Windows 11 新增功能全解析：特性、使用与注意事项 xueyunshengling 微软精华知识宝箱微软合作伙伴计划windows系统功能Win11Windows11新增功能
    自Windows11发布以来，其一系列令人耳目一新的新增功能便吸引了众多用户的目光。相较于以往的Windows版本，Windows11在界面设计、性能优化以及功能拓展等方面均实现了重大变革。今天，就让我们一同深入探究Windows11的新增功能，详细了解它们的特性、使用方法以及使用过程中需要留意的事项。一、焕然一新的开始菜单与任务栏（一）功能特性居中布局设计：Windows11的开始菜单和任务栏默
  • 手摸手，带你实现移动端H5瀑布流布局 初见雨夜 前端javascript前端csscss3html5
    移动端瀑布流布局是一种比较流行的网页布局方式，视觉上来看就是一种像瀑布一样垂直落下的排版。每张图片并不是显示的正正方方的，而是有的长有的短，呈现出一种不规则的形状。但是它们的宽度通常都是相同的因为移动端瀑布流布局主要为竖向瀑布流，因此本文所探讨的是竖向瀑布流特点竖向瀑布流布局主要有下面几种特点：一般出现在移动端H5页面底部主要以图片或视频为主降低页面复杂度，节省空间，可以容纳更多内容不规则展示，不
  • 2W8000字 LLM架构文章阅读指北 人工智能
    大模型架构专栏已经更新了30多篇文章。完整的专栏内容欢迎订阅：LLM架构专栏1、LLM大模型架构专栏||从NLP基础谈起2、LLM大模型架构专栏||自然语言处理（NLP）之建模3、LLM大模型架构之词嵌入（Part1）3、LLM大模型架构之词嵌入（Part2）3、LLM大模型架构之词嵌入（Part3）4、LLM架构从基础到精通之Word2Vec训练全解析5、LLM架构从基础到精通之循环神经网络（R
  • 嵌入式系统之GPIO 小陈头不秃 嵌入式系统数字信号处理最小二乘法算法
    一、IO口基本结构和8种模式STM32F103ZET6一共有7组IO口（GPIOA--GPIOG），每组IO口有16个IO，一共有112个IO4种输入模式：(1)输入浮空(GPIO_Mode_IN_FLOATING):浮空输入，可以做Key识别，RX1(2)输入上拉(GPIO_Mode_IPU)：IO内部上拉电阻输入(3)输入下拉(GPIO_Mode_IPD)：IO内部下拉电阻输入(4)模拟输入(
  • 前端系列之：设计模式 程序员SKY 前端前端
    什么是设计模式？设计模式，其实就是一种可以在多处地方重复使用的代码设计方案，只是不同的设计模式所能应用的场景有所不同。通过这种设计模式可以帮助我们提高代码的可读性、可维护性与可扩展性。前端的设计模式又分为三个大类型，分别是创建型、结构型和行为型，针对这三个大类型，又会有很多种不同的设计模式。创建型主要用于对象的创建过程，比如对象的创建、初始化等，它隐藏了对象创建的具体细节，从而解耦客户端和对象的创
  • 【PlatformIO】基于Arduino的ESP8266 网页控制oled显示 水手勇敢 esp8266前端javascriptcss3
    文章目录概要网站代码展示网页index代码网页control代码网页setting代码嵌入式代码展示相关视频概要使用U8G2库在oled显示屏上显示图像，esp8266上传网站控制页面，通过网页上的操作，更改屏幕显示网站代码展示网页index代码EDA-Robotbody{margin:0;padding:0;font-family:Arial,sans-serif;}.container{max
  • ruby之旅之数组 长大的一哲 ruby
    数组：①Ruby数组可存储诸如String、Integer、Fixnum、Hash、Symbol等对象，甚至可以是其他Array对象。②Ruby数组不需要指定大小，当向数组添加元素时，Ruby数组会自动增长1.数组的创建(1.1)通过Array.new创建①创建一个不指定大小的空数组arr=Array.new②创建一个指定大小的空数组arr=Array.new(20)③创建数组的同时给每个数组元素
  • 【云原生之kubernetes实战】在k8s环境中高效部署Vikunja任务管理工具（含数据库配置） 江湖有缘 云原生kubernetes数据库
    【【云原生之kubernetes实战】在k8s环境中高效部署Vikunja任务管理工具（含数据库配置）前言一、Vikunja介绍1.1Vikunja简介1.2Vikunja主要特点1.3使用场景二、相关知识介绍2.1本次实践存储介绍2.2k8s存储介绍三、本次实践介绍3.1本次实践简介3.2本次环境规划3.3部署前需准备工作四、检查k8s环境4.1检查工作节点状态4.2检查系统pod状态五、创建m
  • 2024年Python最新PyQt5 小工具：Excel数据分组汇总器 2401_84556783 程序员pythonqtexcel
    importpandasaspd编写UI界面组件布局，UI布局函数init_ui()。init_ui()的函数整体内容都贴在下面这里，大佬们可以根据自己的需要随意发挥。definit_ui(self):标题、图标设置self.setWindowTitle(‘Excel数据汇总工具公众号：[Python集中营]’)self.setWindowIcon(QIcon(‘:/data_sum.ico’))
  • 自然语言处理之语法解析：BERT：自然语言处理基础理论 zhubeibei168 自然语言处理1024程序员节自然语言处理bert语音识别人工智能
    自然语言处理之语法解析：BERT：自然语言处理基础理论自然语言处理基础自然语言处理的定义与应用自然语言处理（NaturalLanguageProcessing，NLP）是计算机科学领域与人工智能领域中的一个重要方向。它研究如何处理和运用自然语言；自然语言认知则是指让计算机“懂”人类的语言。NLP建立于20世纪50年代，随着计算机技术的飞速发展，NLP技术在信息检索、文本挖掘、语音识别、机器翻译、情
  • 2.28 图像分类全解析：从境界到评估，再到模型与样本处理 不要天天开心 机器学习算法人工智能
    图像分类将不同的图像，划分到不同的类别标签，实现最小的分类误差。图像分类的三层境界：通用的多类别图像分类子类细粒度图像分类实例级图片分类图像分类评估指标之混淆矩阵：TP（Truepositive,真正例）——将正类预测为正类数。FP（Falsepostive,假正例）——将反类预测为正类数。TN（Truenegative,真反例）——将反类预测为反类数。FN（Falsenegative,假反例）—
  • 解决 uView-UI和uv-ui 中 u-tabs 组件在微信小程序中出现横向滚动条的问题 溫冬＇＇123 uiuv微信小程序
    问题描述在微信小程序中使用uView-UI的u-tabs组件时，用户可能会遇到横向滚动条的问题。这不仅影响了页面的美观，还可能导致用户误操作。问题原因该问题的根本原因是未在微信小程序环境下屏蔽滚动条。uView-UI的u-tabs组件默认只在H5环境下屏蔽滚动条，而在微信小程序（MP-WEIXIN）环境下未做处理。解决方案要解决这个问题，我们需要修改u-tabs.vue文件，将微信小程序环境也加入
  • uniapp h5页面获取跳转传参的简单方法 lyz246859 uni-app
    有过h5页面开发的朋友，肯定知道，在没有使用相关框架时候，获取从上游app跳转过来的参数极其麻烦，需要我们手动获取页面链接，并截取到正确的参数值，但是在如今在uniapp项目中的h5页面，则无需如此繁琐，直接这样获取：可以看到，就是是从app页面分享的跳转的页面，也可以直接使用onLoad中的option直接获取参数，是不是很方便呢
  • Pytorch神经网络魔改之：模型融合 - 速通（1） lczdyx pytorch神经网络深度学习python人工智能
    本文将以几种常见方法为例，介绍如何进行Pytorch神经网络的模型融合：1.子模型串联(SequentialConcatenation)在这个方法中，输入数据x首先通过FeatureExtractor(即：子模型1)，处理后的结果再传递给Classifier(即：子模型2)。最后，返回Classifier的输出。这种方式允许将两个子模型串联起来，形成一个组合模型：importtorch.nnasn
  • 初识uniApp 家里有只小肥猫 uni-app
    详细思考一下uniApp这个跨平台开发框架。首先，我对uniApp还不是很了解，所以需要从基本概念开始，逐步深入。什么是uniApp？我记得uniApp是基于Vue.js的，可能是一个用来开发多个平台的应用的框架。用户可能想了解它是什么，它的特点是什么，适合什么样的项目。uniApp的特点和优势跨平台开发：一次编写，多端运行，可能包括H5、微信小程序、支付宝小程序、App等。基于Vue.js：这意
  • Spring系列学习之Spring CredHub m0_74824755 面试学习路线阿里巴巴spring数据库java
    英文原文：https://spring.io/projects/spring-credhub目录概述注入并使用CredHubTemplate认证Authentication相互TLSOAuth2SpringBoot配置快速开始学习文档概述SpringCredHub提供客户端支持，用于存储，检索和删除在CloudFoundry平台中运行的CredHub服务器的凭据。CredHub提供了一个安全存储，
  • ReactNative进阶（三十）：Component、Pu 愤怒的小青春 java
    题解|#奶牛喂养时间#题目考察的知识点：贪心之合并数组题目解答方法的文字分析：先将intervals进行排序，定义一个变量prev，然后遍历，如果prev[1]>=interv题解|#牛牛和罗马数字智力游戏#题目考察的知识点考察哈希表的应用题目解答方法的文字分析将对应关系存入哈希表中之后开始循环拆分每一个罗马字母，将结果保存并减去哈希表中对应的值。最后的结果和lim题解|#直线上的牛#import
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他