azywc291549
azywc291549

我的CSS布局之旅--持续更新

虽然我也接触前端一年之久了，但是无奈从切图布局下来的经验还真是很不足，因为之前比赛或者是做小项目时全部都是自己负责设计，所以都是编写边设计，哎呀，也是醉了；或者是有模板，然后从人家上面扒拉下来的，真的拿一张UI设计稿给我，还真是有点心虚的，所以借最近深入了解jquery的机会，我决定把布局顺带练一练，OK，废话不多说，开工了，一周练习一次，并上图示众，同时欢迎大家一起探讨css布局细节。

第一季 简单的轮播布局 2015.12.1

所有小图片在一张雪碧图上

我的CSS布局之旅--持续更新_第1张图片

来贴段代码

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/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> title>
<link href="style.css" rel="stylesheet" type="text/css" />
head>
<body>
<div class="v_show">
    <div class="v_caption">
        <h2 class="cartoon">卡通动漫h2>
        <div class="highlight_tips">
            <span class="current">1span>
            <span>2span>
            <span>3span>
            <span>4span>
        div>
        <div class="btn">
            <span class="prev">span>
            <span class="next">span>
        div>
        <em><a href="javascript:;">更多>>a>em>
    div>
    <div class="v_content">
        <ul class="contentlist">
            <li>
                <img src="img/01.jpg">
                <h2 class="title"><a href="javascript:;">海贼王a>h2>
                <p class="radio">播放：<span class="count">28,276span>p>
            li>
            <li>
                <img src="img/01.jpg">
                <h2 class="title"><a href="javascript:;">海贼王a>h2>
                <p class="radio">播放：<span class="count">28,276span>p>
            li>
            <li>
                <img src="img/01.jpg">
                <h2 class="title"><a href="javascript:;">海贼王a>h2>
                <p class="radio">播放：<span class="count">28,276span>p>
            li>
            <li>
                <img src="img/01.jpg">
                <h2 class="title"><a href="javascript:;">海贼王a>h2>
                <p class="radio">播放：<span class="count">28,276span>p>
            li>
        ul>
    div>
