陌上花会开
陌上花会开

CSS3实战开发:手把手教你照片墙实战开发

在 《CSS3 2D转换技术之translate实战开发》文章中，我给大家列出了 CSS3中的2D转换方法：
1.    translate() 2.    rotate() 3.    scale() 4.    skew() 5.    matrix()
同时对第一个方法 translate()做了非常详尽的介绍，并带领大家实战开发了一个导航条。如果你对translate不了解或不是太熟悉，请阅读我的博文  《CSS3 2D转换技术之translate实战开发》 。
在讲解知识点之前，我先跟大家说明一下，有些程序员会问，为什么我应用了transform后不起作用呢，其实CSS3中的transform是对块级元素或者行内元素才起作用的。
 
本章我将带领大家一起来探索今天的 照片墙实战开发吧。好了，废话少说，直接进入今天的主题吧。
rotate，顾名思义，是表示旋转的意思，也就是说，如果我们给一个块元素或一个行内元素应用了rotate之后，它会发生旋转的效果。
 
语法：
 
 
rotate方法的参数如果是正数，则表示顺时针旋转；如果是负数，则表示逆时针旋转。
 
语法讲解完了，我现在手把手教大家开发一个照片墙，效果如下：
 
ok，根据效果图，我们拆分一下显示区域：一个区域显示木板背景，三个区域显示相应照片。下面就跟着我的一步步的学习吧：
 
一、 定义显示区域
  
<!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <link href=”styles.css” rel=”stylesheet”> <!– css,css3,html,html5,javascript,div,jquery,nodejs,extjs,bootstrap,pure –> <title>CSS3 2D转换技术之rotate实战开发</title> </head> <body> <a href="http://www.itdriver.cn">实战互联网</a> <div> <div> <img src=”http://pic1.win4000.com/wallpaper/a/53900aafbf5d6.jpg” width=”256″ height=”200″> <p>那一刻，我在这儿感受世外桃源的安逸</p> <p>作者: 陌上花会开</p> </div> <div> <img src=”http://image.tianjimedia.com/uploadImages/2013/259/8XYI3I1E88WN_1000x500.jpg” width=”256″ height=”200″> <p>喜欢你的微笑，喜欢阳光下的味道</p> <p>作者: 陌上花会开</p> </div> <div> <img src=”http://image.tianjimedia.com/uploadImages/2013/308/N8457O6CJS7W_1000x500.jpg” width=”256″ height=”200″> <p>漫山的葵花盛开了</p> <p>作者: 陌上花会开</p> </div> </div> </body> </html>
 
 
此时运行效果:
 
 
二、给照片墙实现样式 photo_wall，应用背景图片，设置照片墙的外边距，同时设置使用 CSS3的流式布局来显示照片墙上的照片。如果你对 CSS3的流式布局不太了解或不太熟悉，请阅读我的另一篇博文，相信你会精通这个特性 《CSS3实战开发: 弹性盒模型之响应式WEB界面设计》。
 
 
 
此时运行效果：
 
 
三、给照片应用样式 photo_frame，设置照片的留白，同时这只照片内文字的大小，以及给照片增加阴影效果。
 
 
此时的运行效果：
 
 
 
到目前为止，照片的基本样子已经出来了，接着应用我们今天所学的内容，给照片添加旋转效果吧，这样将使照片更富层次感，且更加个性化。
 
四、分别给照片应用样式photo01，photo02，photo03，每张照片以自己设定的旋转基点进行旋转操作。代码如下： 
.photo01{ -webkit-transform-origin:right bottom; /*定义照片1的旋转基点为 右下角*/ -moz-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(10deg); /*以基点为轴，在2D空间内顺时针旋转10度*/ -moz-transform:rotate(10deg); -o-transform:rotate(10deg); transform:rotate(10deg); } .photo02{ -webkit-transform-origin:right bottom; /*定义照片2的旋转基点为 右下角*/ -moz-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-20deg); /*以基点为轴，在2D空间内逆时针旋转20度*/ -moz-transform:rotate(-20deg); -o-transform:rotate(-20deg); transform:rotate(-20deg); } .photo03{ -webkit-transform-origin:left top; /*定义照片3的旋转基点为 左上角*/ -moz-transform-origin:left top; transform-origin:left top; -webkit-transform:rotate(40deg); /*以基点为轴，在2D空间内顺时针旋转40度*/ -moz-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg); }
 

 

 
此时的运行效果：
 
 
至此， 《CSS3实战开发:手把手教你照片墙实战开发》已经讲完了。谢谢大家的阅读。
更多精彩实战教程，我会陆续更新，大家敬请期待吧！
 
