Dax1_
Dax1_

CSS画皮卡丘

效果图
CSS画皮卡丘_第1张图片

index.html

doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>皮卡丘title>
    <link rel="stylesheet" href="style.css">
head>
<body>
<div class="skin">
    <div class="eye left">div>
    <div class="eye right">div>
    <div class="nose">
        <div class="yuan">
        div>
    div>
    <div class="face left">div>
    <div class="face right">div>
    <div class="mouth">
        <div class="up">
            <div class="lip left">div>
            <div class="lip right">div>
        div>
        <div class="down">
            <div class="yuan1">
                <div class="yuan2">

                div>
            div>
        div>
    div>
    <div class="hide">div>
div>
<script src="main.js">script>
body>
html>

style.css

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*::before, *::after {
    box-sizing: border-box
}

body {
    background: #ffe600;
    min-height: 100vh;
}

.nose {
    border: 10px solid black;
    border-color: black transparent transparent transparent;
    width: 0;
    height: 0;
    position: relative;
    left: 50%;
    top: 145px;
    margin-left: -10px;
}

@keyframes wave{
    0%{
        transform: rotate(0deg);
    }
    33%{
        transform: rotate(10deg);
    }
    66%{
        transform: rotate(-10deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
.nose:hover{
    /*transform-origin:center bottom;*/
    animation:wave 500ms infinite linear;
}

.yuan {
    position: absolute;
    width: 20px;
    height: 10px;
    top: -20px;
    left: -10px;
    border-radius: 10px 10px 0 0;
    background: black;
}

.eye {
    border: 2px solid #000;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    top: 100px;
    background: #2e2e2e;
    border-radius: 50%;
}

.eye::before {
    content: '';
    display: block;
    border: 3px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #fff;
    position: relative;
    left: 4px;
    top: 2px;
}

.eye.left {
    transform: translateX(-100px);
}

.eye.right {
    transform: translateX(100px);
}

.mouth {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 170px;
    margin-left: -100px;
}

.up {
    position: relative;
}

.lip {
    height: 30px;
    width: 100px;
    border: 3px solid black;
    border-top: none;
    left: 50%;
    z-index: 10;
    background: #ffe600;
}

.lip.left {
    border-radius: 0 0 0 50px;
    border-right: none;
    transform: rotate(-20deg);
    position: absolute;
    margin-left: -50%;
}

.lip.right {
    border-radius: 0 0 50px 0;
    border-left: none;
    transform: rotate(20deg);
    position: absolute;
}

.down {
    height: 180px;
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.yuan1 {
    width: 150px;
    height: 1000px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    border-radius: 75px/300px;
    background: #9b000a;
    overflow: hidden;
    border: 3px solid black;
}

.hide {
    width: 220px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    transform: translateY(148px);
    background: #ffe600;
}

.yuan2 {
    width: 180px;
    height: 300px;
    position: absolute;
    bottom: -160px;
    left: 50%;
    margin-left: -90px;
    background: #ff485f;
    border-radius: 100px;
}

.face.left {
    position: absolute;
    border: 2px solid black;
    width: 100px;
    height: 100px;
    left:50%;
    margin-left: -50px;
    transform: translateX(-170px);
    top:200px;
    border-radius: 50%;
    background: #ff0000;
}
.face.right {
    position: absolute;
    border: 2px solid black;
    width: 100px;
    height: 100px;
    left:50%;
    margin-left: -50px;
    transform: translateX(175px);
    top:200px;
    border-radius: 50%;
    background: #ff0000;
}

你可能感兴趣的:(CSS画皮卡丘)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • day15｜前端框架学习和算法 universe_01 前端算法笔记
    T22括号生成先把所有情况都画出来，然后（在满足什么情况下）把不符合条件的删除。T78子集要画树状图，把思路清晰。可以用暴力法、回溯法和DFS做这个题DFS深度搜索：每个边都走完，再回溯应用：二叉树搜索，图搜索回溯算法=DFS+剪枝T200岛屿数量（非常经典BFS宽度把树状转化成队列形式，lambda匿名函数“一次性的小函数，没有名字”setup语法糖：让代码更简洁好写的语法ref创建：基本类型的
  • 贝多芬诞辰250周年纪念 万千星河赴远方
    就算不是古典音乐爱好者，你也一定听说过贝多芬。作为古典音乐史上最伟大的音乐家之一，他不仅是古典主义风格的集大成者，同时也是浪漫主义风格的开创者。贝多芬肖像画（1813年）贝多芬的一生共创作了9部交响曲、36首钢琴奏鸣曲、10部小提琴奏鸣曲、16首弦乐四重奏、1部歌剧及2部弥撒曲等等。数量虽然不及前辈海顿、莫扎特多，但他几乎改造了当时所有的音乐表达形式，赋予了它们全新的价值，对后世音乐的发展产生了极
  • js操作样式 郝加升
    DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge
  • 说文解字8示部和衣部 亢龙有悔_cb5a
    “示”的字形演变过程“示”的甲骨文字形为一横一竖的指事符号，上面的横画代表上天，下面的竖画代表上天向人间显露的征兆，那么，“示”的造字本义是天神以天象显露天意中国古代没有形成像西方社会那样的宗教传统，而是以宗法制度为纽带的世俗社会。所谓宗法，简单来说就是祖先崇拜。就是把祖先上升到神的地位。所以，带“示”的字大都和祖先、神祇有关。“示”在作为偏旁部首时分为在左“礻”和在下“示”两种情况，分别举例说明
  • 2018-10-15 麋鹿含
    妈妈让我挑一副最好的画，参加两岸少儿书画大赛。妈妈把我的画全拿过来，妈妈说你全摆着把入册的和没有入册的分开摆。我横着的放一排，我把竖着的放一排，画太多了我实在是太累了，我都出汗了。我感觉孔雀最好看，我就拿他参加比赛了。
  • 用代码生成艺术字：设计个性化海报的秘密
    本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
  • 2018.5.30.松果148 April2005
    写《像自由一样美丽》的封面《像自由一样美丽》，硬质的封面，一幅水粉画插图占据了整个版面。画面的右侧是一栋小小房屋，红色的三角形屋顶，棕色的方形屋子，对称的米黄色正方形，作为窗子，还有门，同样是再普通不过的方形，带着一点圆弧，小屋的右上角还有一个小小的烟囱，墨色晕染出的炊烟缓缓腾起。它腾起的速度是如此之慢，时断时续，以至于你会觉得这间小屋压根儿没有人居住，但也许，他们早已经没有可供烹饪的食物了，淡淡
  • 前端面试每日 3+1 —— 第39天 浪子神剑
    今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss
  • 钱能买到虚伪的笑脸，却买不到最真的情谊 北仑情
    深情最怕无情伤。真心最怕薄情凉。一个人在这世界上，心就那么一颗。对你好的人，就那么几个，帮你难处的人，不是钱财太多，而是暖你心窝。雨中送伞的人，不是不怕风雨，而是知冷知热。相识满天下，知心能几人？你很想看清了人心，谁是虚伪，谁又是认真；你很想摸透了感情，谁是假意，谁又是诚恳。将心比心，我们都害怕付出的真心，被刻上了一道道伤痕；我们都担心，人生苦短，冷暖自知，缘聚缘散是缘，缘起缘灭皆缘，淡然以对。画
  • 什么样的画？值得极限男人帮牺牲也要保护它！ 爱之力凌驾一切
    上周，最新一期的《极限挑战》里极限男人帮被赋予了六种不同的身份穿越民国，来到一座古城，在古堡里他们为了保护名画——《韩熙载夜宴图》，与敌对势力展开一出保护古画的“夺宝大战”。关于《韩熙载夜宴图》，不知你们对此了解多少呢？剧中的《韩熙载夜宴图》是五代十国时期南唐画家顾闳中的绘画作品。此画几经辗转到张大千手中，最后张大千低价将这幅画售予国家，现藏于北京故宫博物院。《韩熙载夜宴图》这幅图长有335.5厘
  • 打麻将的女人是不是很堕落，对生活失去了信心 晓阳冉冉
    我认为打麻将和堕落及生活的信心没有什么必然的关系。这个我是有发言权的，因为我77岁、78岁的爸妈现在几乎每天都打麻将。很小的时候，家里穷，农忙的时候爸妈忙着种地，农闲时，爸爸会上山砍柴，下河捞石头，换点小钱，或者去砖窑上干活，去挣些微薄的酬劳，用来供我们4个读书。妈妈呢，心灵手巧，会剪很漂亮很漂亮的窗花，而且，我妈妈剪的所有窗花，都不用提前画印迹，都是根据窗子的大小和形状，随心裁出，有时候是莲花、
  • 26. 什么是雪碧图，作用和原理了解吗 yqcoder 前端面试-CSScss前端html
    总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
  • 年后计划 腾_飞
    正月十六过完，这个年就算过去了。开始“折腾自己”！1每天三组俯卧撑，每组十个，以一号十五号为时间点，每次增加五个，坚持100天。2每天看书时间至少一小时，不间断时间。3开始拿起画笔，每天一小画，每周一大画，并学习有关绘画的知识。4每日弹吉他半小时，熟练掌握技巧。5每日一写，不拘字数，以每日相关看书，感悟，小说，诗歌为基础。6以六月为截止，投稿，以文字形式展开第二副业。7每周至少一次爬山，以散心，强
  • 美国插画师Audrey Helen Weber的作品欣赏 布丁辰儿
    今天分享来自美国插画师AudreyHelenWeber的作品～这些看起来又萌又怪、又傻又严肃的画面背后都有怎样的故事呢？如果你看了插画师AudreyHelenWeber的画，觉得浑身不对劲，但又似乎被一股神秘的可爱力量吸引，无法移开视线……这或许正是Audrey的创作意图。来自美国的她，2011年毕业于戏剧设计专业，她的绘画创作深受戏剧和舞台表演的影响。Audrey说自己一直拼命想成为一名表演者，
  • 关于前端的性能优化
    性能优化主要涵盖了以下四个方面：(tip:仅代表个人总结，如有不当，还希望看到的大佬多多指示)减少网络请求：合并文件、使用CDN、启用缓存。优化资源加载：代码分割、懒加载、图片压缩。提升渲染性能：减少重绘回流、防抖节流、使用WebWorker。监控和迭代：定期使用工具检测性能，持续优化。一、网络层面优化减少HTTP请求合并文件：将多个CSS或JavaScript文件合并成一个，减少请求次数。使用C
  • Grid布局参考资料 kiterumer
    Grid布局张鑫旭-写给自己看的display:grid布局教程阮一峰-CSSGrid网格布局教程在Grid布局中，float，display:inline-block，display:table-cell，vertical-align以及column-*这些属性和声明对grid子项是没有任何作用的。这个可以说是Grid布局中的常识，面试经常会问的，一定要记得。Grid布局则适用于更大规模的布局（
  • 生活与女人 原创润雨
    /润雨生活会给你走过的路留下痕迹你是小女人就是温室的花朵一颦一柔中，绽放清幽你是大女人就是铿锵玫瑰风雨中飞行练就一双坚硬的翅膀一笑一媚中，透着凛冽沧桑是岁月沉淀后的平淡一只画笔不只是画山水还画生活里的柴米画神州乾坤心能装一针一线还能装下世界格局生活与女人在亲情，爱情，友情里织网女人与诗不仅仅在远方还在每一天的珍惜里
  • 解决 Webpack 报错 “No module factory available for dependency type: CssDependency“ 的方法 cmmav33990 webpackrust前端
    这个错误表明Webpack在处理CSS依赖时找不到合适的模块工厂，通常发生在配置不完整或依赖冲突的情况下。以下是详细的解决方案：核心解决方案方案1：安装并配置正确的CSS处理器（最推荐）bashnpminstall--save-devcss-loaderstyle-loader#或使用mini-css-extract-plugin替代style-loadernpminstall--save-dev
  • 俄罗斯艺术家Dina Brodsky 绘画作品 布丁辰儿
    俄罗斯艺术家DinaBrodsky精通油画、素描用西方油画技法画出了东方内在的笔墨韵味笔下的精微风景油画可见栩栩如生、精湛入微DinaBrodsky绘画作品很有形式感的小幅油画绘画作品，超可爱风景小油画～感觉大家很喜欢这种迷你画DinaBrodsky凭着这组精微油画走红网络，人们不仅感叹她作品惊艳，这一张张油画风景全都是在巴掌大的油画布上画的，蓝蓝的天空、绿油油的树木，画面很美、像诗一般，很有意境
  • 2019.11.23 星期六 阴 陪孩子成长 第二十四篇 可可儿kker
    中午回家十二点了，买了一条鱼，做酸菜鱼。姐姐不吃辣的，给姐姐买了粽子，又做了煎肠，姐姐很开心。饭后一点二十，我们俩就开始听写字词，姐姐告诉我听写的内容，我跟她对坐着，抱着妹妹一起听写。姐姐的字写的忒大，总体来说已经好多了，我就叨唠她写字再工整一些，不要着急，一笔一画的写……（每次写字都提醒，不怕麻烦，就这么督促她，多练习）听写完有几个错的字，“绕”多一点，“戴”多一竖，每个字多些几遍，再次听写就对
  • 周总结 9.17-9.23 蔚兰
    本周情况：1.运动2次2.码字4篇，抱佛脚……3.学习：素描书籍阅读进程一半因为没有练习阅读不下去了，开通了微信阅读卡，坚持使用。4.听音频：无5.阅读坚持：4天下周计划：1.运动：运动4次，跑步，每次3公里以上2.输入：a.学习素描课程5集b.每天书籍阅读20分钟c.每天亲子阅读15分钟3.输出：a.为了养成每日写文的习惯，暂定每天写一个字，内容：阅读笔记等b.绘画，每天中午午休时间来画，每天绘
  • 五律/夏咏绣球花 珠江潮平
    图片发自App侨苑遇芳篱，他乡赏丽姿。江南攀树跳，北美漫庭驰。花绣千团画，球铺五彩诗。阳光天下爱，盛放感恩时。（平水韵拍于温哥华）图片发自App
  • 50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Pokedex（宝可梦图鉴）
    我们继续50个小项目挑战！——Pokedex组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3结合PokeAPI来创建一个炫酷的宝可梦图鉴应用。通过这个项目，你将能够浏览前150只宝可梦的信息，包括它们的名字、类型、身高、体重以及能力等。而且，每只宝可梦
  • CSS基础（3） Zzz_睡不醒 css前端html
    CSS背景操作1.多重背景(MultipleBackgrounds)div{background-image:url(image1.png),url(image2.png);background-position:rightbottom,lefttop;background-repeat:no-repeat,repeat;background-size:auto,cover;}background
  • 静待花开21—16 木木_00d1
    图片发自AppDay16：扇形叶片，自己画暗线填充。这个图样是第一次学画，看到群里的平和师傅很认真的打格子，一个步骤一个步骤的学画。我也试着打了六个格子，跟着老师一步一个脚印。画到第四、五步的时候，我意识到刻意练习四字的含义，六个格相当于我一次就画了六遍，对图样从陌生到熟悉、再到熟练掌握。记得老师说过，刻意就是专心专注，真正投入时间和精力去做一件事情，不计较得失，不考虑结果，全身心投入，真正乐在其
  • 《博客园精华集》web标准分册第2论筛选结果文章列表
    《博客园精华集》web标准部分筛选结果（共55篇）一个喜欢网页设计的程序员作者：Awen根本不存在DIV+CSS布局这回事作者：CatChen欲练CSS，必先宫IE作者：CatChen你有强迫症吗？作者：CatChenSPAN元素和DIV元素的区别作者：ChrisLiudiv的认识作者：ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者：Dflying
  • 凤凰何其少 童无忌的三樱园
    宋代的文学家苏轼，不但诗词写得精彩，中国画也画得好。传说明朝一个员外偶然间得到了苏轼的《百鸟归巢图》，遍请状元伦文叙题一首诗，伦文叙也毫不含糊，提笔就写：天生一只又一只，三四五六七八只。员外一看，瞬间懵了？这是什么？打油诗吗？然而没等员外发问，伦文叙笔锋一转，又写下：凤凰何少鸟何多，啄尽人间千万石。员外看完后拍案叫绝，为什么呢？首先我们来看一下，画的标题中说是“百鸟”:题诗中却不见“百”字踪影，似
  • GAMES202——作业1 实时阴影(ShadowMap，PCF，PCSS)
    目录任务ShadowMapPCFPCSS实现ShadowMapuseShadowMapPCFfindBlockerPCSS结果任务ShadowMap1.在ShadowMaterial.js中需要向Shader传递正确的uLightMVP矩阵，该矩阵参与了第一步从光源处渲染场景从而构造ShadowMap的过程。你需要完成DirectionalLight中的CalcLightMVP(translate
  • Shadow Map ———— PCSS（percentage-closer Soft Shadow） kevin_dust
    ShadowMap————PCSS（percentage-closerSoftShadow）1、PCSS解决了什么问题传统的PCF每一次采样过滤耗费很大（每次都要遍历附近的几个点，虽然用了泊松分布，但还是不可避免），PCSS算法基本解决了该问题（通过动态计算采样范围，使用FindBlocker剔除非阴影点）传统的PCF半影不够逼真…PCSS算法通过计算准确的半影范围解决了4、PCSS的有关你资料：
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他