bee0060
bee0060

[css]我要用css画幅画(四)

接着之前的[css]我要用css画幅画(三)， 今天，我画了两朵云，并给小明介绍了个朋友：静静。

 

github：https://github.com/bee0060/Css-Paint ， 完整代码在pages/sun-house-4.html和相关的css中可以找到

demo： http://bee0060.github.io/Css-Paint/pages/sun-house/sun-house-4.html

 

完整html如下：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Css Paint</title>
 6     <link rel="stylesheet" type="text/css" href="../css/sun.css" />
 7     <link rel="stylesheet" type="text/css" href="../css/house.css" />
 8     <link rel="stylesheet" type="text/css" href="../css/human.css" />
 9     <link rel="stylesheet" type="text/css" href="../css/cloud.css" />
10 </head>
11 <body>
12     <div class="sun">
13         <div class="sun-body"></div>
14         <div class="sun-shine-light sun-shine-light1"></div>
15         <div class="sun-shine-light sun-shine-light2"></div>
16         <div class="sun-shine-light sun-shine-light3"></div>
17         <div class="sun-shine-light sun-shine-light4"></div>
18         <div class="sun-shine-light sun-shine-light5"></div>
19     </div>
20 
21     <div class="house-width house">
22         <div class="house-width house-roof house-roof-left"></div>
23         <div class="house-width house-roof house-roof-right"></div>
24         <div class="house-width house-wall">
25             
26             <div class="house-wall-door">
27                 
28                 <div class="house-wall-door-handle"></div>
29             </div>
30         </div>
31     </div>
32 
33     <div class="human human-pos-1">
34         <p class="lines">大家好，我叫小明</p>
35         <div class="human-head-normal"></div>
36         <div class="human-body-normal"></div>
37         <div class="human-arms-normal"></div>
38         <div class="human-legs-normal"></div>
39     </div>
40 
41     <div class="human human-pos-2">
42         <p class="lines">大家好，我叫静静</p>
43         <div class="human-head-normal"></div>
44         <div class="human-body-normal"></div>
45         <div class="human-arms-normal"></div>
46         <div class="human-legs-1"></div>
47     </div>
48 
49     <div class="cloud cloud-pos cloud-pos-1">
50         <div class="cloud-pos cloud-border cloud-bg cloud-top"></div>
51         <div class="cloud-pos cloud-border cloud-bg cloud-left"></div>
52         <div class="cloud-pos cloud-border cloud-bg cloud-right"></div>
53         <div class="cloud-pos cloud-border cloud-bg cloud-bottom"></div>
54     </div>
55     <div class="cloud cloud-pos cloud-pos-2">
56         <div class="cloud-pos cloud-border cloud-bg cloud-top"></div>
57         <div class="cloud-pos cloud-border cloud-bg cloud-left"></div>
58         <div class="cloud-pos cloud-border cloud-bg cloud-right"></div>
59         <div class="cloud-pos cloud-border cloud-bg cloud-bottom"></div>
60     </div>
61 
62 
63 </body>
64 </html>
Html

 

本次对human.css做了一些改动，主要增加了如下内容：

 1 .human-pos-1 {
 2     left: 250px;
 3     bottom: 25px;
 4 }
 5 
 6 .human-pos-2 {
 7     left: 40px;
 8     bottom: 60px;
 9 }
10 
11 .human-legs-1 {
12     border: 3px solid #000;
13     border-bottom: none;
14     border-right: none;
15     height:50px;
16     left: 55px;
17     position: absolute;
18     top: 120px;
19     width: 50px;
20     
21     -webkit-transform: rotate(-2deg);
22     -webkit-transform-origin: 1px 1px;
23 }
human.css改动

 

云的css如下：

 1 .cloud{
 2     height: 150px;
 3     width: 250px;
 4 }
 5 
 6 .cloud-pos {
 7     position: absolute;
 8 }
 9 