欢迎大家加入互联网技术交流群：62329335 

 

个人申明：所分享博文，绝对原创，并力争每一个知识点都通过实战演示来进行验证。

你可能感兴趣的:(css,css3,transform,rotate,照片墙实战)

  • 华为 eNSP 链路聚合：从面试问题到实战解析 不羁。。 每日呼吸服务器运维面试华为
    我的个人主页我的专栏：网络通信安全系列、WEB渗透测试系列、内网攻防安全系列、网安红蓝对抗系列希望对网安感兴趣的小伙伴有所帮助！！！点赞收藏关注引言在网络技术领域，链路聚合是提升网络性能和可靠性的关键技术之一。华为eNSP作为网络工程师学习和实践的强大工具，为我们深入理解链路聚合提供了理想的环境。本文将围绕面试中常见的关于华为eNSP链路聚合、手工负载分担模式与LACP扩展配置的问题，进行系统的分
  • BS4 案例实战 小案例 Test-Sunny pythonBeutifulSoup
    BS4案例分析实现步骤:1.了解HTML和网页结构2.安装和导入相关依赖库3.发送http请求获取网页内容4.解析HTML网页内容5.定位内容和提取数据6.保存抓取的数据-coding:UTF-8importosimporttimeimportrequestsfrombs4importBeautifulSoupfromopenpyxlimportWorkbook#创建Excel文件#wb=Work
  • Spring Boot实战：MySQL与Redis数据一致性深度解析与代码实战 QQ828929QQ springbootmysqlredis
    SpringBoot实战：MySQL与Redis数据一致性深度解析与代码实战一、数据一致性问题概述二、常见解决方案三、选择合适的解决方案四、总结在SpringBoot开发中，MySQL作为关系型数据库，提供了强大的数据存储和查询能力；而Redis作为内存数据库，以其高速读写性能成为缓存层的首选。然而，当这两者共同服务于一个系统时，如何确保它们之间的数据一致性，成为了一个不可忽视的问题。本文将深入探
  • 大语言模型应用指南：什么是大语言模型 AI天才研究院 计算DeepSeekR1&大数据AI人工智能大模型AI大模型企业级应用开发实战javapythonjavascriptkotlingolang架构人工智能大厂程序员硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLM系统架构设计软件哲学Agent程序员实现财富自由
    文章标题《大语言模型应用指南：什么是大语言模型》关键词（1）大语言模型（2）深度学习（3）自然语言处理（4）序列模型（5）Transformer（6）神经网络（7）预训练语言模型摘要本文将深入探讨大语言模型（LargeLanguageModel）的概念、原理、应用及其发展历程。我们将通过逐步分析，从基础概念入手，详细解释大语言模型的工作机制，包括其训练算法、推理算法以及关键数学模型。通过实际项目案
  • 算法刷题记录——题解目录汇总(持续更新) Allen Wurlitzer 实战-算法解题算法java开发语言
    更新时间：2025-03-29个人算法题解专栏：实战算法解题(专栏)技术博客总目录：计算机技术系列目录页优先整理热门100及面试150，不定期持续更新，欢迎关注！常规篇LeetCode1~100解答与分析链接第1~10题算法刷题记录——LeetCode篇(1.1)第11~20题算法刷题记录——LeetCode篇(1.2)第21~30题算法刷题记录——LeetCode篇(1.3)第31~40题算法刷
  • 如何提升 Java 开发能力？ MingDong523 java
    如何提升Java开发能力？要系统提升Java开发能力，需从基础巩固、技术拓展、实战经验、持续学习四个维度入手。以下是详细的进阶路径和具体建议：一、夯实Java核心基础深入理解语言特性必学内容：JVM原理：类加载机制、内存模型（堆/栈/方法区）、垃圾回收算法（CMS、G1、ZGC）。并发编程：synchronized底层原理、volatile可见性与有序性、ThreadPoolExecutor线程池
  • H5项目实践：视差滚动与图片瀑布流的实现 木木黄木木 html5前端css3html
    H5项目实践：视差滚动与图片瀑布流的实现这里写目录标题H5项目实践：视差滚动与图片瀑布流的实现一、视差滚动效果实现1.项目概述2.技术实现2.1HTML结构设计2.2CSS核心技术3.性能优化二、图片瀑布流实现1.项目概述2.技术实现2.1布局设计2.2核心功能实现3.性能优化三、项目总结四、参考资源一、视差滚动效果实现1.项目概述视差滚动（ParallaxScrolling）是一种网页设计技巧，
  • CSS 技巧与案例详解：开篇介绍 @大迁世界 CSS技巧与案例详解css前端
    在现代前端开发中，CSS（层叠样式表）作为网页设计和布局的核心技术，扮演着至关重要的角色。无论是初学者还是经验丰富的开发者，掌握并灵活运用各种CSS技巧都能大大提升开发效率和页面效果。本系列文章《CSS技巧与案例详解》旨在为大家提供一站式的CSS知识速查与实用案例，帮助大家更好地理解和应用CSS。系列内容简介本系列文章分为多个部分，每个部分都详细解析了CSS的各种实用技巧和经典案例。以下是我们将要
  • 「HTML5+Canvas实战」星际空战游戏开发 - 纯前端实现 & 源码即开即用【附演示视频】 果冻kk 前端html5小游戏
    纯前端实现星际空战游戏【简易版】博主上次分享的简易版飞机大战收到了不少建议，今天再给大家来一波福利！带来全新升级的飞机大战进阶版！不仅拥有更丰富的游戏机制和更精美的游戏画面，还加入了超燃的BOSS战斗系统。源码完全免费开放，拿来即用无门槛，欢迎感兴趣的小伙伴下载源码。源码已附文章末尾除了本文介绍的纯前端版本外，我们还开发了一个完整的后端版本，采用Java技术栈实现，包含用户登录注册（安全配置、认证
  • Mysql-经典实战案例（7）：如何从mysqldump的全备中恢复单表 从不删库的DBA Mysql经典实战案例数据库mysql
    场景我们经常会采用mysqldump的备份方式，对mysql数据库进行每日的全量备份。当业务出现单表被误删或者误更新的现象，恢复全量备份十分消耗时间，那我们如何通过mysqldump备份文件，进行单表恢复呢？1、从全备备份片full.sql，挖出表名city的表结构,并输出到文件create.sql#sed-e'/./{H;$!d;}'-e'x;/CREATETABLE`city`/!d;q'fu
  • CSS3学习教程，从入门到精通， CSS3 盒子模型的详细语法知识点及案例代码（23） 知识分享小能手 编程语言如门前端开发网页开发css3学习css前端html5javascriptjava后端开发
    CSS3盒子模型的详细语法知识点及案例代码CSS3盒子模型完整指南一、盒子模型基础每个HTML元素都被视为一个矩形盒子，由以下部分组成：内容区(Content)内边距(Padding)边框(Border)外边距(Margin)二、语法知识点详解1.盒子的宽和高selector{width:200px;/*内容区宽度*/height:150px;/*内容区高度*/min-width:100px;/*
  • Linux Shell脚本自动化编程实战【1.3 bash中调用python expect】 wallacegen bashlinux自动化
    在bash中调用python#!/usr/bin/bashping-c1114.114.114.114>/dev/null&&echo"success"/usr/bin/python<<-EOFprint("helloworld")EOFecho"hellobash"1.将python代码交给python解释器来执行2.EOF只是一个标记，换成<
  • Linux Shell脚本自动化编程实战【1.4 shell特性 Login Nologin】 wallacegen linux自动化运维
    loginshellsu-alice/etc/profile/etc/bashrc~/.bash_profile~/.bashrcnologinshellsualice/etc/bashrc~/.bashrcshell是用户执行的第一个程序1.!!#再次执行上一条命令2.!$代表了上一条命令的最后一个参数3.!2044#2044是执行history的第n条命令4.alias查看当前shell的别名
  • JavaScript 学习 wgego javascript学习开发语言
    JavaScript作用JavaScript是一种轻量级的编程语言，是可插入HTML页面的编程代码，插入HTML页面后，可由所有的现代浏览器执行，可控制网页的行为。（学之前要了解一下html和css).1.直接写入HTML输出流document.write("这是一个标题");document.write("这是一个段落。");2.对事件的反应点我!3.改变HTML内容x=document.get
  • JavaScript 图片画廊设计案例 不正经的程序员 javascript
    JavaScript图片画廊设计案例项目简介本项目展示了如何通过JavaScript构建一个交互式的图片画廊。用户可以点击画廊中的图片以查看其大图，并通过左右箭头切换显示的图片。项目中还包括了基本的动画效果，提升用户体验。技术栈HTMLCSSJavaScript设计目标显示缩略图：用户可以查看多个小图作为画廊的缩略图。查看大图：点击某个缩略图后，展示该图片的放大版。切换图片：通过左右箭头切换显示的
  • JavaScript网页设计案例：创新与互动的融合 右恩 杂文javascript
    JavaScript网页设计案例：创新与互动的融合随着互联网技术的飞速发展，JavaScript作为Web前端开发的核心语言之一，已经成为创建动态、交互式网站不可或缺的一部分。通过结合HTML和CSS，JavaScript能够为用户提供更加丰富和个性化的浏览体验。本文将介绍几个基于JavaScript的网页设计案例，展示如何利用这门语言实现创意和技术的完美结合。1.动态菜单与导航一个直观且易于使用
  • 16、Python继承与多态机制深度解析 wolf犭良 pythonpython开发语言
    Python继承与多态机制深度解析文章导言本文深入探讨Python面向对象编程中继承与多态的核心机制，涵盖从基础语法到高级用法的完整知识体系。通过理论解析、代码实战和典型场景案例，助您掌握继承体系的构建方法、MRO算法的底层逻辑、多态特性的工程实践，以及抽象基类在接口设计中的妙用。文末提供10个阶梯式练习题及完整答案代码。一、继承机制深度剖析1.1单继承体系classAnimal:def__ini
  • 【大模型篇】阿里云 Qwen2.5-Max：超大规模 MoE 模型架构和性能评估 大F的智能小课 大模型理论和实战阿里云云计算
    大家好，我是大F，深耕AI算法十余年，互联网大厂技术岗。分享AI算法干货、技术心得。欢迎关注《大模型理论和实战》、《DeepSeek技术解析和实战》，一起探索技术的无限可能！一、引言Qwen2.5-Max是阿里云通义千问团队研发的超大规模Mixture-of-Expert（MoE）模型，旨在通过超大规模的数据和模型规模扩展来提升模型的智能水平。它在多个权威基准测试中展现出卓越性能，为自然语言处理领
  • Ollama入门指南：部署与实战最新模型（DeepSeek-V3、Qwen2.5、Llama3） AndrewHZ 深度学习新浪潮算法深度学习语言模型LLMollama神经网络模型部署
    通过本指南，您可快速掌握Ollama对最新模型的部署方法，并根据实际需求选择最优工具链。一、Ollama核心优势与适用场景Ollama通过简化模型部署流程，支持开发者快速调用DeepSeek-V3（开源MoE模型）、Qwen2.5-Max（阿里编程旗舰模型）、Llama3（Meta基础模型）等前沿大模型，适用于以下场景：本地开发：无需依赖云端API，保护数据隐私。模型对比：快速切换不同模型验证效果
  • 【力扣hot100题】（014）轮转数组 梭七y leetcode算法数据结构
    感谢力扣，好久没遇到过这么简单的题目了，并且比较考验基础（vector的各种删除拼接操作）。先储存起后k个元素，然后从第nums.size()-k处一一后移，最后将储存元素替换原来的前k个元素即可。classSolution{public:voidrotate(vector&nums,intk){k=k%nums.size();vectorrecord(nums.end()-k,nums.end(
  • 【嵌入式学习3】多用户多任务服务器实战 XYN5114 嵌入式学习学习服务器运维
    1、服务器#include#include#include#include#include#include#definePORT8080//服务器监听的端口号#defineBUFFER_SIZE1024#defineMAX_CLIENTS100typedefstruct{intsocket;structsockaddr_inaddress;intaddr_len;intindex;//客户端在cl
  • HarmonyOS NEXT实战：自定义封装多种样式导航栏组件 JasonYin~ HarmonyOSNEXTharmonyos
    涉及知识点和装饰器@ComponentV2，@Local，@Builder，@BuilderParam，@Extend，@Require，@Param，@Event等第三方库：ZRouter，如项目中本来就用了ZRouter路由库，案例中点返回按钮直接使用了ZRouter.pop()，没有用到的话也支持自定义返回事件。背景：在项目开发进程中，导航栏的应用场景颇为繁多。以我的页面为例，其导航栏呈现为
  • 分类任务- Kriol 深度学习初学分类数据挖掘人工智能
    importrandomimporttorchimporttorch.nnasnnimportnumpyasnpimportosfromPILimportImage#读取图片数据fromtorch.utils.dataimportDataset,DataLoaderfromtqdmimporttqdmfromtorchvisionimporttransformsimporttimeimportma
  • SpringBoot分布式项目中MyBatis实战技巧：从配置到性能优化 小马不敲代码 SpringBootspringboot分布式mybatis
    引言在分布式系统架构中，SpringBoot与MyBatis的组合已成为企业级开发的黄金搭档。但在实际项目中，开发者常面临多数据源管理、SQL性能优化、分布式事务等挑战。一、多数据源动态切换实战1.1多数据源配置@ConfigurationpublicclassDataSourceConfig{@Bean(name="masterDataSource")@ConfigurationProperti
  • 手把手教你用PyTorch从零训练自己的大模型（非常详细）零基础入门到精通，收藏这一篇就够了 heaven522 pytorch人工智能pythonchatgpt深度学习机器学习华为
    长按关注《AI科技论谈》LLM是如今大多数AI聊天机器人的核心基础，例如ChatGPT、Gemini、MetaAI、MistralAI等。这些LLM背后的核心是Transformer架构。本文介绍如何一步步使用PyTorch从零开始构建和训练一个大型语言模型（LLM）。该模型以Transformer架构为基础，实现英文到马来语的翻译功能，同时也适用于其他语言翻译任务。（本文以论文"Attentio
  • Unity 面向对象实战：掌握组件化设计与脚本通信，构建玩家敌人交互 吴师兄大模型 C#编程从入门到进阶unity交互游戏引擎c#游戏开发面向对象编程开发语言
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
  • Java Web开发学习指南：从入门到实战 软件职业规划 java前端开发语言
    一、JavaWeb基础（一）JavaWeb简介JavaWeb的概念JavaWeb是基于Java语言开发的Web应用程序。它通过Java技术实现动态网页的生成和数据交互。应用场景企业级Web应用开发，如电子商务网站、在线办公系统、企业资源管理系统等。JavaWeb技术在互联网、金融、教育等多个领域都有广泛应用。JavaWeb与JavaSE、JavaEE的关系JavaSE（JavaStandardEd
  • Redis集群 vs 云数据库：中小电商的缓存方案选择 恒星漫游者 缓存redis架构后端阿里云
    引言：一次缓存崩溃事故后的技术复盘技术人需要的不只是方案对比，而是真实战场中的生存指南。事故现场：凌晨12点，订单服务监控大屏突然告警——接口响应时间从50ms飙升至5秒以上，超时率突破30%。取线程堆栈，发现Redis集群主节点CPU满载，从节点却处于“IDLE”状态。紧急扩容从节点时，故障转移脚本因配置错误未能触发，最终数据库连接池被打满，整个下单链路雪崩。30分钟后，活动被迫终止，损失当日G
  • 实时金融数据对接实战。马来西亚、美国、印度等国家API数据 TVtoPP 金融python大数据开发语言区块链
    实时金融数据对接实战：基于WebSocket的多国市场数据集成在全球化的金融交易中，获取实时、多国家的金融市场数据（如股票、外汇、期货等）是许多应用的核心需求。本文将以技术解析为主线，分享如何通过WebSocket技术高效对接美国、印度、马来西亚等国家的金融数据API，并实现实时行情推送。以下是具体实现方案与技术细节。一、为什么选择WebSocket？在金融数据场景中，实时性至关重要。传统的HTT
  • 京东价格监控 API实战案例 Lex19970108016 数据库
    引言在电商行业的激烈竞争环境中，价格策略对商家的市场表现和盈利能力起着决定性作用。传统静态定价模式已难以适应市场的快速变化，动态调价系统应运而生。借助京东价格监控API，结合人工智能技术，商家能够实时掌握商品价格动态，精准制定价格调整策略，从而在竞争中占据优势。本文将深入探讨如何利用京东价格监控API构建高效的动态调价系统，并通过实际案例展示其应用效果。京东价格监控API概述API功能与特点京东开
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他