div>
body>
html>
* { margin:0; padding:0; word-break:break-all; }
body { background:#FFF; color:#333; font:12px/1.5em Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
a { color:#2B93D2; text-decoration:none; }
a:hover { color:#E31E1C; text-decoration:underline; }
ul, li { list-style:none; }
fieldset, img { border:none; }

/* v_show style */
.v_show{
    width:595px;
    margin: 50px auto;
}
.v_caption{
    height:35px;
    background: url(img/btn_cartoon.gif) 0 0;
}
.v_caption h2{
    float: left;
    width:90px;
    height:35px;
    background: url(img/btn_cartoon.gif) 0 -100px;
    text-indent: -9999px;
}
.highlight_tips{
    float: left;
    width:60px;
    margin: 14px 0 0 5px;
}
.highlight_tips span{
    display: inline-block;
    width:7px;
    background: url(img/btn_cartoon.gif) 0 -320px;
    text-indent: -999px;
}
.highlight_tips span.current{
    background-position: 0 -220px;
}
.btn{
    float:left;
    margin-top:5px;
}
.btn span{
    display: inline-block;
    width:30px;
    height: 22px;
    background: url(img/btn_cartoon.gif);
}
.btn span.prev{
    background-position: 0 -400px;
}
.btn span.next{
    background-position: -30px -400px;
    margin-left:-3px;
}
.v_caption em{
    float: right;
    line-height: 35px;
    margin-right: 10px;
}
.v_content{
    width:592px;
    border:1px solid #ccc;
    border-top:0;
}
.contentlist{
    overflow: hidden;
}
.contentlist li{
    float:left;
    margin: 20px 10px 15px 10px;
}
.contentlist li img{
    padding-bottom: 8px;
}
.contentlist li .title a{
    color:#04AEF4;
}
.contentlist li .title a:hover{
    color:#0592CC;
    text-decoration: none;
}
.contentlist li .radio{
    color:#666;
}

 第二季 简单电商网站布局　　2015-12-14

先贴上大图，还有一小部分未完成，这个本来是我用来练习jquery的例子

我的CSS布局之旅--持续更新_第2张图片
遇到的问题：1）、行内标签inline-block之后，之间还是有3px左右的像素间隔，用margin负值就好了
　　　　　　2）、为了页面规范性，标签内会写文字，但为了文字不显示出来，加上text-indent缩进掉就好了
　　　　　　　　如 此处

转载于:https://www.cnblogs.com/September-9/p/5009342.html

你可能感兴趣的:(我的CSS布局之旅--持续更新)

  • 代码随想录 Day 37 | 【第九章 动态规划part 01】理论基础、509. 斐波那契数、70. 爬楼梯、746. 使用最小花费爬楼梯 Accept17 动态规划算法
    一、理论基础理论基础无论大家之前对动态规划学到什么程度，一定要先看我讲的动态规划理论基础。如果没做过动态规划的题目，看我讲的理论基础，会有感觉是不是简单题想复杂了？其实并没有，我讲的理论基础内容，在动规章节所有题目都有运用，所以很重要！如果做过动态规划题目的录友，看我的理论基础就会感同身受了。代码随想录视频：从此再也不怕动态规划了，动态规划解题方法论大曝光！|理论基础|力扣刷题总结|动态规划入门_
  • fastapi 大型应用_FastApi项目实战 - 爱投票管理系统（一） 赌徒梦 fastapi大型应用
    一、闲来无事，在工作之余自己研究了一下python的异步框架-fastapi，并写包括1、部门管理2、角色管理3、用户管理4、菜单管理5、登录日志6、操作日志7、添加反爬机制六个基础功能模块，演示链接：https://www.lovevote.cn，账号：admin，密码：admin由于我的电脑问题，下载的vue依赖包有几个发生了版本冲突，打包部署后偶尔会在点击菜单按钮时发生前端延时(这时表现为缓
  • 鸿蒙OH源码分析——分布式软总线：trans_service模块(2)/会话管理之新会话 彭家大少 嵌入式硬件openHarmony鸿蒙南向harmonyos分布式OpenHarmony嵌入式开发软总线c语言
    往期学习笔录：鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……一、概述trans_service模块基于系统内核提供的socket通信，向authmanager模块提供设备认证通道管理和设备认证数据的
  • 利用Java获取京东SKU接口指南 不会玩技术的技术girl 京东APIJavaAPIjavapython数据库
    在电商领域，SKU（StockKeepingUnit）信息对于商家至关重要，它包含了商品的规格、价格、库存等关键信息。京东作为中国领先的电商平台之一，提供了丰富的API接口，允许开发者获取商品的SKU信息。本文将详细介绍如何使用Java获取京东SKU接口，并提供详细的步骤和代码示例。准备工作注册京东开放平台账号：前往京东开放平台官网，进行账号注册和登录。登录后，进入“我的应用”页面，点击“创建应用
  • 【第三天】零基础学习量化基础代码分析-持续更新 Long_poem 学习
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录记录量化基础代码总览引言基本概念量化投资伪代码示例：量化投资模型框架总结每日-往期回看第一天零基础学量化基础知识点总览-持续更新第二天零基础学习量化基础代码总览-持续更新第三天零基础学习量化基础代码分析-持续更新记录量化基础代码总览引言量化投资是一种基于数学模型和计算机算法来制定投资策略的方法。通过分析历史数据，发现市场规律，
  • ASFF改进YOLOv8检测头：提升目标检测精度与效率的创新方法【YOLOv8】 步入烟尘 YOLO系列创新涨点超专栏YOLO目标检测目标跟踪ASFFYOLOv8
    本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录ASFF改进YOLOv8检测头：提升目标检测精度与效率的创新方法【YOLOv8】1.背景介绍1.1Y
  • 冷门吃香的四个职业 小猫椰椰 探潜数据分析数据分析职场和发展大数据
    数据分析师、商业分析师、互联网营销师、全媒体运营师…这些职业大多数人都很陌生，但是在这个内卷的时代，已经成为很多人的新选择、新出路，冷门又高薪。今天总结了这四个职业的基本信息，看看有没有你感兴趣的我是在【探潜数据分析】报名并学习的BDA数据分析师和CPBA商业分析师，两个证我都拿到手了，探潜的老师们很有耐心，一对一辅导我到拿证。我的工作因为这两个证改善很多#探潜数据分析#探潜学堂#BDA数据分析#
  • Oracle 数据库基础入门（一）：搭建数据管理基石 Aphelios380 Oracleoracle数据库linux编辑器
    在当今数字化时代，数据库作为数据管理的核心工具，对于各类应用系统的开发至关重要。尤其是在Java全栈开发领域，掌握一款强大的数据库技术是必备技能。Oracle数据库以其卓越的性能、高度的可靠性和丰富的功能，在企业级应用中广泛使用。开辟新的篇章，让我们踏上Oracle数据库的学习之旅，聚焦于基础的建表、数据操作等关键知识，为后续深入学习和实际项目应用筑牢根基。一、DDL数据定义语言：构建数据库结构框
  • HTML基本标签详解 请叫我飞哥@ HTML5html前端
    HTML基本标签详解HTML（超文本标记语言）是构建网页的基础，以下是一些常用的HTML基本标签及其详细说明：定义：整个HTML文档的根元素。示例：定义：文档的头部，包含元数据（如标题、字符集、样式等）。示例：文档标题定义：文档的标题，显示在浏览器的标题栏或标签页上。示例：我的网页定义：文档的主体，包含可见的内容。示例：欢迎来到我的网页-定义：定义标题，从最重要的标题（）到最不重要的标题（）。示例
  • 学影刀有什么好处？为什么学习影刀？ sc0_joker 学习rpa
    引言：影刀RPA，学了有用吗？公司在推广用这个软件，在让大家学，学得好可以转岗RPA专员，请问一下大家值不值得花时间学？我个人觉得如果有时间的话还是学，后期对你的帮助是巨大的我作为一名数字营销专业人士，每周需要处理大量的数据。去年，我开始寻找能够自动化Windows软件操作的工具，以提高工作效率。在尝试了多种RPA工具后，我最终选择了影刀RPA，并开始了我的自动化之旅。在寻找自动化工具的过程中，我
  • 2025年前端开发者必学的技术 倔强青铜3 JavaScript成神之路前端vuereactjavascript
    2025年前端开发者必学的技术原文链接：ImportantTopicsforFrontendDeveloperstoMasterin2025作者：moibra译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！1.现代JavaScript(
  • 从2D到3D：电商技术的飞跃，开启沉浸式购物之旅 mirrornan 3D行业资讯3d3D可视化vr3d数字化电商
    在数字化浪潮的推动下，电商行业正经历着前所未有的变革。从传统的2D图片展示到如今的3D立体呈现，技术的革新不仅重塑了消费者的购物体验，更为电商营销开辟了全新的可能性。接下来将深入探讨电商融合3D技术的最新趋势，揭示这一变革背后的驱动力，以及它如何助力品牌实现差异化营销，开启电商行业的新篇章。一、3D技术在电商中的应用1、3D商品展示：借助3D建模技术，商家可以创建高度逼真的产品模型，消费者可以72
  • Python 学习之旅：持续学习和扩展（一）单元测试（unittest 模块） 喜-喜 Python学习python学习单元测试
      在Python学习的高级阶段，持续提升代码质量和可靠性是关键。单元测试作为软件开发过程中的重要一环，能够帮助我们发现代码中的潜在问题，确保程序的正确性。Python的unittest模块提供了一套丰富的工具，让我们可以轻松地编写和执行单元测试。接下来，让我们深入了解unittest模块，看看如何通过它来提升代码的质量。一、单元测试的重要性  你可以把单元测试想象成建筑中的质量检测环节。在建造高
  • 【FL0091】基于SSM和微信小程序的社区二手物品交易小程序 猿毕设 小程序微信小程序springbootpython后端java
    ‍博主介绍‍全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/知乎/b站/华为云/阿里云等平台优质作者、专注于Java、小程序/APP、python、大数据等技术领域和毕业项目实战，以及程序定制化开发、文档编写、答疑辅导等。精彩专栏推荐订阅计算机毕业设计精品项目案例（持续更新）文末获取源码+数据库+文档感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以和学长沟
  • 一个9年archlinux重度使用者自述 linux
    引言系统没有高低贵贱,主要还是使用的人，哪个跟你更契合。对我而言,archlinux就是最契合的那个。本文主要是对archlinux使用做一个粗浅的介绍，如果能勾起你一丝兴趣，那就更好了。第一部分：初识ArchLinux从Ubuntu和Fedora到Arch的转变大学期间了解到有linux这么一类系统，看起来很酷，那命令行操作神秘又高级，瞬间引起了我的兴趣。经过各种对比，选择了最容易上手的ubun
  • 华为真的就比小米高端？小米15和华为mate70该怎么选 佳晓晓 深度剖析数码探索新科技智能手机python华为djangoscikit-learn
    最近打算换手机，我把目光锁定在了小米15和华为Mate70上。这两款手机可都是手机界的“明星产品”，口碑和销量都相当不错。可到底该选哪一款呢？网上众说纷纭，有人说华为Mate系列一直走高端路线，品质和性能那都是顶尖的；也有人觉得小米15性价比超高，配置也毫不逊色。这可把我给难住了，于是我决定深入研究一番，把这两款手机的优缺点都扒个底儿掉，今天就来给大家分享分享我的研究成果，也希望能帮到正在纠结这两
  • QT5框架中对sqlquery.exec(“SQL语句“)的返回值存在误解 苏帕贝吉塔 qtc语言sql
    sqlquery.exec("............")的返回值为True或者Flase，但如果sql查询的结果集为空，系统会认为sql查询成功，返回True。只有sql语句存在语法错误或者数据库连接失效后才会返回Flase。在具体的QT项目中，我的错误代码如下：if(!sqlquery.exec(Str)){QMeessageBox::critial(this,"提示","查询失败！");}e
  • (十)趣学设计模式 之 外观模式！ 码熔burning 设计模式设计模式外观模式java
    目录一、啥是外观模式？二、为什么要用外观模式？三、外观模式的实现方式四、外观模式的优缺点五、外观模式的应用场景六、总结我的其他文章也讲解的比较有趣，如果喜欢博主的讲解方式，可以多多支持一下，感谢！了解桥接模式请看：(九)趣学设计模式之桥接模式！这篇文章带你详细认识一下设计模式中的外观模式一、啥是外观模式？想象一下，你想做一道复杂的菜(比如：佛跳墙)，你需要准备各种食材、处理食材、烹饪食材等等一系列
  • 从卡顿到丝滑：火山引擎DeepSeek-R1引领AI工具新体验 不苒 人工智能火山引擎
    方舟大模型体验中心全新上线，免登录体验满血+联网版DeepSeekR1模型及豆包最新版模型:https://www.volcengine.com/experience/ark?utm_term=202502dsinvite&ac=DSASUQY5&rc=GO9H7M38告别DeepSeek卡顿，探索火山引擎DeepSeek-R1的丝滑之旅在AI辅助工具日益普及的今天，DeepSeek作为众多开发者
  • JavaScript函数的命名方式 哲子君 jsjavascript
    函数的命名方式JavaScript代码服用单位是函数，函数可以包含一段可执行代码，也可以接受调用者传入的参数。JavaScript定义函数主要有以下三种方式：第一种方式：命名函数function函数名(参数列表){//function声明函数的关键字要执行的语句块;}functionmyAge(age){document.write('我的年龄是'+age)//我的年龄是19}myAge(19)/
  • 与Vue共舞：从初识到构建数字世界的艺术之旅 skyksksksksks 综合个人杂记vue.js前端开发语言前端框架
    第一章诞生记：一个框架的浪漫起源2013年的某个凌晨，上海某公寓的灯光依然明亮。前谷歌工程师尤雨溪在键盘前敲下第一行Vue代码时，或许并未想到这个框架将改变全球开发者的工作方式。当时的JavaScript世界正经历框架混战：Angular的复杂配置令人却步，React的函数式思维需要哲学顿悟。尤雨溪像一位精通东西方料理的主厨，将Angular的指令系统、React的组件化理念、Knockout的响
  • C++ Primer 初识泛型算法 c-c-developer C++Primerc++
    欢迎阅读我的【C++Primer】专栏专栏简介：本专栏主要面向C++初学者，解释C++的一些基本概念和基础语言特性，涉及C++标准库的用法，面向对象特性，泛型特性高级用法。通过使用标准库中定义的抽象设施，使你更加适应高级程序设计技术。希望对读者有帮助！目录10.2初识泛型算法只读算法算法和元素类型写容器元素的算法算法不检查写操作介绍back_inserter拷贝算法重排容器元素的算法消除重复单词使
  • C++ Primer 泛型算法定制操作 c-c-developer C++Primerc++
    欢迎阅读我的【C++Primer】专栏专栏简介：本专栏主要面向C++初学者，解释C++的一些基本概念和基础语言特性，涉及C++标准库的用法，面向对象特性，泛型特性高级用法。通过使用标准库中定义的抽象设施，使你更加适应高级程序设计技术。希望对读者有帮助！目录10.3泛型算法定制操作向算法传递函数谓词排序算法lambda表达式向lambda传递参数使用捕获列表调用find_iffor_each算法完整
  • C++ Primer 算法概述 c-c-developer C++Primerc++
    欢迎阅读我的【C++Primer】专栏专栏简介：本专栏主要面向C++初学者，解释C++的一些基本概念和基础语言特性，涉及C++标准库的用法，面向对象特性，泛型特性高级用法。通过使用标准库中定义的抽象设施，使你更加适应高级程序设计技术。希望对读者有帮助！目录泛型算法10.1概述算法如何工作迭代器令算法不依赖于容器泛型算法顺序容器只定义了很少的操作:在多数情况下,我们可以添加和删除元素、访问首尾元素、
  • 线程池：从入门到精通，只需一杯咖啡的时间 码熔burning Java多线程java开发语言
    目录一、什么是线程池？二、线程池的核心参数三、线程池的工作流程（餐厅的比喻）四、为什么要用线程池？五、Java中常用的线程池：六、总结我的其他文章也讲解的比较有趣，如果喜欢博主的讲解方式，可以多多支持一下，感谢！了解线程的创建方式请看：Java多线程：四种创建方式，让你彻底搞懂！咱今儿个来好好讲讲线程池，保证你能看懂，听懂，且能灵活使用一、什么是线程池？想象一下，你开了一家餐厅。️没有线程池：每来
  • (一)趣学设计模式 之 单例模式！ 码熔burning 设计模式设计模式单例模式
    目录一、啥是单例模式？二、为什么要用单例模式？三、单例模式怎么实现？1.饿汉式：先下手为强！2.懒汉式：用的时候再创建！3.枚举：最简单最安全的单例！四、单例模式的应用场景五、单例模式的破坏与防御六、总结我的其他文章也讲解的比较有趣，如果喜欢博主的讲解方式，可以多多支持一下，感谢！比如：synchronized关键字：线程同步的“VIP包间”这篇文章带你详细认识一下设计模式中的单例模式一、啥是单例
  • 如何实现uniapp编译的微信小程序做可回溯视频 bug菌¹ 全栈Bug调优(实战版)uni-app微信小程序音视频可回溯视频uniapp编译
    本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.**视频录制与回溯原理**2.**具体实现步骤**2.1录制视频播放状态与用户操作2.2回放过程2.3数据存储与管理2.4界面展示3.**注
  • LeetCode详解之如何一步步优化到最佳解法：14. 最长公共前缀 杰瑞学AI LeetCode代码优化职业发展leetcode算法职场和发展面试性能优化数据结构python
    LeetCode详解系列的总目录（持续更新中）：LeetCode详解之如何一步步优化到最佳解法：前100题目录（更新中...）-CSDN博客LeetCode详解系列的上一题链接：LeetCode详解之如何一步步优化到最佳解法：13.罗马数字转整数-CSDN博客目录14.最长公共前缀解法1：暴力解法代码解法性能解法分析解法2：最终版代码解法性能解法分析14.最长公共前缀本题题目链接：14.最长公共前
  • Flink事件时间案例：电商订单实时分析的奇妙之旅[特殊字符] 狮歌~资深攻城狮 linqc#
    Flink事件时间案例：电商订单实时分析的奇妙之旅嘿，小伙伴们！今天咱们通过一个具体的案例来看看Flink在处理事件时间方面的强大威力这个案例就是电商订单的实时分析，就像我们平时在电商平台购物时，平台需要实时了解订单的各种信息一样案例背景假设我们有一个电商平台，每天有大量的用户下单购买各种商品我们希望能够实时统计每个商品的销量，并且按照订单的实际发生时间来进行分析，而不是按照系统处理订单的时间。这
  • echarts找不到了？echarts社区最新地址 秋刀鱼不做梦 疑难杂症echarts前端javascript
    前言：在之前使用echarts的时候，还可以通过上边的导航栏找到echarts社区，但是如今的echarts变更之后，就找不到echarts社区了。✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客如今的echarts社区变成了这样：——会发现根本找不到echarts社区了。。。echarts社区最新地址echarts社区最新地址：series-ma
  • 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其他