10 .cloud-pos-1 {
11     left: 35%;
12     top: 25px;
13 }
14 
15 .cloud-pos-2 {
16     left: 60%;
17     top: 25px;
18 }
19 
20 .cloud-bg {
21     background-color: skyBlue;
22 }
23 
24 .cloud-border {
25     border: 2px solid #000;
26 }
27 
28 .cloud-top {
29     border-radius: 100%;
30     border-width: 0px;
31     height: 100px;
32     left: 50%;
33     margin-left:-75px;
34     width: 150px;
35 }
36 
37 .cloud-left {
38     border-radius: 100%;
39     border-width: 0px; 
40     height: 100px;
41     margin-top: -50px;
42     top: 60%;
43     width: 100px;
44 }
45 
46 .cloud-right {    
47     border-radius: 100%;
48     border-width: 0px; 
49     height: 100px;
50     margin-top: -50px;
51     right:0;
52     top: 60%;
53     width: 100px;
54 }
55 .cloud-bottom {    
56     border-radius: 100%;
57     border-width: 0px; 
58     height: 100px;
59     left:53%;
60     margin-left: -75px;
61     margin-top: -50px;
62     top: 65%;
63     width: 150px;
64 }
cloud.css

 

这里并没有用到什么陌生的css，一个发现是，原来还有skyBlue这个颜色。 

这里的云是由四个形状不一的圆组成， 主要用了圆角属性和位置属性。

 

在画完后，也特意查了以下MDN中border-radius的详细介绍，加深了解，这里奉上MDN的文档链接（内容较多，再转述觉得多余，也担心造成误导，直接看文档可能更好）：

https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-radius

非常详细，发现自己以前用的还是比较浅的。

 

今天就到这，谢谢观看。 如有错误，欢迎指正。

 

PS: 这次去掉了code pen的demo，因为code pen每次都要把多个css文件中的代码逐个复制进去，比较麻烦。 但如果看官觉得有code pen看起来效果更好，可以留言告诉我，我再加回去。

 

