c__333
c__333

按钮特效（笔记）

案例

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>button</title>
    <link rel="stylesheet" href="D:\HTML\button\css\style.css">
</head>
<body>
<div class="box">
    <div class="link link-miss">
        <span class="icon"></span>
        <a href="#" class="button">
            <span class="line top"></span>
            <span class="line right"></span>
            <span class="line bottom"></span>
            <span class="line left"></span>
        MISSION</a>
    </div>
    <div class="link link-play">
        <span class="icon"></span>
        <a href="#" class="button">
            <span class="line top"></span>
            <span class="line right"></span>
            <span class="line bottom"></span>
            <span class="line left"></span>
        PLAY</a>
    </div>
    <div class="link link-touch">
        <span class="icon"></span>
        <a href="#" class="button">
            <span class="line top"></span>
            <span class="line right"></span>
            <span class="line bottom"></span>
            <span class="line left"></span>
        MISSION</a>
    </div>
</div>  
</body>
</html>

CSS代码

*{ margin: 0; padding: 0; }
body{ background: #333; }
.box{ width: 800px; height: 280px; margin: 50px auto; }
.box .link{ width: 205px; height: 280px; float: left; margin: 0 20px; }
.link .icon{ display: inline-block; width: 100%; height: 190px; transition:all 0.2s ease-out; }
.link-miss .icon{ background: url() no-repeat center center; }
.link-play .icon{ background: url() no-repeat center center; }
.link-touch .icon{ background: url() no-repeat center center; }
.link .icon:hover{ -webkit-transform:rotate(360deg) scale(1.2); }
.button{ display: block; width: 180px; height: 50px; position: relative; line-height: 50px; text-decoration: none; color: #2DCB70; font-family: Arial; font-weight: bolder; border:2px solid rgba(255,255,255,0.8); padding-left: 20px; margin: 0 auto; background: url() no-repeat 130px center; }
.button:hover{ border: 2px solid rgba(255,255,255,1); background-position: 140px center; transition:0.4s ease; }
.button .line{ display: block; position: absolute; background: none; transition:0.4s ease; }
.button:hover .line{ background: #fff; }
.button .line-top{ height: 2px; width: 0px; left: -110px; top: -2px; }
.button:hover .line-top{ width: 100%; left: -2px; }
.button .line-right{ width: 2px; height: 0px; right: -2px; top: -110%; }
.button:hover .line-right{ height: 100%; top:-2px; }
.button .line-bottom{ width: 2px; height: 0px; left: -2px; bottom: -110%; }
.button:hover .line-bottom{ height: 100%; bottom: -2px; }
.button .line-left{ width: 0px; height: 2px; right: -110%; bottom: -2px; }
.button:hover .line-left{ width: 100%; right: -2px; }

传统input标签

可直接在按钮中贴背景图。但是用CSS给input标签贴图，只能做宽高固定死的，不能做任意长度。

a标签

没有默认事件。
可以用CSS模拟成按钮外观，并做到宽度自适应。
可以增加上交互效果，且浏览器均兼容。

你可能感兴趣的:(按钮特效)

  • 故事NO.13 诺诺爱皓皓
    故事设计的政治学好莱坞的电影创作者，他们往往对生活的变化能力表现出过分的乐观（有人称之为愚蠢的乐观）而非好莱坞电影创作者却对变化表现出过分的悲观（有人称之为美丽的悲观）【所以形成了两极化的“故事政治学”】两极化：好莱坞质朴天真的乐观主义；艺术电影质朴天真的悲观主义。因为好莱坞电影中的故事常常过于牵强，且陈词滥调居多，所以导演必须用别的东西来补偿，以保持观众的注意力，因而不惜斥巨资来“变形”特效和惊
  • 网络如何赚钱？用手机怎么赚钱？ 氧惠_飞智666999
    网络赚钱不是你以为的那样，不是你想赚就能赚的，你需要一个很好的思路，让自己赚钱起来。今天我就给大家分享下这个方法，教咱们如何用手机操作互联网赚钱，这个非常简单。首先教你们怎样玩手机赚钱。第一步：打开淘宝或者拍拍、拼多多搜索赚钱项目。第二步：在网上搜一个项目或者产品，下载下来进行安装好之后去测试这个软件是否可以进行操作。第三步：进入测试后就点击第一个按钮进行提交就行了。第四步：提交后等待审核就行了。
  • 未来战士(3)新成员加入 先祖stone
    巨型机器人发射激光的地方已报废，落下一堆碎片。未来战士们大喜！突然，杰克从里面咆哮道：“这还没完！”，立即按下蓝色按钮，巨型机器人的腰部打开两扇门，突然弹出巨多的导弹，杰克在里面大声说道：“让爷来教训你！”说罢，导弹一起朝王铭锐的黄色摩托射去。连星皓掏出闪电侠芯片，一口吃到嘴里。啪的一声，他便有了闪电般的速度。在导弹飞在空中的那一瞬间，他掏出火焰神锯，把导弹锯了个粉碎！杰克生气了。他按下暴走模式，
  • Docker部署Minio YiShuoChen666 eureka云原生dockerminio
    一、拉取镜像dockerpullminio/minio:RELEASE.2025-04-22T22-12-26Z注：这里使用的版本是RELEASE.2025-04-22T22-12-26Z，最新的版本Web-UI界面没有管理bucket和其它的操作按钮，需要通过mc命令来实现，这对于新手很不友好二、创建目录，来存放minio的配置和将来放的文件mkdir-p/home/minio/configmk
  • 26. 什么是雪碧图，作用和原理了解吗 yqcoder 前端面试-CSScss前端html
    总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
  • H5UI微信小程序前端框架实战指南 ai
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
  • ZAP漏洞扫描系列04:手动导入请求添加站点 宁儿数据安全 #安全测试安全
    ZAP漏洞扫描系列04:手动导入请求添加站点通过请求器“曲线救国”添加站点，可按以下步骤操作（本质是手动发请求让ZAP识别站点）：GET请求步骤1：在请求器构造目标站点请求在请求器的“请求”编辑框，替换默认内容为：点击“发送（Send）”按钮，ZAP会向http://10.1.1.xx:8081/发请求。GEThttp://10.1.1.xx:8081/HTTP/1.1host:10.1.1.xx
  • 云端渲染：重塑影视、游戏与设计行业的算力革命
    导言：云端渲染技术通过将繁重的图形计算任务迁移至云端强大的计算集群，有效突破了传统渲染对高性能本地硬件和漫长等待周期的依赖，显著降低了制作成本与门槛。它正日益成为驱动影视、游戏及设计行业创新的核心技术。本文将深入解析云端渲染的技术原理，并探讨其如何深刻变革这三大行业的格局与未来。一、云端渲染的技术原理：解构算力革新云端渲染，其核心在于将高负载的图形处理任务——如复杂的3D建模、动画特效、光影计算及
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • 2018-10-28课堂活动 2d2cef5d0a9f
    课堂作业：组员：周萍王嘉慧蔡力争项目：新浪微博APP产品介绍：新浪微博是一个基于用户关系信息分享、传播以及获取的平台。大家可以在微博随时随地分享新鲜事。痛点：用户容易触到顶部从而自动刷新页面导致刚刚未看完的微博瞬间被刷走且消失在讯息茫茫的新浪微博里解决方法：1.后台直接删掉这个顶部触发按钮2.可以在设置里添加一个用户自主选择是否点击顶端就会自动刷新微博的设定
  • Isaac sim【3】Isaac Sim 工作界面 根号00000011 具身智能#ISAACSIM机器学习人工智能机器人具身智能isaacsim
    学习目标本教程介绍了IsaacSim中最常用的用户界面按钮、菜单和控件。完成本教程后，您应该更有信心在IsaacSim界面中导航和发现内容。5-10分钟教程开始先决条件在开始本教程之前，请查看什么是IsaacSim？。首先，将立方体添加到场景中。转到顶部菜单栏，然后单击创建>形状>立方体。验证Viewport的中心是否有一个Cube。Cube处于选中状态（以橙色突出显示），并且默认情况下启用Mov
  • 能分析从服务器收到的消息,Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息...
    我引起此原因的功能如下：在aspx页面添加按钮JS方法：functiondownPPT(){$("#Btn_DownPPT").click();}…………OnClick="Btn_DownPPT_Click"/>……………………aspx.cs方法protectedvoidBtn_DownPPT_Click(objectsender,EventArgse){…………Response.WriteFil
  • UE5 自动生成插件汇总：提升创作效率的得力助手 阿贾克斯的黎明 游戏开发ue5
    目录UE5自动生成插件汇总：提升创作效率的得力助手目录一、地形生成插件1.Polycam2.M4电影级地形工具包3.WorldCreatortoUnrealEngine插件二、场景生成插件1.PrometheanAI2.physicallayout（物理布局）三、动画生成插件1.CasterAI2.blender骨骼绑定模型一键导入UE5场景插件MagicBoneUE5RigCreator四、特效
  • 第七篇 快速开始-序 深圳都这么冷
    快速开始欢迎使用React文档！本页将向您介绍您每天会用到的80%的React概念。本章内容预告如何创建和嵌套组件如何添加标记和样式如何显示数据如何渲染条件表达式和列表表达式如何响应事件和更新屏幕如何在组件之间共享数据创建和嵌套组件React应用程序由组件组成。组件是UI（用户界面）的一部分，具有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。React组件是返回标记的JavaScri
  • 抖音极速版邀请码是多少？抖音极速版邀请码大全 资源共享猫
    你打开抖音极速版后，找到底部导航栏中的“我的”按钮点击可进入到活动页面，此时可以将邀请码填写到输入框中，也可以将邀请码分享给自己的朋友彼此都能领到红包奖励。大家在手机应用商店下载抖音极速版后，注册登录进入到抖音极速版首页凡是新用户会弹出填写邀请码的输入框，大家只需要在24小时内将邀请码填写完成方能领到红包奖励，还有小伙伴并不知道在哪里填写，下面小编为大家详细介绍一下吧。1.打开2024版抖音极速版
  • 布局管理器android,Android课程---布局管理器之相对布局（一）
    下面示例的是在父容器里如何设置按钮的位置，难度：***，重点是找到一个主按钮，设置它的id，然后根据它来设置其他按钮在父容器的位置。代码示例：android:layout_width="match_parent"android:layout_height="match_parent">android:layout_width="wrap_content"android:layout_height=
  • PyQt事件处理机制深度指南：超越信号与槽的底层掌控 钢铁男儿 PyQt5快速开发与实战pyqt
    ——5大核心策略+实战案例，解锁GUI交互的底层密码事件与信号槽的本质差异维度事件处理机制信号与槽机制抽象层级操作系统消息的原始封装对事件的高级封装应用场景控件行为定制/底层交互常规业务逻辑绑定执行顺序先于信号槽触发在事件处理完成后触发性能影响直接操作效率高存在元对象系统开销典型用例自定义按钮点击行为按钮点击触发业务函数核心认知：信号槽是PyQt的“快捷指令”，事件处理则是“底层汇编”——当需要突
  • vue 进入一个页面，然后离开这个页面他就重新加载 Java&Develop vuevue
    vue进入一个页面，然后离开这个页面他就重新加载这个代码导致的注释即可window.location.reload();window.location.reload()是JavaScript中的一个方法，用于强制刷新当前页面（重新加载页面内容）。其作用类似于用户手动点击浏览器的刷新按钮，但可以通过代码精确触发。核心作用：刷新页面重新加载当前显示的文档（即重新请求当前URL的资源）。可选参数控制缓存
  • Python BeautifulSoup 解析网页按钮元素 PythonAI编程架构实战家 Python人工智能与大数据Python编程之道pythonbeautifulsoup开发语言ai
    PythonBeautifulSoup解析网页按钮元素：从基础原理到工程实践的深度解析关键词BeautifulSoup、HTML解析、按钮元素定位、DOM树遍历、CSS选择器、网络爬虫、前端自动化摘要本文系统解析使用PythonBeautifulSoup库定位和提取网页按钮元素的全流程技术方案。从HTML文档的底层结构出发，结合BeautifulSoup的核心解析机制，覆盖从基础概念到高级工程实践
  • 即便你已经在浏览器中启用了 JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由 JavaScript 冲突
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • 技术文章大纲：Anaconda插件开发挑战赛引言介绍Anaconda在数据科学和PythonUH开发中的重要性 aadwje eclipseide
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • 滴滴出行优惠券怎么用？滴滴出行优惠券领取？ 高省_飞智666600
    随着移动出行平台的普及，滴滴出行已经成为很多人日常出行的首选。为了让乘客更好地享受便捷的出行服务，滴滴出行经常推出各种优惠活动，其中优惠券是乘客们非常关心的话题。那么，滴滴出行优惠券怎么用？又该如何领取呢？本文将为您详细解答。一、滴滴出行优惠券怎么用？1.打开滴滴出行APP，登录您的账户。2.在首页下方导航栏找到“优惠”按钮，点击进入优惠中心。3.在优惠中心页面，您可以查看到当前可用的优惠券。如果
  • 告别UI卡顿：深入 Web Worker 与 Comlink，解锁浏览器多线程编程的真正威力 码力无边-OEC ui前端webjavascript
    告别UI卡顿：深入WebWorker与Comlink，解锁浏览器多线程编程的真正威力你一定遇到过这样的场景：点击一个按钮后，页面突然“冻结”了，UI失去响应，动画卡住，滚动条也无法拖动。几秒钟后，页面才恢复正常。这种糟糕的体验，就是前端开发者永远的噩梦——主线程阻塞。Part1:痛点重现——当主线程不堪重负让我们先来制造一个经典的UI卡顿场景：计算大量斐波那契数。HTML(index.html):
  • Bettertouchtool 4.291(触控板增强软件) raeneiane09 1024程序员节
    BetterTouchTool是一款功能强大的Mac触控板增强软件，它允许用户自定义触摸栏、魔术鼠标和键盘快捷键等输入设备的操作和手势。通过BetterTouchTool，用户可以更高效地操作和控制Mac设备。主要特点和功能包括：自定义触摸栏和魔术鼠标：允许用户自定义MacBook触摸栏和MagicMouse的手势和按钮，为不同的手势和按钮分配自定义操作，如启动应用程序、调整音量、控制播放器等。键
  • 揭秘前端 CSS3 字体特效的实现方法
    #揭秘前端CSS3字体特效的实现方法>关键词：CSS3、字体特效、text-shadow、@font-face、font-feature-settings、动画效果、Web字体>摘要：本文通过生活化的比喻和实战案例，深入解析CSS3实现字体特效的核心技术。从基础文字阴影到高级字体动画，揭秘7种酷炫效果实现原理，并提供可直接复用的代码模板。##背景介绍###目的和范围本文系统讲解CSS3实现字体特效
  • 寻找结束合体！ 似二非二
    欢迎来到世界！创作你的创作！被冬天开的猫和许星者给弄醒的念薇薇先是一阵抱怨，然后疑惑自己现在在哪里，最后奇怪到底发生了什么。冬天开的猫说，她们现在在小岛内部，然后解释了念薇薇和许星者昏迷之后，所发生的事情。……冬天开的猫见许星者和念薇薇都晕倒了之后，就跟着假装晕倒。而冬天开的猫之所以没被迷晕过去，是因为她身上有buff加持，而且还吃了具有奇异效果的大草莓，除非是专门针对它而研制的特效药以及一些极其
  • 程序代码篇---python获取http界面上按钮或者数据输入 Atticus-Orion 程序代码篇pythonhttp开发语言
    在Python中获取HTTP界面上的按钮点击或数据输入，主要有两种场景：作为客户端：模拟用户在网页上输入数据、点击按钮（比如爬虫自动提交表单）。作为服务端：搭建一个网页服务，接收用户在浏览器中输入的数据和按钮点击（比如自己写一个简单的Web应用）。下面分别用通俗易懂的方式讲解这两种场景的实现方法和代码。一、作为客户端：模拟用户操作网页（自动输入和点击）这种场景常用于自动化测试或数据爬取，需要模拟用
  • 白云下的九维湾 第一百零一章 Thebookworm新西兰
    “嗨！路蔓，你在这里……”Jimmy推门走入了客厅，微笑着望着她。“这么早你就下班了吗？”路蔓抬起惊奇的面孔，问道。“哦，早上做了一个紧急抢救手术;下午的这一台手术，Oliy说他可以应付，让我回来休息一下。自从圣诞节以后，我还没有真正地休息过呢……”Jimmy走进厨房，拿起灶台上的电热水壶接满了水，放在插座上按下了电源按钮。“你辛苦了，休息会儿，与我一起喝杯咖啡吧？”他走到厨房的落地柜旁打开了门，
  • 魔力训练营第二十二天 梓媛姑娘
    1、感恩清晨的醒来，今天没有睡懒觉，醒了就起床。谢谢、谢谢、谢谢，2、感恩先生做的早餐分享一部分給我，面条特别的美味好吃，补充身体机能，开启美好的一天。谢谢、谢谢、谢谢，3、感恩水，不仅可以将衣服干净，还可以协助将整个房间清洁打扫干净。谢谢、谢谢、谢谢，4、感恩数学盒子，可以和女儿一起完成作业，今天点错按钮第二次答题没有完成，下次知道怎么做了。谢谢、谢谢、谢谢，5、感恩窗户阳台晾衣杆，衣架，可以将
  • 技术文章大纲：Anaconda插件开发挑战赛
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • 用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类） AdyZhang POJOeclipseHibernateMiddleGenIDE
    推荐:MiddlegenIDE插件,   是一个Eclipse   插件.     用它可以直接连接到数据库,   根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件!     今天开始试着使用
  • .9.png Cb123456 android
      “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png 　　智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 　　我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边
  • 算法的效率 天子之骄 算法效率复杂度最坏情况运行时间大O阶平均情况运行时间
    算法的效率 效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。   以下是我的学习笔记：   1.求值与霍纳法则，即为秦九韶公式。   2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。
  • java数据结构 何必如此 java数据结构
    Java 数据结构 Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect
  • MybatisHelloWorld 3213213333332132
    //测试入口TestMyBatis package com.base.helloworld.test; import java.io.IOException; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibat
  • Java|urlrewrite|URL重写|多个参数 7454103 javaxmlWeb工作
     个人工作经验！ 如有不当之处，敬请指点 1.0  web -info 目录下建立     urlrewrite.xml  文件 类似如下： <?xml version="1.0" encoding="UTF-8" ?>   <!DOCTYPE u
  • 达梦数据库+ibatis darkranger sqlmysqlibatisSQL Server
    --插入数据方面 如果您需要数据库自增... 那么在插入的时候不需要指定自增列. 如果想自己指定ID列的值, 那么要设置 set identity_insert  数据库名.模式名.表名; ----然后插入数据; example: create table zhabei.test( id bigint identity(1,1) primary key, nam
  • XML 解析 四种方式 aijuans android
    XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。 XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object
  • spring中配置文件占位符的使用 avords
    1.类 <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o
  • 前端工程化-公共模块的依赖和常用的工作流 bee1314 webpack
    题记： 一个人的项目，还有工程化的问题嘛？   我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？   var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。  
  • 上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？ bijian1013 项目管理沟通IT职业规划
    问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应         正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。   Eno-Bea回答，注重感受，不一定是别人的         虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作
  • TortoiseSVN，过滤文件 征客丶 SVN
    环境： TortoiseSVN 1.8 配置： 在文件夹空白处右键 选择  TortoiseSVN -> Settings 在 Global ignote pattern 中添加要过滤的文件： 多类型用英文空格分开 *name ： 过滤所有名称为 name 的文件或文件夹 *.name ： 过滤所有后缀为 name 的文件或文件夹 --------
  • 【Flume二】HDFS sink细说 bit1129 Flume
    1. Flume配置   a1.sources=r1 a1.channels=c1 a1.sinks=k1 ###Flume负责启动44444端口 a1.sources.r1.type=avro a1.sources.r1.bind=0.0.0.0 a1.sources.r1.port=44444 a1.sources.r1.chan
  • The Eight Myths of Erlang Performance bookjovi erlang
    erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide 里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html   Myth: Funs are sl
  • java多线程网络传输文件(非同步)-2008-08-17 ljy325 java多线程socket
    利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。 使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer. 客户端: 修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系
  • 读《研磨设计模式》-代码笔记-模板方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet;
  • 配置心得 chenyu19891124 配置
    时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。 作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。 做了一年的配置管理给自总结下： 1.改变 从一个以前对配置毫无
  • 对“带条件选择的并行汇聚路由问题”的再思考 comsci 算法工作软件测试嵌入式领域模型
    2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际
  • Oracle 10g 的clusterware 32位 下载地址 daizj oracle
    Oracle 10g 的clusterware 32位 下载地址 http://pan.baidu.com/share/link?shareid=531580&uk=421021908 http://pan.baidu.com/share/link?shareid=137223&uk=321552738 http://pan.baidu.com/share/l
  • 非常好的介绍：Linux定时执行工具cron dongwei_6688 linux
    Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。 新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr
  • Yii assets目录生成及修改 dcj3sjt126com yii
    assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。 assets设置对应的方法位置 \framework\web\CAssetManager.php   assets配置方法 在m
  • mac工作软件推荐 dcj3sjt126com mac
    mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。 我为什么要要iterm2 切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点： * 兼容性好，远程服务器 vi 什么的低版本能很好兼
  • Memcached(三)、封装Memcached和Ehcache frank1234 memcachedehcachespring ioc
    本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。 cache.xml <?xml version="1.0" encoding="UTF-8"?>
  • Remove Duplicates from Sorted List II hcx2013 remove
    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list. For example,Given 1->2->3->3->4->4->5,
  • Spring4新特性——注解、脚本、任务、MVC等其他特性改进 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • MySQL安装文档 liyong0802 mysql
      工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。   安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。   Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二
  • 使用VS2010构建HotSpot工程 p2p2500 HotSpotOpenJDKVS2010
    1. 下载OpenJDK7的源码：      http://download.java.net/openjdk/jdk7      http://download.java.net/openjdk/      2. 环境配置     ▶
  • Oracle实用功能之分组后列合并 seandeng888 oracle分组实用功能合并
    1       实例解析 由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下： 表test 数据如下： ID,SUBJECTCODE,DIMCODE,VALUE 1&nbs
  • Java定时任务注解方式实现 tuoni javaspringjvmxmljni
    Spring 注解的定时任务，有如下两种方式： 第一种： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http
  • 11大Java开源中文分词器的使用方法和分词效果对比 yangshangchuan word分词器ansj分词器Stanford分词器FudanNLP分词器HanLP分词器
    本文的目标有两个： 1、学会使用11大Java开源中文分词器 2、对比分析11大Java开源中文分词器的分词效果 本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。 11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口： /** * 获取文本的所有分词结果, 对比
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他