JiuMeilove
JiuMeilove

纯css按钮动画

效果

纯css按钮动画_第1张图片

代码


<html>
<head>
<meta charset="utf-8">
<title>按钮动画title>
<style>
	html {
      
  background: #313131;
}
 
body {
      
  background-color: #313131;
  color: #4b507a;
  font: 300 24px/1.5 Lato, sans-serif;
  margin: 1em auto;
  max-width: 36em;
  padding: 1em 1em 2em;
  text-align: center;
}

.buttons {
      
  isolation: isolate;
}

h1 {
      
  font-weight: 300;
  font-size: 2.5em;
}
button {
      
  background: none;
  border: 0;
  box-sizing: border-box;
  margin: 1em;
  padding: 1em 2em;
  box-shadow: inset 0 0 0 2px #f45e61;
  color: #f45e61;
  font-size: inherit;
  font-weight: 700;
  position: relative;
  vertical-align: middle;
}
button::before, button::after {
      
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.draw {
      
  transition: color 0.25s;
}
.draw::before, .draw::after {
      
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
      
  top: 0;
  left: 0;
}
.draw::after {
      
  bottom: 0;
  right: 0;
}
.draw:hover {
      
  color: #60daaa;
}
.draw:hover::before, .draw:hover::after {
      
  width: 100%;
  height: 100%;
}
.draw:hover::before {
      
  border-top-color: #60daaa;
  border-right-color: #60daaa;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
      
  border-bottom-color: #60daaa;
  border-left-color: #60daaa;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
	.meet:hover {
      
  color: #fbca67;
}
	.meet::after {
      
  top: 0;
  left: 0;
}
	.meet:hover::before {
      
  border-top-color: #fbca67;
  border-right-color: #fbca67;
}
	.meet:hover::after {
      
  border-bottom-color: #fbca67;
  border-left-color: #fbca67;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}
	.center:hover {
      
  color: #6477b9;
}
	.center::before, .center::after {
      
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
	.center::before {
      
  border-top: 2px solid #6477b9;
  border-bottom: 2px solid #6477b9;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
	.center::after {
      
  border-left: 2px solid #6477b9;
  border-right: 2px solid #6477b9;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
	.center:hover::before, .center:hover::after {
      
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
	.spin {
      
  width: 5em;
  height: 5em;
  padding: 0;
}
	.spin:hover {
      
  color: #0eb7da;
}
	.spin::before, .spin::after {
      
  top: 0;
  left: 0;
}
	.spin::before {
      
  border: 2px solid transparent;
}
	.spin:hover::before {
      
  border-top-color: #0eb7da;
  border-right-color: #0eb7da;
  border-bottom-color: #0eb7da;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
	.spin::after {
      
  border: 0 solid transparent;
}
	.spin:hover::after {
      
  border-top: 2px solid #0eb7da;
  border-left-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
	.circle {
      
  border-radius: 100%;
  box-shadow: none;
}
	.circle::before, .circle::after {
      
  border-radius: 50%;
}
	.thick {
      
  color: #f45e61;
}
.thick:hover {
      
  color: #fff;
  font-weight: 700;
}
	.thick::before {
      
  border: 2.5em solid transparent;
  z-index: -1;
}
.thick::after {
      
  mix-blend-mode: color-dodge;
  z-index: -1;
}
	.thick:hover::before {
      
  background: #f45e61;
  border-top-color: #f45e61;
  border-right-color: #f45e61;
  border-bottom-color: #f45e61;
  transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
}
.thick:hover::after {
      
  border-top: 2.5em solid #f45e61;
  border-left-width: 2.5em;
  border-right-width: 2.5em;
}

style>
head>
<body>
<h1>CSS Border Transitionsh1>
<section class="buttons">
  <button class="draw">Drawbutton>
  <button class="draw meet">Draw Meetbutton>
  <button class="center">Centerbutton>
  <button class="spin">Spinbutton>
  <button class="spin circle">Spin Circlebutton>
  <button class="spin thick">Spin Thickbutton>
section>
body>
html>

你可能感兴趣的:(前端样式,按钮动画,炫酷的按钮动画)

  • 冬天里的纪念日 板栗Keira
    1月10日刚刚过了个纪念日，2014年1月10日领证，四周年了。12月份的时候我们在车里，我曾开玩笑说：“马上就是我们领证四周年啦！”芒果说：“才四周年，有什么好过的，我们等40周年再过，哈哈哈。”要不是在开车，真想把他打一顿。10号当天芒果去南京出差，回来的时候手里抱着个小红袋子，原来抽空去了周大福，给我挑了个坠子。他向来不喜欢把话说得太满，把能做到看的更重。深得我心。嗯，算是没嫁错人。过这个领
  • 李嘉诚等顶级富豪的共同特点，从《亚洲教父》说起 熊猫老哥
    这个双节假期，沉下心来，好好读了几本书。你在路上奔波堵车，我在家里悠然看书。好像也不错。最近读的是一本看起来就比较暗黑系的书——《亚洲教父》。副标题是:“香港、东南亚的金钱和权力”，还有“超级富豪们的发迹史、生意经和高尚生活”。莫非这是一本披露富豪隐秘与内幕的书？这是我等吃瓜群众的最爱啊。带着窥秘心情，我打开了这本书。用了两天时间，我读完了这本书。最后的感受是：我想错了，这不是一本讲富豪故事的书。
  • 使用flv.js + websokect播放rtsp格式视频流 音视频开发老马 流媒体服务器Android音视频开发音视频开发ffmpeg开发语言flv流媒体服务器音视频开发
    1.问题背景在最近的项目中，涉及到海康接入的视频播放的问题，海康这边获取到的视频流是rtsp格式，web端目前没有直接可以播放的组件，于是最开始是后端处理了视频流，返回hls格式的m3u8地址，这样用videojs插件就可以播放了，但是问题就是处理了的m3u8地址播放效果非常差，第一次加载时间较长，且播放过程中很卡，尤其是项目的界面做的是视频监控墙，不止一个视频，导致没办法看了。想着最好的方式还是
  • 听说你想当公务员 五味馅
    图片发自App一个朋友跟我说，他表妹今年大学毕业，表妹的家人希望她考公务员，觉得稳定有保障，又不太忙，很适合女孩子；而表妹自己不打算考，认为公务员工作枯燥，没有挑战性，不利于个人进步。朋友问我，工作这几年，对公务员这个职业有什么看法。在机关工作了小十年的我，认真想过一番，告诉他——公务员真不像大家想得那样。不清闲。一张报纸，一杯水过一天的时代早已远去，现在的机关工作，内容庞杂，追求高效。很多单位配
  • 原来不管是“不配得到爱”还是“值得被爱”这一切都是假象 丹灵雅音
    昨天看了关注的一篇心理学公号文章，深有感触。这是位经过原生家庭伤害的老师，但她通过学习心理学，开始自救，成功摆脱过去阴影，成为一个爱与自由的人。她的那篇文章就写道，不配得和值得被爱都是一种鸡汤，饮食事实是：不管别人爱不爱我，我都无法掌控。而当下的幸福我自己就可以达成。这让我想起那年和老公一起去朋友家吃饭，在外人面前老公表现优秀，一位十足的五好丈夫，让我刮目相看，毕竟实际在家里表现情况要比外面差点，
  • 珍惜孤独的时光 不要沮丧 席墨生
    今日话题#人生#励志#成长#孤独校对编辑专栏如果你是一个异类，跟我一样，生日没地方过，喜欢一个人看电影，一个人吃饭，如果是个不合群的人，如果我们是少数人，你感觉自己特别孤独，感觉被环境所歧视了，不要沮丧，不要自怨自艾，要珍惜珍惜孤独的时光一根孤独成瘾，久而久之别人就很难走进自己的生活。孤独是会上瘾的，有时候一根逛公园，一个人看病，夜深了一个人慢慢入睡，心里难免些许苦涩和落寞。在一个集体中，融入进去
  • 如梦令·昨夜雨疏风骤 何处是港湾
    随着电视剧《知否》热播，满大街都能听到"知否，知否，应是绿肥红瘦"的音乐声。然不知有多少人熟读了这一首词。如梦令·昨夜雨疏风骤宋代：李清照昨夜雨疏风骤，浓睡不消残酒。试问卷帘人，却道海棠依旧。知否，知否？应是绿肥红瘦。一句"绿肥红瘦"形象的描述出一副晚春初夏的雨后景象。
  • 如何阅读一本书 逸婵
    图片发自App提升阅读能力首先要做到有效阅读，然后在有效的基础上提高阅读效率，具体的方法有以下三个：一、【运用“二八原则”】快速阅读不是走马观花，而是运用“二八法则”，即20%的阅读时间掌握80%的书本内容，具体可以遵循“封-录-序-尾”的原则展开阅读，能够更高效地萃取精华。二、【有效提炼知识点】阅读文章的当下如能给自己带来某些启发或者思考，不要只是随手放进收藏夹，而是应该趁热打铁，通过文字形式将
  • 第五十四章 大地震（1） 近似海水般透明
    《穹窿八部.城乡之恋》第五十四章大地震（1）张明磊与刘县长通过电话之后，很快又接到县委联系镇域经济的曹副书记的电话，曹书记对自己吼道：“你狗@日的张明磊，平日里看你娃儿很能干稳重的……怎么到了关键时候就跟老子拉稀白带了呢……是你娃娃运气不好还是老子运气不好呢？真弄不明白你是能力不足还是水平有限啊……偏偏在这骨节眼上出这样的糟糕的事情……要是不能迅速地把你们镇的村民弄回去，就说明你不能驾驭大局，不能
  • 2019-12-18：第五章：引用类型（Object和Arrary） Lau17
    引用类型的值是引用类型的实例。在ECMAScript中，引用类型是一种数据结构，它通常将功能于数据组合在一起。有人将他称之为类，但这并不妥当。因为它不具有传统面向对象语言中类所支持的类和接口等基本定义。引用类型经常被称作对象定义。原因是他们描述的是一类对象所具有的属性于方法。一个真正的对象实际上是某个特定引用类型的实例化。对象被new操作符+构造函数创造，再将其赋给一个引用类型的变量。举个例子：v
  • 大厂Java面试题：MyBatis是如何进行分页的？分页插件的实现原理是什么？ 技术范王有志 大厂Java面试题mybatisjava面试后端
    大家好，我是王有志。今天给大家带来的是一道来自京东的关于MyBatis实现分页功能的面试题：MyBatis是如何进行分页的？分页插件的实现原理是什么？通常，分页的方式可以分为两种：逻辑（内存）分页物理分页逻辑（内存）分页指的是数据库返回全部符合条件的数据，然后再通过程序代码对数据结果进行分页处理；物理分页指的是通过SQL语句查询，由数据库返回分页后的查询结果。逻辑（内存）分页和物理分页各有优缺点，
  • NoSQL（非关系型数据库）之Redis 花狮66 nosqlredis数据库
    目录一、关系型数据库与非关系型数据库1.1关系型数据库1.2非关系型数据库1.3区别1.3.1数据存储方式不同1.3.2扩展方式不同1.4非关系型数据库产生背景二、Redis简介2.1Redis概述2.2Redis优点2.3Redis为什么这么快？总结一数据流向二各自特点一、关系型数据库与非关系型数据库1.1关系型数据库关系型数据库是一个结构化的数据库，创建在关系模型(二维表格模型)基础上，一般面
  • 2023年，一个人最大的资本是什么？ 祝你一生自由
    史迈尔曾说：“人之风动一世，在品行，而不在地位；地位虽高，无品行，何得风动一世。”行走世间，一个人最大的资本不是金钱，不是美貌，不是背景，而是良好的品质。唯有品质，可立一世；唯有品行，可护一生。人品过硬，就是无形的资产有人曾说：“凡建立功业，以立品德为始基，从来有学问而能担当大事业者，无不先从品行上立定脚跟。”一个人即使能力再大，若品行不佳，人生之路只会越走越窄。唐朝时，东都留守吕元应酷爱下棋，门
  • 《拂衣》剧本杀复盘/凶手/剧透/真相/答案/攻略 VX搜_小燕子复盘
    为了你获得更好的游戏体验，本文仅显示《拂衣》剧本杀部分真相复盘，获取完整真相复盘只需两步①【微信关注公众号：集美复盘】②回复【拂衣】即可查看获取哦﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎1、剧本杀《拂衣》角色介绍而今，江湖之中，再起风云。青衫剑客背负长匣，一剑西来白裙仙子步步生莲，风雪飘摇黑衣侠客手持酒壶，剑指叠云算命先生抬头仰望，星辰失色紫纱掩面神秘至极，
  • Mybatis 是如何进行分页的？分页插件的原理是什么？ 骆梦晴 mybatismysqljava
    1）Mybatis使用RowBounds对象进行分页，也可以直接编写sql实现分页，也可以使用Mybatis的分页插件。2）分页插件的原理：实现Mybatis提供的接口，实现自定义插件，在插件的拦截方法内拦截待执行的sql，然后重写sql
  • 2023-01-02 叛逆的怜悯
    这几天一直在咳嗽，而且还是那种十分剧烈的咳嗽，吃了好几种药都不管用，这大概就是传说中的得新冠后最大的后遗症。每次咳嗽都像要把自己的心吐出来，整个身体都跟着颤抖。每一次深呼吸身体都以剧烈的咳嗽相回应，话也说不出来，我几乎所有的力气都用来咳嗽，所以每一次咳嗽都精疲力竭，全身瘫软在床上什么都不想干。
  • 妙趣美食：下雨才见情人的眼泪！患洁癖的地皮儿，与炒蛋最配 爱家一品
    文/大侠范儿图/来源网络夏末之季，降雨频繁。恰逢明天要回老家一趟公干，心里早就有了隐隐的期盼，期待着和情人~的眼泪再度相逢。小的时候，大侠范儿生活在鲁西北的平原一个小小村落，那里承载了太多的人生百味，而其中很多愉悦的话题多是和美食相关。今天的故事主角，外形简直可以说像大鼻涕，却有着“情人的眼泪”这么美丽的名字，营养丰富，非雨后不可见。那些年，好像雨水特别充沛，连番降雨后总有很多的蘑菇，在人踩踏少的
  • MyBatis可以如何实现分页查询？ Say.夏夜 mybatis
    在MyBatis中实现分页查询，主要有以下几种方法：1.使用MyBatis分页插件：MyBatis有一个非常流行的分页插件叫做PageHelper。它允许你通过简单的配置就能实现分页查询。使用PageHelper，你只需要在你的Mapper接口的方法上添加@Select注解，然后在方法调用前使用PageHelper的startPage方法即可。例如：//在Mapper接口中的方法@Select("
  • 2023-02-24 我是一个向日葵
    最近比较忙，工作事情多，各类工作都需要同时进行，还有一些在外的事情进行的并不那么顺利。忽然觉得很累。纵观来到这个岗位的整个过程，原本股东对接临床、原有的400多会员这些可能向好的两大业务目前都没有起到作用。外加疫情、人员的不足、技术水平的滞后导致活动承接力也不行。我怕的是努力了半天却只有苦劳没有功劳，只有付出没有成绩和效果。
  • 调查了 12,000 名女性开发者发现，女性比男性更懂 Java！ Java架构学习者
    华为的中国芯将何庭波这位神秘低调的程序媛推入公众视野。在华为地位堪比任正非的她在谈及“工程师”这一身份时表示，“我觉得工程师本身就是一个很不了的职业，这也是我一生的荣耀和自豪”。理工科行业的性别鄙视链由来已久，“女子本弱”论和对于有色人种的偏见一样扎根于各文化背景下。而放眼当下，年轻一代女性已经为进入科技行业做好了准备。“精英统治下，技能即一切”——程序媛arecoming！近日，HackerRa
  • （9月的第一个）周六，早上没有睡懒觉 杨暖色
    以往都睡到九十点的周末，今天，我和宝宝都表示睡不着，在床上嘟囔了好久，最后都爬了起来，看看时间，八点整。不知道宝宝什么原因，我其实是因为生理期。一点睡的，八点起。洗漱过后，吃了芋头，宝宝去办银行卡，我又睡了个回笼觉。直到宝宝回来敲门。中午和宝宝一起做的小白菜炒肉面条，吃着饭看完了《加勒比海盗5：死无对证》。午休醒来，快四点了，这会儿宝宝还没醒，看来，周末总是要睡懒觉的，只不过不一定是上午，也有可能
  • ray.tune文档总结 AI大司马 python人工智能深度学习
    ray.tune文档总结tune.runconfig指定超参数的搜索方法ConcurrencyLimiter搜索算法scheduler试验调度程序分析资源（并行、GPU、分布式）原文档请看这里https://docs.ray.io/en/latest/tune/key-concepts.htmltune.run执行超参数调整、用于管理实验，例如日志检查、提前停止tune.run(trainable
  • react native 大坑之react-navigation导航 我的铁锤妹妹
    1、stacknagator路由嵌套，会在最外层多出一个头部title组件，在属性中隐藏navigationOptions:{header:null,}2、导航嵌套，需先声明，后引入。引入的二级导航应放在之前（上面）先声明。3、多个路由可以相互嵌套，暂时解决问题：登录成功后，跳转到主页面，安卓版本点击物理返回键，从主页面中直接退出，而不会回退回到登录页面。其他页面跳转到主页会重置路由，点击物理返回
  • 《乌合之众-大众心理学研究》读书笔记 奇冴
    这本书是法国心理学家古斯塔夫.勒庞写于19世纪90年代，也就是法国大革命那个时代，这个时代的群体运动此起彼伏，作者有机会通过各种群体运动体会到群体的思想，观念与信仰。所以这本书还是比较有说服力的。人在智力上差异最大，但他们却有相似的本能和情感。在属于情感领域的宗教、政治、道德、爱憎等等上，最杰出的人并不见得比凡夫俗子更高明。------《乌合之众》涉及感情的事，人们往往会失去理智。《三国演义》中，
  • 【机器学习】机器学习的基本概念、算法的工作原理、实际应用案例 @我们的天空 人工智能技术机器学习算法人工智能自然语言处理金融pythonsklearn
    一、机器学习的基本概念定义：机器学习是人工智能的一个分支，它使计算机能够在没有明确编程的情况下从数据中学习并改进其性能。机器学习的目标是让计算机自动学习模式和规律，从而能够对未知数据做出预测或决策。主要类型：监督学习：在这种类型的学习中，算法通过已知输入输出数据对进行训练，学习映射函数，以便对新的输入数据进行预测。常见的监督学习任务包括分类和回归。无监督学习：无监督学习的任务是发现数据中的结构或模
  • 层层套路之下的爱恨情仇——《十面埋伏》 阿易弟弟
    一部古装武侠片，以朝廷和飞刀门的矛盾为契机，展示了两个捕快和飞刀门小妹三者间的爱恨情仇。三人在表面的身份下又有层层的伪装，昔日的同僚也是阵营不同的敌人，是兄弟也是情敌，是一个舞女也是飞刀门前门主之女......层层套路之下，又有爱情的变故和爱而不得的妒恨。其中章子怡的水袖舞——“仙人指路”，以及竹林中的杀机四伏、惊悚毕现，都是电影的经典镜头。水袖舞的音乐、服装，以及章子怡的舞蹈，都给人以听觉、视觉
  • 《缘》 一席先生
    我一直很相信释迦摩尼说的一句话:“无论你遇见谁，他都是你生命里该出现的那个人，绝非偶然！”所以我也相信，无论我走到哪里，那就是我该去的地方，经历我该经历的事，遇见我该遇见的人。一席
  • [C题目]力扣203. 移除链表元素 GLC8866 链表leetcodec语言
    203.移除链表元素-力扣（LeetCode）方法一：删除val值的结点，并将其前后的结点连接上。structListNode*removeElements(structListNode*head,intval){structListNode*prev=NULL;//prev标记cur前一个结点的位置structListNode*cur=head;//cur表示当前要检查的结点while(cur)
  • C语言常用头文件的介绍 花开盛夏^.^ C语言c语言开发语言头文件
    一、C语言头文件的介绍C语言的头文件是包含函数声明、宏定义和类型定义的重要组件，用于在编译阶段将这些信息包含到源文件中。在C语言中，头文件以“.h”作为后缀，通常包含了类、子程序、变量和其他标识符的前置声明。这些头文件通过#include指令被包含在源文件中，分为尖括号：标准输入输出库。包含进行输入输出操作的函数，如printf(),scanf(),fopen(),fclose(),fread()
  • freemarker模板学习笔记 tryCbest freemarkerjavaspringboot
    文章目录freemarker常用指令if-elseif-else指令switch,case,default,break指令list,else,items,sep,break指令指令语法指令指令指令指令include指令基础知识带*的pathimport指令assign指令自定义指令参数嵌套内容宏和循环变量freemarker内置函数字符串内置函数数字内置函数哈希表内置函数序列内置函数循环变量内置函
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他