你可能感兴趣的:([css]我要用css画幅画(四))

  • 使用POI导入Excel文件数据处理 生活压力大 Java开发poijavaexcel
    前言最近项目中做了一个Excel模板导入功能，需要将文件中的数据获取后保存，优于Excel文件中表头多行，数据比较凌乱所以采用了POI进行导入。引入jar包我的是maven项目，所以直接在pom文件中引入相关依赖即可，我使用的jar包为3.16：org.apache.poipoi3.16org.apache
  • 青少年编程与数学 01-012 通用应用软件简介 18 短视频平台 明月看潮生 编程与数学第01阶段青少年编程音视频编程与数学应用软件短视频
    青少年编程与数学01-012通用应用软件简介18短视频平台一、什么是短视频平台（一）短视频平台的基本定义（二）短视频平台的工作原理（三）短视频平台的类型二、短视频平台的重要意义（一）为用户提供丰富的娱乐内容（二）推动数字内容创作的民主化（三）促进文化的传播与交流（四）提升用户互动性和社交性（五）推动数字经济的发展三、短视频平台主要产品（一）抖音1.软件功能2.特色3.市场地位和市场价值4.增值服务
  • 车载诊断架构--- 车载诊断中的引导式诊断 汽车电子实验室 漫谈UDS诊断协议系列车载电子电气架构架构HPC软件架构ZEVonUDS-J1979车载通信网络槪述智能化趋势引导式诊断
    我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师：做到欲望极简，了解自己的真实欲望，不受外在潮流的影响，不盲从，不跟风。把自己的精力全部用在自己。一是去掉多余，凡事找规律，基础是诚信；二是系统思考、大胆设计、小心求证；三是“一张纸制度”，也就是无论多么复杂的工作内容，要在一张纸上描述清楚；四是要坚决反对虎头蛇尾，反对繁文缛节，反对老
  • 我的创作纪念日 茉莉玫瑰花茶 个人感想
    一、初心：技术分享与自我提升成为一名创作者的初衷，源于我在技术学习和实战项目中的点滴积累。在日常的学习和工作中，我常常会遇到一些有趣的技术问题，也会掌握一些实用的解决方案。最初，我只是将这些内容记录在个人笔记中，但后来发现，通过分享这些经验，不仅可以帮助到更多有需要的人，还能促使自己更深入地思考和总结知识。于是，我决定在CSDN上开设博客，将自己的技术心得以文章的形式呈现出来。我的博客茉莉玫瑰花茶
  • Windows系统部署YOLOv5 v6.1版本的训练与推理环境保姆级教程 lujx_1024 windowsYOLO
    文章目录一·概述二·依赖环境(`prerequisites`)2.1硬件环境2.2软件环境三·环境安装3.1创建并激活虚拟环境3.2安装`Pytorch`与`torchvision`3.3校验`Pytorch`安装3.4下载`YOLOv5``v6.1`源码3.5安装`YOLOv5`依赖3.6下载预训练模型3.7安装其他依赖3.8测试环境安装3.9测试训练流程四·参考链接一·概述本文档主要记录使用工
  • RDMA简介8之AXI 总线协议分析1 tiantianuser RDMARDMAverilog高速传输Vivado
    AXI总线是一种高速片内互连总线，其定义于由ARM公司推出的AMBA协议中，主要用于高性能、高带宽、低延迟、易集成的片内互连需求。AXI4总线是第四代AXI总线，其定义了三种总线接口，分别为：AXI4、AXI4-Lite和AXI4-Stream接口。其中AXI4也称为AXI4-Full是一种基于地址的高性能传输接口，其支持乱序传输、突发传输等传输方式，同时通过独立的地址总线，实现高性能的数据地址映
  • RabbitMQ学习笔记：rabbitmq-server -detached Warning: PID file not written； -detached was passed 码炫课堂-码哥 rabbitmq专题rabbitmq
    作者简介：大家好，我是smart哥，前中兴通讯、美团架构师，现某互联网公司CTO联系qq：184480602，加我进群，大家一起学习，一起进步，一起对抗互联网寒冬学习必须往深处挖，挖的越深，基础越扎实！阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析
  • 鸿蒙认证全攻略：流程与大纲深度剖析
    目录一、鸿蒙认证，开启未来的科技密钥二、认证流程全解析（一）前期准备（二）报名步骤详解（三）备考阶段（四）考试当天（五）成绩查询与证书领取三、大纲深度解读（一）认证考试大纲的重要性（二）各部分知识点详细分析四、过来人经验分享（一）成功案例分析（二）常见问题与解决方案五、结语一、鸿蒙认证，开启未来的科技密钥在科技飞速发展的当下，鸿蒙系统已然成为全球科技领域的焦点之一。自问世以来，鸿蒙系统凭借其独特的
  • 操作系统实践：使用Deepin国产操作系统开发智能鸿蒙小车设备（同Ubantu操作） 城北徐公Orz harmonyoslinux华为鸿蒙系统
    目录一．题目名称二．问题描述三．问题分析四．解决方案4.1开发环境4.2HelloWorld程序4.3基础部分剩余实验4.4拓展部分实验五．实验结果5.1基础实验部分5.2拓展实验部分一．题目名称本次的操作系统程序实训中，我们小组选题是：鸿蒙小车设备开发实践。OpenHarmony是一款面向全场景的开源分布式操作系统，采用组件化设计，支持在128KiB到xGiBRAM资源的设备上运行系统组件，设备
  • vue中css使用data中的变量 console.log( ) #vuevue.jscssjavascript
    封装一个ui组件，组件的样式一般是多种多样的我们可以通过组件传值的方式将ui属性传递给组件，但是我们属性是在js中可以拿到，vue3之前css是无法直接获取的(vue3中已经可以直接获取，可以去学习一下)通过vars那么在vue2中，我们要借助setProperty函数写一个简单的例子helloworldexportdefault{data(){return{color:'red'}},mount
  • 【数据挖掘】分类算法学习—ID3 会的全对٩(ˊᗜˋ*)و 数据挖掘数据挖掘分类学习经验分享ID3
    分类算法学习—ID3ID3（IterativeDichotomiser3）是一种经典的决策树学习算法，由RossQuinlan于1986年提出，主要用于处理离散特征的分类问题。其核心思想是通过信息增益选择最优特征进行节点分裂，递归构建决策树。要求：理解并掌握ID3算法，理解算法的原理，能够实现算法，并对给定的数据集进行分类，分析个人参股的情况代码实现：importpandasaspdimportn
  • esp32 支持 sd卡 micropython 文件系统_ESP32 / ESP8266 MicroPython教程：读取文件 weixin_39891317 esp32支持sd卡micropython文件系统
    原标题：ESP32/ESP8266MicroPython教程：读取文件引言本篇ESP32/ESP8266MicroPython教程主要说明如何从MicroPython的文件系统中读取一个文件。本教程在esp32和esp8266上进行了测试。通常我会使用Putty与MicroPython命令行界面进行交互。但是为了演示，我在本篇教程中会使用ArduinoSerialMonitor与设备进行交互。因为
  • 我的第一次开源心跳实录 zzywxc787 制造python开发语言实时互动
    提交按钮的荧光在凌晨三点半的黑暗中，像一枚即将引爆的定时炸弹，幽幽地跳动着。我蜷缩在宿舍书桌前，指尖悬在鼠标上方，微微发颤，每一次呼吸都清晰可闻。屏幕上是GitHub那个熟悉又陌生的界面，以及我项目“MiniLisp”仓库里那个名为first-steps的新分支。那里面，藏着我熬了整整两个通宵、反复咀嚼语法书、调试到几乎灵魂出窍才勉强成型的Lisp解释器雏形——一个简陋的eval函数核心。pyth
  • 【5分钟力扣】1160.拼写单词（python3实现） 金鞍少年 金鞍少年的刷题之路字符串leetcode力扣1160题python拼写单词
    文章目录一、前言二、题目三、哈希表解法3.1哈希表基本概念3.2解题思路3.3代码实例四、字符串比较解法4.1解题思路4.2代码实例一、前言如果放弃太早，你永远都不知道自己会错过什么。每天五分钟，看懂一道简单、中等难度的算法题，尽可能将复杂的题讲清楚。疯狂学习python中，2020-07-20更新二、题目给你一份『词汇表』（字符串数组）words和一张『字母表』（字符串）chars。假如你可以用
  • 无路可逃java攻略_《生化危机2：重制版》幽灵生还者无路可逃流程攻略 捡钱花 无路可逃java攻略
    《生化危机2：重制版》的幽灵生还者DLC中，当玩家通关了前面的三章之后就能解锁第四章——无路可逃，这个关卡需要解决100个丧尸，难度十分之高，下面小编就为大家带来一篇“lu_mkⅡ”分享的幽灵生还者无路可逃流程攻略。幽灵生还者无路可逃流程攻略1、打到40波和85波各为一个分水岭。2、先说40波40店门口会出现第一个火焰喷射器的背包丧尸，也是头40个敌人熬出头的时候，前期子弹不合理安排或者运气不好丧
  • Open3D 进阶（31）渐进三角网(PTD)地面滤波 点云侠 点云进阶线性代数算法计算机视觉python
    目录一、算法原理1、PTD算法2、实现流程二、代码实现三、参数指南四、结果展示。一、算法原理1、PTD算法  渐进三角网地面滤波算法（ProgressiveTINDensification,PTD）是一种广泛应用于机载LiDAR点云数据处理的滤波方法，旨在从复杂场景中精确分离地面点，以生成数字高程模型（DEM）。2、实现流程  PTD的核心思想是迭代加密三角网，逐步逼近真实地形：实现流程主要包括以
  • 视频云平台HTML5播放器使用文档(CuPlayer平台) 阿酷tony 酷播云（免费云存储）音视频html5前端
    视频云平台HTML5播放器使用文档(CuPlayer平台)varplayer=polyvPlayer({wrap:'#player',width:800,height:533,vid:'88083abbf5535a4d7b4d8614427559e0_8',});选项参数类型默认值说明wrapstring/HTMLElement-页面上存在需要载入播放器的DOM元素或css选择器widthnumb
  • 大模型的“Tomcat”：一文读懂AI推理引擎（Inference Engine) 人工智能
    本文已收录在Github，关注我，紧跟本系列专栏文章，咱们下篇再续！魔都架构师|全网30W技术追随者大厂分布式系统/数据中台实战专家主导交易系统百万级流量调优&车联网平台架构AIGC应用开发先行者|区块链落地实践者以技术驱动创新，我们的征途是改变世界！实战干货：编程严选网1推理引擎是啥？从熟悉的“服务器”说起，想象你用Java写好了一个业务应用，如订单处理服务，打成一个JAR或WAR包。这包能直接
  • 卸载神器—Geek安装和使用 菜鸟级后端 软件需求
    前言当你需要重新安装一个软件而去删除旧版的软件，却又由于删除不干净而又安装新版软件失败时，那么我推荐你使用Geek。Geek能够对电脑软件进行卸载、强制删除并删除软件对应的注册表数据等功能，可以保证卸载无残留，实在是人人必备的卸载神器啊！！！安装下载地址：GeekUninstaller-Download网盘地址：链接:https://pan.baidu.com/s/14p7hM1dLCOuNi3S
  • C++实现一个基于多态的职工管理系统（附源码） loveCC_orange C/C++c++面试华为后端开发多态
    之前为了找实习，学了Python，刷了五六十道算法题，然后就开始投简历面试了，结果就是各个大厂一轮游，要Python开发的岗位又少的可怜。但所幸华为的实习面试通过了~本来以为这样就可以等着拿offer了，结果泡池子失败，今年华为的RAN研究部offer数量缩水，由于没在前四之列，所以就被pass掉了。然后又重新开始海投简历找实习。在无数次碰壁之后，深感自己才疏学浅，学的东西还是太少了。于是继续刷题
  • pdf打印机怎么把PDF文件打印成JPG chongju1386
    有时候我们在处理pdf文件的时候，我们需要把它打印成JPG，其实这是很不简单的一件事情，这时候就需要去借助pdf打印机来完成了，那么我来给大家说说它的方法吧。1、运行最新版本的迅捷PDF虚拟打印机，软件打开之后，点击软件界面里的“配置设定”选项，打开软件的设置界面。2、进入设置界面后，点击软件左侧的“保存”选项，接着点击“选取默认的文件格式”选项，将文件的默认格式修改为JPEG图片选项。3、修改完
  • 使用.NET将PDF转换为Excel CodeBandit .netpdfexcel.NET
    在.NET开发中，我们经常需要处理不同格式的文件。有时候，我们可能需要将PDF文件转换为Excel文件，以便对数据进行进一步的分析和处理。在本文中，我将向您展示如何使用C#和一些开源库来实现这个目标。步骤1：准备工作在开始之前，我们需要准备一些工具和库：VisualStudio（或其他任何C#开发环境）：用于编写和运行C#代码。iTextSharp库：一个开源的.NET库，用于处理PDF文件。您可
  • word表格后面空白页怎么删除 w怀瑾握瑜 word
    一、万能法（把空白页段落标记设置的非常小就OK）（我这边百用百灵）1、首先选中空白页的这个段落标记2、然后点击段落的这个小框3、然后4、大功告成可以看到空白页的那个段落标记已经变得非常小，挤在表格下面，已经不会多占一页了
  • 告别迷茫！GitHub上这本《系统设计101》，我愿称之为“架构圣经” wylee 架构
    各位CSDN的读者朋友们，你们是否也曾被系统设计这道“拦路虎”困扰？在软件开发的世界里，从写出能跑的代码到设计出高性能、高可用、可伸缩、易维护的复杂系统，中间隔着一道巨大的鸿沟。无论是面试中那些让人头大的“设计一个短链接系统”、“设计一个高并发的消息队列”，还是工作中面对系统扩容、性能瓶颈、稳定性挑战时的焦头烂额，无一不在提醒我们：系统设计，是程序员进阶架构师的必经之路，也是真正区分高级工程师与普
  • 阿里云Redhat系Linux修改ssh默认端口 z同学的编程之旅 环境搭建阿里云linuxssh
    阿里云Redhat系Linux修改ssh默认端口在阿里云买了个服务器，想着ssh的默认端口是22，这不安全。我就将修改ssh默认端口的过程记录下来了，方便日后回看。本命令适用于Redhat系Linux，例如Redhat、Centos、AlibabaCloudLinux、OracleLinux、RockyLinux、AlmaLinux等。我为什么知道这些Linux？因为公司有内核相关业务，接触的多了
  • Redis——》双写一致性
    思考：项目为什么要用redis?redis配置集群了吗？怎么配的？几台机器？单台redis的压力多少？一、我们为什么引入redis？一定要根据业务场景来，首先分析读写情况，再来考虑要不要引入redis读少写多：不要引用redis读多写多：适当引用redis（可以减少mysql数据库压力，如果不引用，可以使用数据库的主从复制，读写分离）读少写少：不要引用redis（根本没有必要）读多写少：可以引用r
  • 【机器学习&深度学习】前馈神经网络（单隐藏层） 一叶千舟 深度学习【理论】机器学习深度学习神经网络
    目录一、什么是前馈神经网络？二、数学表达式是什么？三、为什么需要“非线性函数”？四、NumPy实现前馈神经网络代码示例五、运行结果六、代码解析6.1初始化部分6.2前向传播6.3计算损失（Loss）6.4反向传播（手动）6.5更新参数（梯度下降）6.6循环训练七、训练过程可视化（思维图）八、关键问题答疑Q1：为什么需要隐藏层？Q2：ReLU是干嘛的？Q3：学习率怎么选？九、总结学习建议在机器学习中
  • 网络资源模板--基于Android Studio 实现的食谱助手App 编程乐学 Android网络项目模板androidstudioandroid毕业设计安卓大作业食谱助手健康饮食
    目录一、项目简介二、项目演示三、部设计详情（部分)登录页面菜谱页面食物页我的页面四、项目源码一、项目简介根据软件设计的需求进行总结，确定本软件各种功能的实现，并通过以下几个模块来满足该软件基本功能，其中功能模块的分别为：用户注册：新用户输入用户名和密码进行账号的注册。用户登录：已注册的用户输入用户名和密码进行登录。食物：查看不同食物的科普和不宜同食的食物。菜谱：对菜谱进进行查看、收藏、取消收藏。我
  • 统信UOS（Linux）安装nvm node管理工具 高高i linux运维服务器UOS统信nvm安装
    整篇看完再操作，有坑！！官网nvm官网按照官网方式安装，一直报错经过不断研究，正确步骤如下1、下载安装包可能因为网络安全不能访问github，我是链接热点下载的wgethttps://github.com/nvm-sh/nvm/archive/refs/tags/v0.39.1.tar.gz2、解压可能报mkdir无权限，所以需要使用sudo执行解压命令，可能报找不到文件【v0.39.1.tar.
  • 虚幻引擎UE多语言设计与实现 污领巾 虚幻java数据库
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、启用本地化功能二、创建本地化文本使用文本本地化文件三、UI文本本地化UMG本地化：Slate本地化：四、音频和资产本地化五、运行时语言切换设置当前文化：蓝图实现切换：测试和打包前言在虚幻引擎（UnrealEngine）中实现游戏**多语言（本地化，Localization）**功能，是比较成熟的一套机制。可以通过以下几
  • LeetCode[位运算] - #137 Single Number II Cwind javaAlgorithmLeetCode题解位运算
    原题链接：#137 Single Number II  要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现三次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间   难度：中等   分析： 与#136类似，都是考察位运算。不过出现两次的可以使用异或运算的特性 n XOR n = 0, n XOR 0 = n，即某一
  • 《JavaScript语言精粹》笔记 aijuans JavaScript
    0、JavaScript的简单数据类型包括数字、字符创、布尔值（true/false）、null和undefined值，其它值都是对象。 1、JavaScript只有一个数字类型，它在内部被表示为64位的浮点数。没有分离出整数，所以1和1.0的值相同。 2、NaN是一个数值，表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它本身。可以用函数isNaN(number)检测NaN,但是
  • 你应该更新的Java知识之常用程序库 Kai_Ge java
    在很多人眼中，Java 已经是一门垂垂老矣的语言，但并不妨碍 Java 世界依然在前进。如果你曾离开 Java，云游于其它世界，或是每日只在遗留代码中挣扎，或许是时候抬起头，看看老 Java 中的新东西。 Guava Guava[gwɑ:və]，一句话，只要你做Java项目，就应该用Guava（Github）。 guava 是 Google 出品的一套 Java 核心库，在我看来，它甚至应该
  • HttpClient 120153216 httpclient
    /** * 可以传对象的请求转发，对象已流形式放入HTTP中 */ public static Object doPost(Map<String,Object> parmMap,String url) { Object object = null; HttpClient hc = new HttpClient(); String fullURL
  • Django model字段类型清单 2002wmj django
    Django 通过 models 实现数据库的创建、修改、删除等操作，本文为模型中一般常用的类型的清单，便于查询和使用： AutoField：一个自动递增的整型字段，添加记录时它会自动增长。你通常不需要直接使用这个字段；如果你不指定主键的话，系统会自动添加一个主键字段到你的model。(参阅自动主键字段) BooleanField：布尔字段,管理工具里会自动将其描述为checkbox。 Cha
  • 在SQLSERVER中查找消耗CPU最多的SQL 357029540 SQL Server
    返回消耗CPU数目最多的10条语句 SELECT TOP 10    total_worker_time/execution_count AS avg_cpu_cost, plan_handle,    execution_count,    (SELECT SUBSTRING(text, statement_start_of
  • Myeclipse项目无法部署，Undefined exploded archive location 7454103 eclipseMyEclipse
    做个备忘！ 错误信息为：       Undefined exploded archive location 原因：           在工程转移过程中，导致工程的配置文件出错； 解决方法：    
  • GMT时间格式转换 adminjun GMT时间转换
    普通的时间转换问题我这里就不再罗嗦了，我想大家应该都会那种低级的转换问题吧，现在我向大家总结一下如何转换GMT时间格式，这种格式的转换方法网上还不是很多，所以有必要总结一下，也算给有需要的朋友一个小小的帮助啦。 1、可以使用 SimpleDateFormat SimpleDateFormat    EEE-三位星期 d-天 MMM-月 yyyy-四位年
  • Oracle数据库新装连接串问题 aijuans oracle数据库
    割接新装了数据库，客户端登陆无问题，apache/cgi-bin程序有问题，sqlnet.log日志如下： Fatal NI connect error 12170.   VERSION INFORMATION:         TNS for Linux: Version 10.2.0.4.0 - Product
  • 回顾java数组复制 ayaoxinchao java数组
    在写这篇文章之前，也看了一些别人写的，基本上都是大同小异。文章是对java数组复制基础知识的回顾，算是作为学习笔记，供以后自己翻阅。首先，简单想一下这个问题：为什么要复制数组？我的个人理解：在我们在利用一个数组时，在每一次使用，我们都希望它的值是初始值。这时我们就要对数组进行复制，以达到原始数组值的安全性。java数组复制大致分为3种方式：①for循环方式 ②clone方式 ③arrayCopy方
  • java web会话监听并使用spring注入 bewithme Java Web
            在java web应用中，当你想在建立会话或移除会话时，让系统做某些事情，比如说，统计在线用户，每当有用户登录时，或退出时，那么可以用下面这个监听器来监听。        import java.util.ArrayList; import java.ut
  • NoSQL数据库之Redis数据库管理(Redis的常用命令及高级应用) bijian1013 redis数据库NoSQL
    一 .Redis常用命令         Redis提供了丰富的命令对数据库和各种数据库类型进行操作，这些命令可以在Linux终端使用。         a.键值相关命令         b.服务器相关命令 1.键值相关命令       &
  • java枚举序列化问题 bingyingao java枚举序列化
    对象在网络中传输离不开序列化和反序列化。而如果序列化的对象中有枚举值就要特别注意一些发布兼容问题: 1.加一个枚举值 新机器代码读分布式缓存中老对象，没有问题，不会抛异常。 老机器代码读分布式缓存中新对像，反序列化会中断，所以在所有机器发布完成之前要避免出现新对象，或者提前让老机器拥有新增枚举的jar。 2.删一个枚举值 新机器代码读分布式缓存中老对象，反序列
  • 【Spark七十八】Spark Kyro序列化 bit1129 spark
    当使用SparkContext的saveAsObjectFile方法将对象序列化到文件，以及通过objectFile方法将对象从文件反序列出来的时候，Spark默认使用Java的序列化以及反序列化机制，通常情况下，这种序列化机制是很低效的，Spark支持使用Kyro作为对象的序列化和反序列化机制，序列化的速度比java更快，但是使用Kyro时要注意，Kyro目前还是有些bug。 Spark
  • Hybridizing OO and Functional Design bookjovi erlanghaskell
      推荐博文： Tell Above, and Ask Below - Hybridizing OO and Functional Design 文章中把OO和FP讲的深入透彻，里面把smalltalk和haskell作为典型的两种编程范式代表语言，此点本人极为同意，smalltalk可以说是最能体现OO设计的面向对象语言，smalltalk的作者Alan kay也是OO的最早先驱，
  • Java-Collections Framework学习与总结-HashMap BrokenDreams Collections
            开发中常常会用到这样一种数据结构，根据一个关键字，找到所需的信息。这个过程有点像查字典，拿到一个key，去字典表中查找对应的value。Java1.0版本提供了这样的类java.util.Dictionary(抽象类)，基本上支持字典表的操作。后来引入了Map接口，更好的描述的这种数据结构。  &nb
  • 读《研磨设计模式》-代码笔记-职责链模式-Chain Of Responsibility bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 业务逻辑：项目经理只能处理500以下的费用申请，部门经理是1000，总经理不设限。简单起见，只同意“Tom”的申请 * bylijinnan */ abstract class Handler { /*
  • Android中启动外部程序 cherishLC android
    1、启动外部程序 引用自： http://blog.csdn.net/linxcool/article/details/7692374 //方法一 Intent intent=new Intent(); //包名 包名+类名（全路径） intent.setClassName("com.linxcool", "com.linxcool.PlaneActi
  • summary_keep_rate coollyj SUM
    BEGIN /*DECLARE minDate varchar(20) ; DECLARE maxDate varchar(20) ;*/ DECLARE stkDate varchar(20) ; DECLARE done int default -1; /* 游标中 注册服务器地址 */ DE
  • hadoop hdfs 添加数据目录出错 daizj hadoophdfs扩容
    由于原来配置的hadoop data目录快要用满了，故准备修改配置文件增加数据目录，以便扩容，但由于疏忽，把core-site.xml, hdfs-site.xml配置文件dfs.datanode.data.dir 配置项增加了配置目录，但未创建实际目录，重启datanode服务时，报如下错误： 2014-11-18 08:51:39,128 WARN org.apache.hadoop.h
  • grep 目录级联查找 dongwei_6688 grep
           在Mac或者Linux下使用grep进行文件内容查找时，如果给定的目标搜索路径是当前目录，那么它默认只搜索当前目录下的文件，而不会搜索其下面子目录中的文件内容，如果想级联搜索下级目录，需要使用一个“-r”参数： grep -n -r "GET" .   上面的命令将会找出当前目录“.”及当前目录中所有下级目录
  • yii 修改模块使用的布局文件 dcj3sjt126com yiilayouts
    方法一：yii模块默认使用系统当前的主题布局文件，如果在主配置文件中配置了主题比如: 'theme'=>'mythm', 那么yii的模块就使用 protected/themes/mythm/views/layouts 下的布局文件； 如果未配置主题，那么 yii的模块就使用  protected/views/layouts 下的布局文件， 总之默认不是使用自身目录 pr
  • 设计模式之单例模式 come_for_dream 设计模式单例模式懒汉式饿汉式双重检验锁失败无序写入
                    今天该来的面试还没来，这个店估计不会来电话了，安静下来写写博客也不错，没事翻了翻小易哥的博客甚至与大牛们之间的差距，基础知识不扎实建起来的楼再高也只能是危楼罢了，陈下心回归基础把以前学过的东西总结一下。   *********************************
  • 8、数组 豆豆咖啡 二维数组数组一维数组
      一、概念       数组是同一种类型数据的集合。其实数组就是一个容器。   二、好处       可以自动给数组中的元素从0开始编号，方便操作这些元素   三、格式   //一维数组 1,元素类型[] 变量名 = new 元素类型[元素的个数] int[] arr =
  • Decode Ways hcx2013 decode
    A message containing letters from A-Z is being encoded to numbers using the following mapping: 'A' -> 1 'B' -> 2 ... 'Z' -> 26 Given an encoded message containing digits, det
  • 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
  • squid3(高命中率)缓存服务器配置 liyonghui160com
        系统:centos 5.x   需要的软件:squid-3.0.STABLE25.tar.gz 1.下载squid wget http://www.squid-cache.org/Versions/v3/3.0/squid-3.0.STABLE25.tar.gz tar zxf squid-3.0.STABLE25.tar.gz &&
  • 避免Java应用中NullPointerException的技巧和最佳实践 pda158 java
    1) 从已知的String对象中调用equals()和equalsIgnoreCase()方法，而非未知对象。 　　总是从已知的非空String对象中调用equals()方法。因为equals()方法是对称的，调用a.equals(b)和调用b.equals(a)是完全相同的，这也是为什么程序员对于对象a和b这么不上心。如果调用者是空指针，这种调用可能导致一个空指针异常 Object unk
  • 如何在Swift语言中创建http请求 shoothao httpswift
    概述：本文通过实例从同步和异步两种方式上回答了”如何在Swift语言中创建http请求“的问题。 如果你对Objective-C比较了解的话，对于如何创建http请求你一定驾轻就熟了，而新语言Swift与其相比只有语法上的区别。但是，对才接触到这个崭新平台的初学者来说，他们仍然想知道“如何在Swift语言中创建http请求？”。 在这里,我将作出一些建议来回答上述问题。常见的
  • Spring事务的传播方式 uule spring事务
    传播方式：        新建事务       required       required_new   - 挂起当前         非事务方式运行       supports   &nbs
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他